@atlaskit/panel 0.9.10 → 0.9.12

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 (15) hide show
  1. package/CHANGELOG.md +148 -55
  2. package/afm-jira/tsconfig.json +33 -0
  3. package/dist/cjs/components/Panel/PanelStateless.js +5 -3
  4. package/dist/cjs/components/Panel/styledPanel.js +14 -5
  5. package/dist/es2019/components/Panel/PanelStateless.js +4 -2
  6. package/dist/es2019/components/Panel/styledPanel.js +47 -38
  7. package/dist/esm/components/Panel/PanelStateless.js +4 -2
  8. package/dist/esm/components/Panel/styledPanel.js +13 -4
  9. package/dist/types/components/Panel/Panel.d.ts +2 -2
  10. package/dist/types/components/Panel/PanelStateless.d.ts +1 -1
  11. package/dist/types-ts4.5/components/Panel/Panel.d.ts +2 -2
  12. package/dist/types-ts4.5/components/Panel/PanelStateless.d.ts +1 -1
  13. package/docs/0-intro.tsx +21 -27
  14. package/package.json +58 -60
  15. package/report.api.md +9 -8
package/CHANGELOG.md CHANGED
@@ -1,10 +1,27 @@
1
1
  # @atlaskit/panel
2
2
 
3
+ ## 0.9.12
4
+
5
+ ### Patch Changes
6
+
7
+ - [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
8
+ [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
9
+ Removes usage of custom theme button in places where its API is not being used and the default
10
+ button is able to be used instead. This should give a slight performance (runtime) improvement.
11
+
12
+ ## 0.9.11
13
+
14
+ ### Patch Changes
15
+
16
+ - Updated dependencies
17
+
3
18
  ## 0.9.10
4
19
 
5
20
  ### Patch Changes
6
21
 
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`
22
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
23
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
24
+ Upgrade Typescript from `4.9.5` to `5.4.2`
8
25
 
9
26
  ## 0.9.9
10
27
 
@@ -22,50 +39,66 @@
22
39
 
23
40
  ### Patch Changes
24
41
 
25
- - [#40824](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40824) [`a24df8d818b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a24df8d818b) - update atlaskit/panel to have defined entry points
42
+ - [#40824](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40824)
43
+ [`a24df8d818b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a24df8d818b) - update
44
+ atlaskit/panel to have defined entry points
26
45
 
27
46
  ## 0.9.6
28
47
 
29
48
  ### Patch Changes
30
49
 
31
- - [#40697](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40697) [`4be6824d801`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be6824d801) - added prop type to PanelHeader
50
+ - [#40697](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40697)
51
+ [`4be6824d801`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be6824d801) - added
52
+ prop type to PanelHeader
32
53
 
33
54
  ## 0.9.5
34
55
 
35
56
  ### Patch Changes
36
57
 
37
- - [#40177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40177) [`42f281b48b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42f281b48b8) - Update hover state style to support dark theme.
58
+ - [#40177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40177)
59
+ [`42f281b48b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42f281b48b8) - Update
60
+ hover state style to support dark theme.
38
61
 
39
62
  ## 0.9.4
40
63
 
41
64
  ### Patch Changes
42
65
 
43
- - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
66
+ - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787)
67
+ [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal
68
+ changes to use space tokens. There is no expected visual or behaviour change.
44
69
 
45
70
  ## 0.9.3
46
71
 
47
72
  ### Patch Changes
48
73
 
49
- - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
74
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
75
+ [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
76
+ version.json
50
77
  - Updated dependencies
51
78
 
52
79
  ## 0.9.2
53
80
 
54
81
  ### Patch Changes
55
82
 
56
- - [#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
83
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
84
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
85
+ legacy types are published for TS 4.5-4.8
57
86
 
58
87
  ## 0.9.1
59
88
 
60
89
  ### Patch Changes
61
90
 
62
- - [#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`
91
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
92
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
93
+ Typescript from `4.5.5` to `4.9.5`
63
94
 
64
95
  ## 0.9.0
65
96
 
66
97
  ### Minor Changes
67
98
 
68
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
99
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
100
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
101
+ minor dependency bump
69
102
 
70
103
  ### Patch Changes
71
104
 
@@ -75,37 +108,50 @@
75
108
 
76
109
  ### Patch Changes
77
110
 
78
- - [#31563](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31563) [`8e64ed34245`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e64ed34245) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
111
+ - [#31563](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31563)
112
+ [`8e64ed34245`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e64ed34245) - Migrated
113
+ use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
79
114
 
80
115
  ## 0.8.0
81
116
 
82
117
  ### Minor Changes
83
118
 
84
- - [#27368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27368) [`9faed843194`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9faed843194) - Add i18n to panel.
119
+ - [#27368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27368)
120
+ [`9faed843194`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9faed843194) - Add i18n
121
+ to panel.
85
122
 
86
123
  ## 0.6.0
87
124
 
88
125
  ### Minor Changes
89
126
 
90
- - [#26347](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26347) [`303da7ab728`](https://bitbucket.org/atlassian/atlassian-frontend/commits/303da7ab728) - Update class components for the bitbucket panel to be functional components and internationalize the labels for A11Y.
127
+ - [#26347](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26347)
128
+ [`303da7ab728`](https://bitbucket.org/atlassian/atlassian-frontend/commits/303da7ab728) - Update
129
+ class components for the bitbucket panel to be functional components and internationalize the
130
+ labels for A11Y.
91
131
 
92
132
  ## 0.4.10
93
133
 
94
134
  ### Patch Changes
95
135
 
96
- - [#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`
136
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
137
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
138
+ Typescript from `4.3.5` to `4.5.5`
97
139
 
98
140
  ## 0.4.9
99
141
 
100
142
  ### Patch Changes
101
143
 
102
- - [#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`.
144
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
145
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
146
+ Typescript from `4.2.4` to `4.3.5`.
103
147
 
104
148
  ## 0.4.8
105
149
 
106
150
  ### Patch Changes
107
151
 
108
- - [#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
152
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
153
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
154
+ to TypeScript 4.2.4
109
155
  - Updated dependencies
110
156
 
111
157
  ## 0.4.7
@@ -124,15 +170,20 @@
124
170
 
125
171
  ### Patch Changes
126
172
 
127
- - [#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
173
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
174
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
175
+ packages using babel rather than tsc
128
176
 
129
177
  ## 0.4.4
130
178
 
131
179
  ### Patch Changes
132
180
 
133
- - [#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.
134
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
135
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
181
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
182
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
183
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
184
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
185
+ versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
186
+ `devDependencies` to denote version that the package was built with.
136
187
 
137
188
  ## 0.4.3
138
189
 
@@ -150,17 +201,22 @@
150
201
 
151
202
  ### Patch Changes
152
203
 
153
- - [#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
204
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
205
+ [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
206
+ to TypeScript 3.9.6 and tslib to 2.0.0
154
207
 
155
- Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
156
- to prevent duplicates of tslib being bundled.
208
+ Since tslib is a dependency for all our packages we recommend that products also follow this tslib
209
+ upgrade to prevent duplicates of tslib being bundled.
157
210
 
158
211
  ## 0.4.0
159
212
 
160
213
  ### Minor Changes
161
214
 
162
- - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
163
- For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
215
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
216
+ [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially
217
+ dropping IE11 support, from this version onwards there are no warranties of the package working in
218
+ IE11. For more information see:
219
+ https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
164
220
 
165
221
  ### Patch Changes
166
222
 
@@ -172,11 +228,15 @@
172
228
 
173
229
  - [patch][1532773dab](https://bitbucket.org/atlassian/atlassian-frontend/commits/1532773dab):
174
230
 
175
- Remove 'export \*' for improved tree shaking- Updated dependencies [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
231
+ Remove 'export \*' for improved tree shaking- Updated dependencies
232
+ [168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
176
233
 
177
- - Updated dependencies [0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
178
- - Updated dependencies [109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
179
- - Updated dependencies [b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
234
+ - Updated dependencies
235
+ [0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
236
+ - Updated dependencies
237
+ [109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
238
+ - Updated dependencies
239
+ [b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
180
240
  - @atlaskit/docs@8.5.1
181
241
  - @atlaskit/theme@9.5.3
182
242
  - @atlaskit/button@13.3.10
@@ -195,7 +255,8 @@
195
255
 
196
256
  - [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
197
257
 
198
- Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
258
+ Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
259
+ [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
199
260
 
200
261
  - @atlaskit/docs@8.3.2
201
262
  - @atlaskit/button@13.3.7
@@ -207,7 +268,8 @@
207
268
 
208
269
  ### Patch Changes
209
270
 
210
- - Updated dependencies [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
271
+ - Updated dependencies
272
+ [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
211
273
  - @atlaskit/icon@20.0.0
212
274
  - @atlaskit/docs@8.3.1
213
275
  - @atlaskit/button@13.3.6
@@ -219,10 +281,14 @@
219
281
 
220
282
  - [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
221
283
 
222
- Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result- Updated dependencies [28f8f0e089](https://bitbucket.org/atlassian/atlassian-frontend/commits/28f8f0e089):
284
+ Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
285
+ Updated dependencies
286
+ [28f8f0e089](https://bitbucket.org/atlassian/atlassian-frontend/commits/28f8f0e089):
223
287
 
224
- - Updated dependencies [82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
225
- - Updated dependencies [4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
288
+ - Updated dependencies
289
+ [82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
290
+ - Updated dependencies
291
+ [4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
226
292
  - @atlaskit/icon@19.1.0
227
293
  - @atlaskit/theme@9.5.0
228
294
  - @atlaskit/button@13.3.5
@@ -258,36 +324,42 @@
258
324
 
259
325
  - [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
260
326
 
261
- Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
327
+ Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
328
+ non-relative imports as relative imports
262
329
 
263
330
  ## 0.2.3
264
331
 
265
- - Updated dependencies [06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
332
+ - Updated dependencies
333
+ [06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
266
334
  - @atlaskit/docs@8.1.3
267
335
  - @atlaskit/button@13.0.9
268
336
  - @atlaskit/icon@19.0.0
269
337
 
270
338
  ## 0.2.2
271
339
 
272
- - Updated dependencies [cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
340
+ - Updated dependencies
341
+ [cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
273
342
  - @atlaskit/docs@8.1.2
274
343
  - @atlaskit/button@13.0.8
275
344
  - @atlaskit/icon@18.0.0
276
345
 
277
346
  ## 0.2.1
278
347
 
279
- - Updated dependencies [3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
348
+ - Updated dependencies
349
+ [3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
280
350
  - @atlaskit/page@11.0.0
281
351
 
282
352
  ## 0.2.0
283
353
 
284
354
  - [minor][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
285
355
 
286
- - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use this package, please ensure you use at least this version of react and react-dom.
356
+ - Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
357
+ this package, please ensure you use at least this version of react and react-dom.
287
358
 
288
359
  ## 0.1.3
289
360
 
290
- - Updated dependencies [9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
361
+ - Updated dependencies
362
+ [9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
291
363
  - @atlaskit/docs@7.0.3
292
364
  - @atlaskit/button@12.0.3
293
365
  - @atlaskit/icon@16.0.9
@@ -295,7 +367,8 @@
295
367
 
296
368
  ## 0.1.2
297
369
 
298
- - Updated dependencies [1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
370
+ - Updated dependencies
371
+ [1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
299
372
  - @atlaskit/docs@7.0.2
300
373
  - @atlaskit/icon@16.0.8
301
374
  - @atlaskit/page@9.0.3
@@ -304,7 +377,8 @@
304
377
 
305
378
  ## 0.1.1
306
379
 
307
- - Updated dependencies [9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
380
+ - Updated dependencies
381
+ [9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
308
382
  - @atlaskit/docs@7.0.1
309
383
  - @atlaskit/icon@16.0.5
310
384
  - @atlaskit/page@9.0.1
@@ -319,8 +393,9 @@
319
393
 
320
394
  ### Dropping CJS support in all @atlaskit packages
321
395
 
322
- As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only distribute esm. This means all distributed code will be transpiled, but will still contain `import` and
323
- `export` declarations.
396
+ As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
397
+ distribute esm. This means all distributed code will be transpiled, but will still contain
398
+ `import` and `export` declarations.
324
399
 
325
400
  The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
326
401
 
@@ -334,24 +409,37 @@
334
409
  import colors from `@atlaskit/theme/dist/esm/colors`;
335
410
  ```
336
411
 
337
- This has a couple of issues. 1, it treats the file system as API making internal refactors harder, we have to worry about how consumers might be using things that aren't _actually_ supposed to be used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads to lots of packages bundling all of theme, just to use a single color, especially in situations where tree shaking fails.
412
+ This has a couple of issues. 1, it treats the file system as API making internal refactors harder,
413
+ we have to worry about how consumers might be using things that aren't _actually_ supposed to be
414
+ used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads to lots of
415
+ packages bundling all of theme, just to use a single color, especially in situations where tree
416
+ shaking fails.
338
417
 
339
- To support being able to use multiple entrypoints internally, we unfortunately cannot have multiple distributions as they would need to have very different imports from of their own internal dependencies.
418
+ To support being able to use multiple entrypoints internally, we unfortunately cannot have
419
+ multiple distributions as they would need to have very different imports from of their own
420
+ internal dependencies.
340
421
 
341
- ES Modules are widely supported by all modern bundlers and can be worked around in node environments.
422
+ ES Modules are widely supported by all modern bundlers and can be worked around in node
423
+ environments.
342
424
 
343
- We may choose to revisit this solution in the future if we find any unintended condequences, but we see this as a pretty sane path forward which should lead to some major bundle size decreases, saner API's and simpler package architecture.
425
+ We may choose to revisit this solution in the future if we find any unintended condequences, but
426
+ we see this as a pretty sane path forward which should lead to some major bundle size decreases,
427
+ saner API's and simpler package architecture.
344
428
 
345
- Please reach out to #fabric-build (if in Atlassian) or create an issue in [Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for external) if you have any questions or queries about this.
429
+ Please reach out to #fabric-build (if in Atlassian) or create an issue in
430
+ [Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for
431
+ external) if you have any questions or queries about this.
346
432
 
347
433
  ## 0.0.13
348
434
 
349
- - Updated dependencies [0de1251ad1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0de1251ad1):
435
+ - Updated dependencies
436
+ [0de1251ad1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0de1251ad1):
350
437
  - @atlaskit/size-detector@6.0.0
351
438
 
352
439
  ## 0.0.12
353
440
 
354
- - Updated dependencies [d7ef59d432](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d7ef59d432):
441
+ - Updated dependencies
442
+ [d7ef59d432](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d7ef59d432):
355
443
  - @atlaskit/docs@6.0.1
356
444
  - @atlaskit/button@10.1.2
357
445
  - @atlaskit/icon@16.0.0
@@ -398,20 +486,25 @@
398
486
 
399
487
  ## 0.0.6
400
488
 
401
- - [patch] Fix button-toggle vertical positioning in IE 11 [92932e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/92932e6)
489
+ - [patch] Fix button-toggle vertical positioning in IE 11
490
+ [92932e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/92932e6)
402
491
 
403
492
  ## 0.0.5
404
493
 
405
- - [patch] Adds missing implicit @babel/runtime dependency [b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
494
+ - [patch] Adds missing implicit @babel/runtime dependency
495
+ [b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
406
496
 
407
497
  ## 0.0.4
408
498
 
409
- - [patch] Add vertical spacing styles [03fd7f9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03fd7f9)
499
+ - [patch] Add vertical spacing styles
500
+ [03fd7f9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03fd7f9)
410
501
 
411
502
  ## 0.0.3
412
503
 
413
- - [patch] Update README title and description [43b712e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/43b712e)
504
+ - [patch] Update README title and description
505
+ [43b712e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/43b712e)
414
506
 
415
507
  ## 0.0.2
416
508
 
417
- - [patch] Fix version for icon [0fd4b44](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0fd4b44)
509
+ - [patch] Fix version for icon
510
+ [0fd4b44](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0fd4b44)
package/afm-jira/tsconfig.json ADDED
@@ -0,0 +1,33 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__panel/app",
7
+ "composite": true,
8
+ "rootDir": "../"
9
+ },
10
+ "include": [
11
+ "../src/**/*.ts",
12
+ "../src/**/*.tsx"
13
+ ],
14
+ "exclude": [
15
+ "../src/**/__tests__/*",
16
+ "../src/**/*.test.*",
17
+ "../src/**/test.*"
18
+ ],
19
+ "references": [
20
+ {
21
+ "path": "../../../design-system/button/afm-jira/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/icon/afm-jira/tsconfig.json"
25
+ },
26
+ {
27
+ "path": "../../../design-system/theme/afm-jira/tsconfig.json"
28
+ },
29
+ {
30
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
31
+ }
32
+ ]
33
+ }
package/dist/cjs/components/Panel/PanelStateless.js CHANGED
@@ -9,7 +9,7 @@ exports.default = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
11
11
  var _reactIntlNext = require("react-intl-next");
12
- var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
12
+ var _button = _interopRequireDefault(require("@atlaskit/button"));
13
13
  var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
14
14
  var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
15
15
  var styles = _interopRequireWildcard(require("./styledPanel"));
@@ -42,7 +42,7 @@ var PanelStateless = function PanelStateless(_ref) {
42
42
  }
43
43
  }, /*#__PURE__*/_react.default.createElement(styles.ButtonWrapper, {
44
44
  isHidden: isExpanded
45
- }, /*#__PURE__*/_react.default.createElement(_customThemeButton.default, {
45
+ }, /*#__PURE__*/_react.default.createElement(_button.default, {
46
46
  appearance: "subtle",
47
47
  "aria-expanded": isExpanded,
48
48
  spacing: "none",
@@ -54,7 +54,9 @@ var PanelStateless = function PanelStateless(_ref) {
54
54
  })), /*#__PURE__*/_react.default.createElement("span", null, header)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
55
55
  duration: 200,
56
56
  easing: "linear",
57
- height: isExpanded ? 'auto' : 0,
57
+ height: isExpanded ? 'auto' : 0
58
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
59
+ ,
58
60
  className: "panel-content"
59
61
  }, children));
60
62
  };
package/dist/cjs/components/Panel/styledPanel.js CHANGED
@@ -10,17 +10,26 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
10
10
  var _reactFocusWithin = require("react-focus-within");
11
11
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
12
12
  var _theme = require("@atlaskit/theme");
13
- var _templateObject, _templateObject2, _templateObject3, _templateObject4; // AFP-2532 TODO: Fix automatic suppressions below
13
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4; // TODO: should use @emotion
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
15
+ // AFP-2532 TODO: Fix automatic suppressions below
14
16
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
15
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); }
16
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; }
17
- var transition = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n transition: all 200ms ease-in-out;\n"])));
18
- var PanelWrapper = exports.PanelWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n margin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
19
- var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n left: 0;\n line-height: 0;\n opacity: ", ";\n position: absolute;\n ", ";\n\n /* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n top: 50%;\n transform: translateY(-50%);\n\n button {\n pointer-events: none;\n }\n"])), function (_ref) {
19
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
20
+ var transition = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttransition: all 200ms ease-in-out;\n"])));
21
+
22
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
23
+ var PanelWrapper = exports.PanelWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
24
+
25
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
26
+ var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tleft: 0;\n\tline-height: 0;\n\topacity: ", ";\n\tposition: absolute;\n\t", ";\n\n\t/* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\n\tbutton {\n\t\tpointer-events: none;\n\t}\n"])), function (_ref) {
20
27
  var isHidden = _ref.isHidden;
21
28
  return isHidden ? 0 : 1;
22
29
  }, transition);
23
- var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n align-items: center;\n background-color: ", ";\n border-radius: ", ";\n display: flex;\n left: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n padding: ", " ", "\n ", " ", ";\n position: relative;\n ", ";\n width: 100%;\n\n ", " {\n opacity: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n\n ", " {\n opacity: 1;\n }\n }\n"])), function (props) {
30
+
31
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
32
+ var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
24
33
  return props.isFocused && "var(--ds-surface-hovered, ".concat(_theme.colors.N20, ")");
25
34
  }, "var(--ds-border-radius-100, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
26
35
  return props.isFocused && 1;
package/dist/es2019/components/Panel/PanelStateless.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
6
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
7
7
  import * as styles from './styledPanel';
@@ -42,7 +42,9 @@ const PanelStateless = ({
42
42
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
43
43
  duration: 200,
44
44
  easing: "linear",
45
- height: isExpanded ? 'auto' : 0,
45
+ height: isExpanded ? 'auto' : 0
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
47
+ ,
46
48
  className: "panel-content"
47
49
  }, children));
48
50
  };
package/dist/es2019/components/Panel/styledPanel.js CHANGED
@@ -1,58 +1,67 @@
1
1
  import { withFocusWithin } from 'react-focus-within';
2
+ // TODO: should use @emotion
3
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
4
  import styled, { css } from 'styled-components';
3
5
 
4
6
  // AFP-2532 TODO: Fix automatic suppressions below
5
7
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
6
8
  import { colors } from '@atlaskit/theme';
9
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
7
10
  const transition = css`
8
- transition: all 200ms ease-in-out;
11
+ transition: all 200ms ease-in-out;
9
12
  `;
13
+
14
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
10
15
  export const PanelWrapper = styled.div`
11
- margin: 0 auto ${"var(--ds-space-200, 16px)"};
16
+ margin: 0 auto ${"var(--ds-space-200, 16px)"};
12
17
  `;
18
+
19
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
20
  export const ButtonWrapper = styled.div`
14
- left: 0;
15
- line-height: 0;
16
- opacity: ${({
21
+ left: 0;
22
+ line-height: 0;
23
+ opacity: ${({
17
24
  isHidden
18
25
  }) => isHidden ? 0 : 1};
19
- position: absolute;
20
- ${transition};
26
+ position: absolute;
27
+ ${transition};
21
28
 
22
- /* IE 11 needs these vertical positioning rules - the flexbox
29
+ /* IE 11 needs these vertical positioning rules - the flexbox
23
30
  behavior for absolute-positioned children is not up to spec.
24
31
  https://googlechrome.github.io/samples/css-flexbox-abspos/ */
25
- top: 50%;
26
- transform: translateY(-50%);
32
+ top: 50%;
33
+ transform: translateY(-50%);
27
34
 
28
- button {
29
- pointer-events: none;
30
- }
35
+ button {
36
+ pointer-events: none;
37
+ }
31
38
  `;
39
+
40
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
32
41
  export const PanelHeader = withFocusWithin(styled.div`
33
- align-items: center;
34
- background-color: ${props => props.isFocused && `var(--ds-surface-hovered, ${colors.N20})`};
35
- border-radius: ${"var(--ds-border-radius-100, 3px)"};
36
- display: flex;
37
- left: ${"var(--ds-space-negative-300, -24px)"};
38
- margin-bottom: ${"var(--ds-space-100, 8px)"};
39
- margin-top: ${"var(--ds-space-200, 16px)"};
40
- padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-0, 0px)"}
41
- ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-300, 24px)"};
42
- position: relative;
43
- ${transition};
44
- width: 100%;
45
-
46
- ${ButtonWrapper} {
47
- opacity: ${props => props.isFocused && 1};
48
- }
49
-
50
- &:hover {
51
- background-color: ${`var(--ds-surface-hovered, ${colors.N20})`};
52
- cursor: pointer;
53
-
54
- ${ButtonWrapper} {
55
- opacity: 1;
56
- }
57
- }
42
+ align-items: center;
43
+ background-color: ${props => props.isFocused && `var(--ds-surface-hovered, ${colors.N20})`};
44
+ border-radius: ${"var(--ds-border-radius-100, 3px)"};
45
+ display: flex;
46
+ left: ${"var(--ds-space-negative-300, -24px)"};
47
+ margin-bottom: ${"var(--ds-space-100, 8px)"};
48
+ margin-top: ${"var(--ds-space-200, 16px)"};
49
+ padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-0, 0px)"} ${"var(--ds-space-025, 2px)"}
50
+ ${"var(--ds-space-300, 24px)"};
51
+ position: relative;
52
+ ${transition};
53
+ width: 100%;
54
+
55
+ ${ButtonWrapper} {
56
+ opacity: ${props => props.isFocused && 1};
57
+ }
58
+
59
+ &:hover {
60
+ background-color: ${`var(--ds-surface-hovered, ${colors.N20})`};
61
+ cursor: pointer;
62
+
63
+ ${ButtonWrapper} {
64
+ opacity: 1;
65
+ }
66
+ }
58
67
  `);
package/dist/esm/components/Panel/PanelStateless.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import AnimateHeight from 'react-animate-height';
3
3
  import { defineMessages, useIntl } from 'react-intl-next';
4
- import Button from '@atlaskit/button/custom-theme-button';
4
+ import Button from '@atlaskit/button';
5
5
  import ChevronDownIcon from '@atlaskit/icon/glyph/chevron-down';
6
6
  import ChevronRightIcon from '@atlaskit/icon/glyph/chevron-right';
7
7
  import * as styles from './styledPanel';
@@ -44,7 +44,9 @@ var PanelStateless = function PanelStateless(_ref) {
44
44
  })), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
45
45
  duration: 200,
46
46
  easing: "linear",
47
- height: isExpanded ? 'auto' : 0,
47
+ height: isExpanded ? 'auto' : 0
48
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
49
+ ,
48
50
  className: "panel-content"
49
51
  }, children));
50
52
  };
package/dist/esm/components/Panel/styledPanel.js CHANGED
@@ -1,18 +1,27 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
2
  var _templateObject, _templateObject2, _templateObject3, _templateObject4;
3
3
  import { withFocusWithin } from 'react-focus-within';
4
+ // TODO: should use @emotion
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import styled, { css } from 'styled-components';
5
7
 
6
8
  // AFP-2532 TODO: Fix automatic suppressions below
7
9
  // eslint-disable-next-line @atlassian/tangerine/import/entry-points
8
10
  import { colors } from '@atlaskit/theme';
9
- var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n transition: all 200ms ease-in-out;\n"])));
10
- export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n margin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
11
- export var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n left: 0;\n line-height: 0;\n opacity: ", ";\n position: absolute;\n ", ";\n\n /* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n top: 50%;\n transform: translateY(-50%);\n\n button {\n pointer-events: none;\n }\n"])), function (_ref) {
11
+ // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
12
+ var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttransition: all 200ms ease-in-out;\n"])));
13
+
14
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
15
+ export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tmargin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
16
+
17
+ // eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ export var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tleft: 0;\n\tline-height: 0;\n\topacity: ", ";\n\tposition: absolute;\n\t", ";\n\n\t/* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\n\tbutton {\n\t\tpointer-events: none;\n\t}\n"])), function (_ref) {
12
19
  var isHidden = _ref.isHidden;
13
20
  return isHidden ? 0 : 1;
14
21
  }, transition);
15
- export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n align-items: center;\n background-color: ", ";\n border-radius: ", ";\n display: flex;\n left: ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n padding: ", " ", "\n ", " ", ";\n position: relative;\n ", ";\n width: 100%;\n\n ", " {\n opacity: ", ";\n }\n\n &:hover {\n background-color: ", ";\n cursor: pointer;\n\n ", " {\n opacity: 1;\n }\n }\n"])), function (props) {
22
+
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
24
+ export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
16
25
  return props.isFocused && "var(--ds-surface-hovered, ".concat(colors.N20, ")");
17
26
  }, "var(--ds-border-radius-100, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
18
27
  return props.isFocused && 1;
package/dist/types/components/Panel/Panel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { FC } from 'react';
2
- import { BasePanelProps } from './PanelStateless';
1
+ import { type FC } from 'react';
2
+ import { type BasePanelProps } from './PanelStateless';
3
3
  type Props = BasePanelProps & {
4
4
  /** Defines whether the panel is expanded by default. */
5
5
  isDefaultExpanded?: boolean;
package/dist/types/components/Panel/PanelStateless.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { type FC, type ReactNode } from 'react';
2
2
  export type BasePanelProps = {
3
3
  /** Content to be shown inside the panel. */
4
4
  children?: ReactNode;
package/dist/types-ts4.5/components/Panel/Panel.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { FC } from 'react';
2
- import { BasePanelProps } from './PanelStateless';
1
+ import { type FC } from 'react';
2
+ import { type BasePanelProps } from './PanelStateless';
3
3
  type Props = BasePanelProps & {
4
4
  /** Defines whether the panel is expanded by default. */
5
5
  isDefaultExpanded?: boolean;
package/dist/types-ts4.5/components/Panel/PanelStateless.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC, ReactNode } from 'react';
1
+ import { type FC, type ReactNode } from 'react';
2
2
  export type BasePanelProps = {
3
3
  /** Content to be shown inside the panel. */
4
4
  children?: ReactNode;
package/docs/0-intro.tsx CHANGED
@@ -1,12 +1,6 @@
1
1
  import React from 'react';
2
2
 
3
- import {
4
- AtlassianInternalWarning,
5
- code,
6
- Example,
7
- md,
8
- Props,
9
- } from '@atlaskit/docs';
3
+ import { AtlassianInternalWarning, code, Example, md, Props } from '@atlaskit/docs';
10
4
 
11
5
  export default md`
12
6
  ${(<AtlassianInternalWarning />)}
@@ -23,39 +17,39 @@ Panels are collapsed by default.
23
17
  The default export is a component that you can set default state for.
24
18
 
25
19
  ${(
26
- <Example
27
- packageName="@atlaskit/panel"
28
- Component={require('../examples/01-collapsed').default}
29
- title="Basic"
30
- source={require('!!raw-loader!../examples/01-collapsed')}
31
- />
20
+ <Example
21
+ packageName="@atlaskit/panel"
22
+ Component={require('../examples/01-collapsed').default}
23
+ title="Basic"
24
+ source={require('!!raw-loader!../examples/01-collapsed')}
25
+ />
32
26
  )}
33
27
 
34
28
  We also provide a stateless version of the component which allows you
35
29
  the ability to control whether the panel is expanded or collapsed programatically
36
30
 
37
31
  ${(
38
- <Example
39
- packageName="@atlaskit/panel"
40
- Component={require('../examples/05-stateless').default}
41
- title="Stateless"
42
- source={require('!!raw-loader!../examples/05-stateless')}
43
- />
32
+ <Example
33
+ packageName="@atlaskit/panel"
34
+ Component={require('../examples/05-stateless').default}
35
+ title="Stateless"
36
+ source={require('!!raw-loader!../examples/05-stateless')}
37
+ />
44
38
  )}
45
39
 
46
40
  Panels are not a fixed height and will expand to the height of the content inside.
47
41
 
48
42
  ${(
49
- <Props
50
- heading="Panel Default Props"
51
- props={require('!!extract-react-types-loader!../src/components/Panel/Panel')}
52
- />
43
+ <Props
44
+ heading="Panel Default Props"
45
+ props={require('!!extract-react-types-loader!../src/components/Panel/Panel')}
46
+ />
53
47
  )}
54
48
 
55
49
  ${(
56
- <Props
57
- heading="Panel Stateless Props"
58
- props={require('!!extract-react-types-loader!../src/components/Panel/PanelStateless')}
59
- />
50
+ <Props
51
+ heading="Panel Stateless Props"
52
+ props={require('!!extract-react-types-loader!../src/components/Panel/PanelStateless')}
53
+ />
60
54
  )}
61
55
  `;
package/package.json CHANGED
@@ -1,61 +1,59 @@
1
1
  {
2
- "name": "@atlaskit/panel",
3
- "version": "0.9.10",
4
- "description": "A React component rendering a collapsible panel",
5
- "publishConfig": {
6
- "registry": "https://registry.npmjs.org/"
7
- },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
- "author": "Atlassian Pty Ltd",
10
- "license": "Apache-2.0",
11
- "main": "dist/cjs/index.js",
12
- "module": "dist/esm/index.js",
13
- "module:es2019": "dist/es2019/index.js",
14
- "types": "dist/types/index.d.ts",
15
- "typesVersions": {
16
- ">=4.5 <4.9": {
17
- "*": [
18
- "dist/types-ts4.5/*",
19
- "dist/types-ts4.5/index.d.ts"
20
- ]
21
- }
22
- },
23
- "af:exports": {
24
- ".": "./src/index.ts"
25
- },
26
- "atlaskit:src": "src/index.ts",
27
- "atlassian": {
28
- "team": "Bitbucket: CoreX",
29
- "releaseModel": "continuous",
30
- "website": {
31
- "name": "Panel"
32
- }
33
- },
34
- "dependencies": {
35
- "@atlaskit/button": "^17.7.0",
36
- "@atlaskit/icon": "^22.1.0",
37
- "@atlaskit/theme": "^12.6.0",
38
- "@atlaskit/tokens": "^1.42.0",
39
- "@babel/runtime": "^7.0.0",
40
- "react-animate-height": "^2.0.5",
41
- "react-focus-within": "^2.0.1",
42
- "react-intl-next": "npm:react-intl@^5.18.1"
43
- },
44
- "peerDependencies": {
45
- "react": "^16.8.0",
46
- "styled-components": "^3.2.6"
47
- },
48
- "devDependencies": {
49
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
50
- "@testing-library/react": "^12.1.5",
51
- "@testing-library/user-event": "^14.4.3",
52
- "enzyme": "^3.10.0",
53
- "typescript": "~5.4.2"
54
- },
55
- "techstack": {
56
- "@atlassian/frontend": {
57
- "import-structure": "atlassian-conventions"
58
- }
59
- },
60
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
61
- }
2
+ "name": "@atlaskit/panel",
3
+ "version": "0.9.12",
4
+ "description": "A React component rendering a collapsible panel",
5
+ "publishConfig": {
6
+ "registry": "https://registry.npmjs.org/"
7
+ },
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
+ "author": "Atlassian Pty Ltd",
10
+ "license": "Apache-2.0",
11
+ "main": "dist/cjs/index.js",
12
+ "module": "dist/esm/index.js",
13
+ "module:es2019": "dist/es2019/index.js",
14
+ "types": "dist/types/index.d.ts",
15
+ "typesVersions": {
16
+ ">=4.5 <4.9": {
17
+ "*": [
18
+ "dist/types-ts4.5/*",
19
+ "dist/types-ts4.5/index.d.ts"
20
+ ]
21
+ }
22
+ },
23
+ "af:exports": {
24
+ ".": "./src/index.ts"
25
+ },
26
+ "atlaskit:src": "src/index.ts",
27
+ "atlassian": {
28
+ "team": "Bitbucket: CoreX",
29
+ "releaseModel": "continuous",
30
+ "website": {
31
+ "name": "Panel"
32
+ }
33
+ },
34
+ "dependencies": {
35
+ "@atlaskit/button": "^18.0.0",
36
+ "@atlaskit/icon": "^22.4.0",
37
+ "@atlaskit/theme": "^12.11.0",
38
+ "@atlaskit/tokens": "^1.53.0",
39
+ "@babel/runtime": "^7.0.0",
40
+ "react-animate-height": "^2.0.5",
41
+ "react-focus-within": "^2.0.1",
42
+ "react-intl-next": "npm:react-intl@^5.18.1"
43
+ },
44
+ "peerDependencies": {
45
+ "react": "^16.8.0",
46
+ "styled-components": "^3.2.6"
47
+ },
48
+ "devDependencies": {
49
+ "@testing-library/react": "^12.1.5",
50
+ "@testing-library/user-event": "^14.4.3",
51
+ "enzyme": "^3.10.0",
52
+ "typescript": "~5.4.2"
53
+ },
54
+ "techstack": {
55
+ "@atlassian/frontend": {
56
+ "import-structure": "atlassian-conventions"
57
+ }
58
+ }
59
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/panel"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
5
+ > Do not edit this file. This report is auto-generated using
6
+ > [API Extractor](https://api-extractor.com/).
6
7
  > [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
7
8
 
8
9
  ### Table of contents
@@ -20,8 +21,8 @@ import { ReactNode } from 'react';
20
21
 
21
22
  // @public (undocumented)
22
23
  type BasePanelProps = {
23
- children?: ReactNode;
24
- header?: ReactNode;
24
+ children?: ReactNode;
25
+ header?: ReactNode;
25
26
  };
26
27
 
27
28
  // @public (undocumented)
@@ -30,8 +31,8 @@ export default PanelState;
30
31
 
31
32
  // @public (undocumented)
32
33
  type PanelState_2 = BasePanelProps & {
33
- isExpanded: boolean;
34
- onChange: (isExpanded: boolean) => void;
34
+ isExpanded: boolean;
35
+ onChange: (isExpanded: boolean) => void;
35
36
  };
36
37
 
37
38
  // @public (undocumented)
@@ -39,7 +40,7 @@ export const PanelStateless: FC<PanelState_2>;
39
40
 
40
41
  // @public (undocumented)
41
42
  type Props = BasePanelProps & {
42
- isDefaultExpanded?: boolean;
43
+ isDefaultExpanded?: boolean;
43
44
  };
44
45
 
45
46
  // (No @packageDocumentation comment for this package)
@@ -53,8 +54,8 @@ type Props = BasePanelProps & {
53
54
 
54
55
  ```json
55
56
  {
56
- "react": "^16.8.0",
57
- "styled-components": "^3.2.6"
57
+ "react": "^16.8.0",
58
+ "styled-components": "^3.2.6"
58
59
  }
59
60
  ```
60
61