@atlaskit/help-layout 4.2.18 → 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 (34) hide show
  1. package/CHANGELOG.md +143 -59
  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/styled.js +10 -0
  8. package/dist/es2019/analytics.js +1 -1
  9. package/dist/es2019/components/Header/BackButton.js +3 -1
  10. package/dist/es2019/components/Header/CloseButton.js +1 -1
  11. package/dist/es2019/components/Header/styled.js +10 -1
  12. package/dist/es2019/components/styled.js +10 -0
  13. package/dist/esm/analytics.js +1 -1
  14. package/dist/esm/components/Header/BackButton.js +1 -1
  15. package/dist/esm/components/Header/CloseButton.js +1 -1
  16. package/dist/esm/components/Header/styled.js +10 -1
  17. package/dist/esm/components/styled.js +10 -0
  18. package/dist/types/components/Header/BackButton.d.ts +2 -2
  19. package/dist/types/components/Header/CloseButton.d.ts +2 -2
  20. package/dist/types/components/Header/index.d.ts +2 -2
  21. package/dist/types/components/Header/styled.d.ts +1 -1
  22. package/dist/types/components/HelpLayout.d.ts +2 -2
  23. package/dist/types/components/HelpLayoutContent.d.ts +2 -2
  24. package/dist/types/components/MessagesIntlProvider.d.ts +1 -1
  25. package/dist/types/model/HelpLayout.d.ts +1 -1
  26. package/dist/types-ts4.5/components/Header/BackButton.d.ts +2 -2
  27. package/dist/types-ts4.5/components/Header/CloseButton.d.ts +2 -2
  28. package/dist/types-ts4.5/components/Header/index.d.ts +2 -2
  29. package/dist/types-ts4.5/components/Header/styled.d.ts +1 -1
  30. package/dist/types-ts4.5/components/HelpLayout.d.ts +2 -2
  31. package/dist/types-ts4.5/components/HelpLayoutContent.d.ts +2 -2
  32. package/dist/types-ts4.5/components/MessagesIntlProvider.d.ts +1 -1
  33. package/dist/types-ts4.5/model/HelpLayout.d.ts +1 -1
  34. package/package.json +6 -8
package/CHANGELOG.md CHANGED
@@ -1,46 +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
+
3
11
  ## 4.2.18
4
12
 
5
13
  ### Patch Changes
6
14
 
7
- - [#92007](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/92007) [`85525725cb0d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/85525725cb0d) - Migrated to the new button component
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
8
18
 
9
19
  ## 4.2.17
10
20
 
11
21
  ### Patch Changes
12
22
 
13
- - [#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`
14
26
 
15
27
  ## 4.2.16
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [#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`
20
34
 
21
35
  ## 4.2.15
22
36
 
23
37
  ### Patch Changes
24
38
 
25
- - [#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.
26
43
 
27
44
  ## 4.2.14
28
45
 
29
46
  ### Patch Changes
30
47
 
31
- - [#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
32
51
 
33
52
  ## 4.2.13
34
53
 
35
54
  ### Patch Changes
36
55
 
37
- - [#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
38
59
 
39
60
  ## 4.2.12
40
61
 
41
62
  ### Patch Changes
42
63
 
43
- - [#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.
44
67
 
45
68
  ## 4.2.11
46
69
 
@@ -52,7 +75,9 @@
52
75
 
53
76
  ### Patch Changes
54
77
 
55
- - [#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.
56
81
 
57
82
  ## 4.2.9
58
83
 
@@ -70,50 +95,67 @@
70
95
 
71
96
  ### Patch Changes
72
97
 
73
- - [#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
74
101
  - Updated dependencies
75
102
 
76
103
  ## 4.2.6
77
104
 
78
105
  ### Patch Changes
79
106
 
80
- - [#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
81
110
 
82
111
  ## 4.2.5
83
112
 
84
113
  ### Patch Changes
85
114
 
86
- - [#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.
87
118
 
88
119
  ## 4.2.4
89
120
 
90
121
  ### Patch Changes
91
122
 
92
- - [#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
93
126
 
94
127
  ## 4.2.3
95
128
 
96
129
  ### Patch Changes
97
130
 
98
- - [#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
99
134
 
100
135
  ## 4.2.2
101
136
 
102
137
  ### Patch Changes
103
138
 
104
- - [#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`
105
142
 
106
143
  ## 4.2.1
107
144
 
108
145
  ### Patch Changes
109
146
 
110
- - [#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.
111
151
 
112
152
  ## 4.2.0
113
153
 
114
154
  ### Minor Changes
115
155
 
116
- - [#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
117
159
 
118
160
  ### Patch Changes
119
161
 
@@ -123,7 +165,9 @@
123
165
 
124
166
  ### Patch Changes
125
167
 
126
- - [#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.
127
171
 
128
172
  ## 4.1.14
129
173
 
@@ -141,7 +185,10 @@
141
185
 
142
186
  ### Patch Changes
143
187
 
144
- - [#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.
145
192
 
146
193
  ## 4.1.11
147
194
 
@@ -165,19 +212,25 @@
165
212
 
166
213
  ### Patch Changes
167
214
 
168
- - [#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
169
218
 
170
219
  ## 4.1.7
171
220
 
172
221
  ### Patch Changes
173
222
 
174
- - [#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`
175
226
 
176
227
  ## 4.1.6
177
228
 
178
229
  ### Patch Changes
179
230
 
180
- - [#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`.
181
234
 
182
235
  ## 4.1.5
183
236
 
@@ -189,7 +242,9 @@
189
242
 
190
243
  ### Patch Changes
191
244
 
192
- - [#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
193
248
  - Updated dependencies
194
249
 
195
250
  ## 4.1.3
@@ -214,29 +269,42 @@
214
269
 
215
270
  ### Minor Changes
216
271
 
217
- - [#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`.
218
275
 
219
- 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).
220
278
 
221
- 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.
222
281
 
223
282
  ## 4.0.1
224
283
 
225
284
  ### Patch Changes
226
285
 
227
- - [#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
228
290
 
229
291
  ## 4.0.0
230
292
 
231
293
  ### Major Changes
232
294
 
233
- - [#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
234
299
 
235
- 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.
236
- Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
237
- 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.
238
305
 
239
- 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
240
308
 
241
309
  ```js
242
310
  "react-intl": "^2.6.0",
@@ -248,23 +316,23 @@
248
316
  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
249
317
 
250
318
  return (
251
- <IntlProvider
252
- key={locale}
253
- data-test-language={locale}
254
- locale={locale}
255
- defaultLocale={DEFAULT_LOCALE}
256
- messages={messages}
257
- >
258
- <IntlNextProvider
259
- key={locale}
260
- data-test-language={locale}
261
- locale={locale}
262
- defaultLocale={DEFAULT_LOCALE}
263
- messages={messages}
264
- >
265
- {children}
266
- </IntlNextProvider>
267
- </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>
268
336
  );
269
337
  ```
270
338
 
@@ -278,7 +346,9 @@
278
346
 
279
347
  ### Patch Changes
280
348
 
281
- - [#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
282
352
 
283
353
  ## 3.0.1
284
354
 
@@ -290,21 +360,29 @@
290
360
 
291
361
  ### Major Changes
292
362
 
293
- - [#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
294
367
 
295
368
  ## 2.0.7
296
369
 
297
370
  ### Patch Changes
298
371
 
299
- - [#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
300
375
 
301
376
  ## 2.0.6
302
377
 
303
378
  ### Patch Changes
304
379
 
305
- - [#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.
306
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
307
- 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.
308
386
 
309
387
  ## 2.0.5
310
388
 
@@ -316,7 +394,9 @@
316
394
 
317
395
  ### Patch Changes
318
396
 
319
- - [#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
320
400
 
321
401
  ## 2.0.3
322
402
 
@@ -334,13 +414,17 @@
334
414
 
335
415
  ### Patch Changes
336
416
 
337
- - [#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
338
420
 
339
- Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
340
- 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.
341
423
 
342
424
  ## 2.0.0
343
425
 
344
426
  ### Major Changes
345
427
 
346
- - [#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
package/afm-jira/tsconfig.json ADDED
@@ -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
+ }
package/dist/cjs/analytics.js CHANGED
@@ -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.18"
17
+ packageVersion: "4.3.0"
18
18
  };
package/dist/cjs/components/Header/BackButton.js CHANGED
@@ -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.18"
78
+ packageVersion: "4.3.0"
79
79
  }
80
80
  }, /*#__PURE__*/_react.default.createElement(BackButton, props));
81
81
  };
package/dist/cjs/components/Header/CloseButton.js CHANGED
@@ -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.18"
53
+ packageVersion: "4.3.0"
54
54
  }
55
55
  }, /*#__PURE__*/_react.default.createElement(CloseButton, props));
56
56
  };
package/dist/cjs/components/Header/styled.js CHANGED
@@ -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
  });
package/dist/cjs/components/styled.js CHANGED
@@ -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) {
package/dist/es2019/analytics.js CHANGED
@@ -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.18"
8
+ packageVersion: "4.3.0"
9
9
  };
package/dist/es2019/components/Header/BackButton.js CHANGED
@@ -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.18"
74
+ packageVersion: "4.3.0"
73
75
  }
74
76
  }, /*#__PURE__*/React.createElement(BackButton, props));
75
77
  };
package/dist/es2019/components/Header/CloseButton.js CHANGED
@@ -47,7 +47,7 @@ const CloseButtonWithContext = props => {
47
47
  data: {
48
48
  componentName: 'closeButton',
49
49
  packageName: "@atlaskit/help-layout",
50
- packageVersion: "4.2.18"
50
+ packageVersion: "4.3.0"
51
51
  }
52
52
  }, /*#__PURE__*/React.createElement(CloseButton, props));
53
53
  };
package/dist/es2019/components/Header/styled.js CHANGED
@@ -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
  });
package/dist/es2019/components/styled.js CHANGED
@@ -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)"};
package/dist/esm/analytics.js CHANGED
@@ -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.18"
8
+ packageVersion: "4.3.0"
9
9
  };
package/dist/esm/components/Header/BackButton.js CHANGED
@@ -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.18"
71
+ packageVersion: "4.3.0"
72
72
  }
73
73
  }, /*#__PURE__*/React.createElement(BackButton, props));
74
74
  };
package/dist/esm/components/Header/CloseButton.js CHANGED
@@ -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.18"
46
+ packageVersion: "4.3.0"
47
47
  }
48
48
  }, /*#__PURE__*/React.createElement(CloseButton, props));
49
49
  };
package/dist/esm/components/Header/styled.js CHANGED
@@ -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
  });
package/dist/esm/components/styled.js CHANGED
@@ -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) {
package/dist/types/components/Header/BackButton.d.ts CHANGED
@@ -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;
package/dist/types/components/Header/CloseButton.d.ts CHANGED
@@ -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
  }
package/dist/types/components/Header/index.d.ts CHANGED
@@ -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>;
package/dist/types/components/Header/styled.d.ts CHANGED
@@ -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;
package/dist/types/components/HelpLayout.d.ts CHANGED
@@ -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;
package/dist/types/components/HelpLayoutContent.d.ts CHANGED
@@ -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>;
package/dist/types/components/MessagesIntlProvider.d.ts CHANGED
@@ -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;
package/dist/types/model/HelpLayout.d.ts CHANGED
@@ -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/dist/types-ts4.5/components/Header/BackButton.d.ts CHANGED
@@ -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;
package/dist/types-ts4.5/components/Header/CloseButton.d.ts CHANGED
@@ -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
  }
package/dist/types-ts4.5/components/Header/index.d.ts CHANGED
@@ -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>;
package/dist/types-ts4.5/components/Header/styled.d.ts CHANGED
@@ -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;
package/dist/types-ts4.5/components/HelpLayout.d.ts CHANGED
@@ -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;
package/dist/types-ts4.5/components/HelpLayoutContent.d.ts CHANGED
@@ -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>;
package/dist/types-ts4.5/components/MessagesIntlProvider.d.ts CHANGED
@@ -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;
package/dist/types-ts4.5/model/HelpLayout.d.ts CHANGED
@@ -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.18",
3
+ "version": "4.3.0",
4
4
  "description": "Layout for the atlaskit/help component.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,11 +34,11 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@atlaskit/analytics-next": "^9.3.0",
37
- "@atlaskit/button": "^17.14.0",
38
- "@atlaskit/icon": "^22.1.0",
39
- "@atlaskit/theme": "^12.7.0",
40
- "@atlaskit/tokens": "^1.43.0",
41
- "@atlaskit/tooltip": "^18.2.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": [