@atlaskit/menu 8.4.3 → 8.4.5

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 (46) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.compiled.css +8 -4
  3. package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
  4. package/dist/cjs/menu-item/button-item.js +1 -1
  5. package/dist/cjs/menu-item/custom-item.js +1 -1
  6. package/dist/cjs/menu-item/heading-item.js +1 -1
  7. package/dist/cjs/menu-item/link-item.js +1 -1
  8. package/dist/cjs/menu-item/skeleton-heading-item.compiled.css +13 -7
  9. package/dist/cjs/menu-item/skeleton-heading-item.js +1 -1
  10. package/dist/cjs/menu-item/skeleton-item.compiled.css +13 -7
  11. package/dist/cjs/menu-item/skeleton-item.js +1 -1
  12. package/dist/cjs/menu-section/menu-group.js +1 -1
  13. package/dist/cjs/menu-section/popup-menu-group.js +1 -1
  14. package/dist/cjs/menu-section/section.compiled.css +6 -3
  15. package/dist/cjs/menu-section/section.js +1 -1
  16. package/dist/es2019/internal/components/menu-item-primitive.compiled.css +8 -4
  17. package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
  18. package/dist/es2019/menu-item/button-item.js +1 -1
  19. package/dist/es2019/menu-item/custom-item.js +1 -1
  20. package/dist/es2019/menu-item/heading-item.js +1 -1
  21. package/dist/es2019/menu-item/link-item.js +1 -1
  22. package/dist/es2019/menu-item/skeleton-heading-item.compiled.css +12 -7
  23. package/dist/es2019/menu-item/skeleton-heading-item.js +1 -1
  24. package/dist/es2019/menu-item/skeleton-item.compiled.css +11 -7
  25. package/dist/es2019/menu-item/skeleton-item.js +1 -1
  26. package/dist/es2019/menu-section/menu-group.js +1 -1
  27. package/dist/es2019/menu-section/popup-menu-group.js +1 -1
  28. package/dist/es2019/menu-section/section.compiled.css +6 -3
  29. package/dist/es2019/menu-section/section.js +1 -1
  30. package/dist/esm/internal/components/menu-item-primitive.compiled.css +8 -4
  31. package/dist/esm/internal/components/menu-item-primitive.js +1 -1
  32. package/dist/esm/menu-item/button-item.js +1 -1
  33. package/dist/esm/menu-item/custom-item.js +1 -1
  34. package/dist/esm/menu-item/heading-item.js +1 -1
  35. package/dist/esm/menu-item/link-item.js +1 -1
  36. package/dist/esm/menu-item/skeleton-heading-item.compiled.css +13 -7
  37. package/dist/esm/menu-item/skeleton-heading-item.js +1 -1
  38. package/dist/esm/menu-item/skeleton-item.compiled.css +13 -7
  39. package/dist/esm/menu-item/skeleton-item.js +1 -1
  40. package/dist/esm/menu-section/menu-group.js +1 -1
  41. package/dist/esm/menu-section/popup-menu-group.js +1 -1
  42. package/dist/esm/menu-section/section.compiled.css +6 -3
  43. package/dist/esm/menu-section/section.js +1 -1
  44. package/dist/types/menu-section/section.d.ts +1 -1
  45. package/dist/types-ts4.5/menu-section/section.d.ts +1 -1
  46. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 8.4.5
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 8.4.4
10
+
11
+ ### Patch Changes
12
+
13
+ - [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
14
+ add type info to forwardRef components
15
+ - Updated dependencies
16
+
3
17
  ## 8.4.3
4
18
 
5
19
  ### Patch Changes
@@ -61,10 +61,14 @@
61
61
  ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
62
  ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
63
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
64
- ._1bg41gjf:focus, ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
- ._1hvwdkaa:focus, ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
66
- ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
- ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
+ ._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
+ ._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
66
+ ._49pcnqa1:focus{outline-style:solid}
67
+ ._nt75194a:focus{outline-color:var(--ds-border-focused,#2684ff)}
68
+ ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
69
+ ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
70
+ ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
71
+ ._ra3xnqa1:focus-visible{outline-style:solid}
68
72
  ._1bnxglyw:hover{text-decoration-line:none}
69
73
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
70
74
  ._30l31r31:hover{color:currentColor}
@@ -1,4 +1,4 @@
1
- /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* button-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* custom-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* custom-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* link-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,16 +1,22 @@
1
+
1
2
  ._14mj53f4:after{border-radius:75pt}
2
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
3
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}
4
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
5
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
6
- ._19oh1hno:after, ._10881hno:before{animation-name:k1mc5q4v}
7
- ._1hfk3yfp:after, ._1rus3yfp:before{background-color:var(--_1j9jaml)}
4
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881hno:before{animation-name:k1mc5q4v}
5
+ ._18f312c5:after{animation-iteration-count:infinite}
6
+ ._18lgp3kn:after{animation-timing-function:linear}
7
+ ._19oh1hno:after{animation-name:k1mc5q4v}
8
+ ._1hfk3yfp:after{background-color:var(--_1j9jaml)}
8
9
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
9
10
  ._1qdgu2gc:after{height:var(--ds-space-100,8px)}
11
+ ._1rus3yfp:before{background-color:var(--_1j9jaml)}
10
12
  ._1ywu1ule:after{display:block}
13
+ ._9nev1yy8:before{animation-direction:alternate}
11
14
  ._aetrb3bt:after{content:""}
12
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
13
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
15
+ ._evp612c5:before{animation-iteration-count:infinite}
16
+ ._joxl12o8:before{animation-duration:1.5s}
17
+ ._kwc012o8:after{animation-duration:1.5s}
18
+ ._unfq1yy8:after{animation-direction:alternate}
14
19
  ._z0ai1r5k:after{width:30%}
15
20
  ._z0airzut:after{width:var(--width)}
21
+ ._zo24p3kn:before{animation-timing-function:linear}
16
22
  @keyframes k1mc5q4v{0%{background-color:var(--_1j9jaml)}to{background-color:var(--_wb902m)}}
@@ -1,4 +1,4 @@
1
- /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -4,12 +4,13 @@
4
4
  ._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
8
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
9
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
10
- ._19oh1hno:after, ._10881hno:before{animation-name:k1mc5q4v}
7
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881hno:before{animation-name:k1mc5q4v}
8
+ ._11w8rzut:after{flex-basis:var(--width)}
9
+ ._18f312c5:after{animation-iteration-count:infinite}
10
+ ._18lgp3kn:after{animation-timing-function:linear}
11
+ ._19oh1hno:after{animation-name:k1mc5q4v}
11
12
  ._1e0c1txw{display:flex}
12
- ._1hfk3yfp:after, ._1rus3yfp:before{background-color:var(--_1j9jaml)}
13
+ ._1hfk3yfp:after{background-color:var(--_1j9jaml)}
13
14
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
14
15
  ._1kt9b3bt:before{content:""}
15
16
  ._1mbqdlk8:before{margin-inline-end:14px}
@@ -18,6 +19,7 @@
18
19
  ._1mp4gktf:before{width:20px}
19
20
  ._1qdgrdoj:after{height:9px}
20
21
  ._1rhxv77o:before{margin-inline-start:var(--ds-space-025,2px)}
22
+ ._1rus3yfp:before{background-color:var(--_1j9jaml)}
21
23
  ._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
22
24
  ._1tke1ylp{min-height:40px}
23
25
  ._3mxot94y:after{margin-block-start:1px}
@@ -25,14 +27,18 @@
25
27
  ._4rfy1ssb:nth-of-type(2n):after{flex-basis:50%}
26
28
  ._69tq19wn:nth-of-type(5n):after{flex-basis:35%}
27
29
  ._7bjqidpf:before{flex-shrink:0}
30
+ ._9nev1yy8:before{animation-direction:alternate}
28
31
  ._aetrb3bt:after{content:""}
29
32
  ._baud1nrf:nth-of-type(3n):after{flex-basis:60%}
33
+ ._evp612c5:before{animation-iteration-count:infinite}
34
+ ._joxl12o8:before{animation-duration:1.5s}
30
35
  ._kfgt1k8s:before{height:1.5rem}
31
36
  ._kfgtgktf:before{height:20px}
32
37
  ._kt4d1n05:nth-of-type(6n):after{flex-basis:77%}
33
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
38
+ ._kwc012o8:after{animation-duration:1.5s}
34
39
  ._lcxvglyw{pointer-events:none}
35
40
  ._mr7o1vuk:nth-of-type(4n):after{flex-basis:90%}
36
41
  ._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
37
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
42
+ ._unfq1yy8:after{animation-direction:alternate}
43
+ ._zo24p3kn:before{animation-timing-function:linear}
38
44
  @keyframes k1mc5q4v{0%{background-color:var(--_1j9jaml)}to{background-color:var(--_wb902m)}}
@@ -1,4 +1,4 @@
1
- /* skeleton-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,17 +1,20 @@
1
1
 
2
2
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
3
3
  ._mqm21ag2{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,rgba(9,30,66,.08)))}._18m91wug{overflow-y:auto}
4
+ ._1kt9b3bt:before{content:""}
4
5
  ._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
5
6
  ._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
6
7
  ._1o9zidpf{flex-shrink:0}
7
8
  ._1o9zkb7n{flex-shrink:1}
8
9
  ._1p3hi2wt [data-ds--menu--heading-item]{margin-block-end:6px}
9
- ._1qdgi2wt:after, ._kfgti2wt:before{height:6px}
10
+ ._1qdgi2wt:after{height:6px}
10
11
  ._1reo1wug{overflow-x:auto}
11
- ._1ywu1ule:after, ._cfu11ule:before{display:block}
12
- ._aetrb3bt:after, ._1kt9b3bt:before{content:""}
12
+ ._1ywu1ule:after{display:block}
13
+ ._aetrb3bt:after{content:""}
13
14
  ._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
15
+ ._cfu11ule:before{display:block}
14
16
  ._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
17
+ ._kfgti2wt:before{height:6px}
15
18
  ._osbldlk8 [data-ds--menu--heading-item]:first-of-type{margin-block-start:14px}
16
19
  [data-section]+._n7cnyjp0{margin-block-start:-6px}
17
20
  ._1bg41n1a:focus{outline-offset:-1px}
@@ -1,4 +1,4 @@
1
- /* section.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* section.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -61,10 +61,14 @@
61
61
  ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
62
  ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
63
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
64
- ._1bg41gjf:focus, ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
- ._1hvwdkaa:focus, ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
66
- ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
- ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
+ ._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
+ ._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
66
+ ._49pcnqa1:focus{outline-style:solid}
67
+ ._nt75194a:focus{outline-color:var(--ds-border-focused,#2684ff)}
68
+ ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
69
+ ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
70
+ ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
71
+ ._ra3xnqa1:focus-visible{outline-style:solid}
68
72
  ._1bnxglyw:hover{text-decoration-line:none}
69
73
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
70
74
  ._30l31r31:hover{color:currentColor}
@@ -1,4 +1,4 @@
1
- /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./menu-item-primitive.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { useContext } from 'react';
@@ -1,4 +1,4 @@
1
- /* button-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* custom-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* custom-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./heading-item.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* link-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,16 +1,21 @@
1
+
1
2
  ._14mj53f4:after{border-radius:75pt}
2
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
3
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}
4
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
5
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
6
- ._19oh1qxh:after, ._10881qxh:before{animation-name:kiz0l3k}
7
- ._1hfklbf8:after, ._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
4
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881qxh:before{animation-name:kiz0l3k}
5
+ ._18f312c5:after{animation-iteration-count:infinite}
6
+ ._18lgp3kn:after{animation-timing-function:linear}
7
+ ._19oh1qxh:after{animation-name:kiz0l3k}
8
8
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
9
9
  ._1qdgu2gc:after{height:var(--ds-space-100,8px)}
10
+ ._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
10
11
  ._1ywu1ule:after{display:block}
12
+ ._9nev1yy8:before{animation-direction:alternate}
11
13
  ._aetrb3bt:after{content:""}
12
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
13
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
14
+ ._evp612c5:before{animation-iteration-count:infinite}
15
+ ._joxl12o8:before{animation-duration:1.5s}
16
+ ._kwc012o8:after{animation-duration:1.5s}
17
+ ._unfq1yy8:after{animation-direction:alternate}
14
18
  ._z0ai1r5k:after{width:30%}
15
19
  ._z0airzut:after{width:var(--width)}
20
+ ._zo24p3kn:before{animation-timing-function:linear}
16
21
  @keyframes kiz0l3k{0%{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}to{background-color:var(--ds-skeleton-subtle,rgba(9,30,66,.08))}}
@@ -1,4 +1,4 @@
1
- /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./skeleton-heading-item.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -4,12 +4,12 @@
4
4
  ._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
8
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
9
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
10
- ._19oh1qxh:after, ._10881qxh:before{animation-name:kiz0l3k}
7
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881qxh:before{animation-name:kiz0l3k}
8
+ ._11w8rzut:after{flex-basis:var(--width)}
9
+ ._18f312c5:after{animation-iteration-count:infinite}
10
+ ._18lgp3kn:after{animation-timing-function:linear}
11
+ ._19oh1qxh:after{animation-name:kiz0l3k}
11
12
  ._1e0c1txw{display:flex}
12
- ._1hfklbf8:after, ._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
13
13
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
14
14
  ._1kt9b3bt:before{content:""}
15
15
  ._1mbqdlk8:before{margin-inline-end:14px}
@@ -25,14 +25,18 @@
25
25
  ._4rfy1ssb:nth-of-type(2n):after{flex-basis:50%}
26
26
  ._69tq19wn:nth-of-type(5n):after{flex-basis:35%}
27
27
  ._7bjqidpf:before{flex-shrink:0}
28
+ ._9nev1yy8:before{animation-direction:alternate}
28
29
  ._aetrb3bt:after{content:""}
29
30
  ._baud1nrf:nth-of-type(3n):after{flex-basis:60%}
31
+ ._evp612c5:before{animation-iteration-count:infinite}
32
+ ._joxl12o8:before{animation-duration:1.5s}
30
33
  ._kfgt1k8s:before{height:1.5rem}
31
34
  ._kfgtgktf:before{height:20px}
32
35
  ._kt4d1n05:nth-of-type(6n):after{flex-basis:77%}
33
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
36
+ ._kwc012o8:after{animation-duration:1.5s}
34
37
  ._lcxvglyw{pointer-events:none}
35
38
  ._mr7o1vuk:nth-of-type(4n):after{flex-basis:90%}
36
39
  ._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
37
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
40
+ ._unfq1yy8:after{animation-direction:alternate}
41
+ ._zo24p3kn:before{animation-timing-function:linear}
38
42
  @keyframes kiz0l3k{0%{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}to{background-color:var(--ds-skeleton-subtle,rgba(9,30,66,.08))}}
@@ -1,4 +1,4 @@
1
- /* skeleton-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./skeleton-item.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./menu-group.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,17 +1,20 @@
1
1
 
2
2
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
3
3
  ._mqm21ag2{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,rgba(9,30,66,.08)))}._18m91wug{overflow-y:auto}
4
+ ._1kt9b3bt:before{content:""}
4
5
  ._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
5
6
  ._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
6
7
  ._1o9zidpf{flex-shrink:0}
7
8
  ._1o9zkb7n{flex-shrink:1}
8
9
  ._1p3hi2wt [data-ds--menu--heading-item]{margin-block-end:6px}
9
- ._1qdgi2wt:after, ._kfgti2wt:before{height:6px}
10
+ ._1qdgi2wt:after{height:6px}
10
11
  ._1reo1wug{overflow-x:auto}
11
- ._1ywu1ule:after, ._cfu11ule:before{display:block}
12
- ._aetrb3bt:after, ._1kt9b3bt:before{content:""}
12
+ ._1ywu1ule:after{display:block}
13
+ ._aetrb3bt:after{content:""}
13
14
  ._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
15
+ ._cfu11ule:before{display:block}
14
16
  ._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
17
+ ._kfgti2wt:before{height:6px}
15
18
  ._osbldlk8 [data-ds--menu--heading-item]:first-of-type{margin-block-start:14px}
16
19
  [data-section]+._n7cnyjp0{margin-block-start:-6px}
17
20
  ._1bg41n1a:focus{outline-offset:-1px}
@@ -1,4 +1,4 @@
1
- /* section.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* section.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./section.compiled.css";
4
4
  import * as React from 'react';
@@ -61,10 +61,14 @@
61
61
  ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
62
  ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
63
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
64
- ._1bg41gjf:focus, ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
- ._1hvwdkaa:focus, ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
66
- ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
- ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
+ ._1bg41gjf:focus{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
65
+ ._1hvwdkaa:focus{outline-width:var(--ds-border-width-focused,2px)}
66
+ ._49pcnqa1:focus{outline-style:solid}
67
+ ._nt75194a:focus{outline-color:var(--ds-border-focused,#2684ff)}
68
+ ._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
69
+ ._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
70
+ ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
71
+ ._ra3xnqa1:focus-visible{outline-style:solid}
68
72
  ._1bnxglyw:hover{text-decoration-line:none}
69
73
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
70
74
  ._30l31r31:hover{color:currentColor}
@@ -1,4 +1,4 @@
1
- /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-item-primitive.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./menu-item-primitive.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { useContext } from 'react';
@@ -1,4 +1,4 @@
1
- /* button-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* button-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap", "className", "interactionName"];
@@ -1,4 +1,4 @@
1
- /* custom-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* custom-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["component", "isDisabled", "isSelected", "isTitleHeading", "onClick", "testId", "children", "description", "iconAfter", "iconBefore", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap", "className", "UNSAFE_isDraggable", "interactionName"];
@@ -1,4 +1,4 @@
1
- /* heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "testId", "headingLevel", "id", "className"];
@@ -1,4 +1,4 @@
1
- /* link-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* link-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "href", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap", "className", "UNSAFE_shouldDisableRouterLink", "UNSAFE_isDraggable", "interactionName"];
@@ -1,16 +1,22 @@
1
+
1
2
  ._14mj53f4:after{border-radius:75pt}
2
3
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
3
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}
4
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
5
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
6
- ._19oh1hno:after, ._10881hno:before{animation-name:k1mc5q4v}
7
- ._1hfk3yfp:after, ._1rus3yfp:before{background-color:var(--_1j9jaml)}
4
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881hno:before{animation-name:k1mc5q4v}
5
+ ._18f312c5:after{animation-iteration-count:infinite}
6
+ ._18lgp3kn:after{animation-timing-function:linear}
7
+ ._19oh1hno:after{animation-name:k1mc5q4v}
8
+ ._1hfk3yfp:after{background-color:var(--_1j9jaml)}
8
9
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
9
10
  ._1qdgu2gc:after{height:var(--ds-space-100,8px)}
11
+ ._1rus3yfp:before{background-color:var(--_1j9jaml)}
10
12
  ._1ywu1ule:after{display:block}
13
+ ._9nev1yy8:before{animation-direction:alternate}
11
14
  ._aetrb3bt:after{content:""}
12
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
13
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
15
+ ._evp612c5:before{animation-iteration-count:infinite}
16
+ ._joxl12o8:before{animation-duration:1.5s}
17
+ ._kwc012o8:after{animation-duration:1.5s}
18
+ ._unfq1yy8:after{animation-direction:alternate}
14
19
  ._z0ai1r5k:after{width:30%}
15
20
  ._z0airzut:after{width:var(--width)}
21
+ ._zo24p3kn:before{animation-timing-function:linear}
16
22
  @keyframes k1mc5q4v{0%{background-color:var(--_1j9jaml)}to{background-color:var(--_wb902m)}}
@@ -1,4 +1,4 @@
1
- /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-heading-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./skeleton-heading-item.compiled.css";
4
4
  import * as React from 'react';
@@ -4,12 +4,13 @@
4
4
  ._rfx3fajl:before{border-radius:var(--ds-radius-small,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
- ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
8
- ._18f312c5:after, ._evp612c5:before{animation-iteration-count:infinite}
9
- ._18lgp3kn:after, ._zo24p3kn:before{animation-timing-function:linear}
10
- ._19oh1hno:after, ._10881hno:before{animation-name:k1mc5q4v}
7
+ ._1rjcze3t{padding-block:var(--ds-space-0,0)}._10881hno:before{animation-name:k1mc5q4v}
8
+ ._11w8rzut:after{flex-basis:var(--width)}
9
+ ._18f312c5:after{animation-iteration-count:infinite}
10
+ ._18lgp3kn:after{animation-timing-function:linear}
11
+ ._19oh1hno:after{animation-name:k1mc5q4v}
11
12
  ._1e0c1txw{display:flex}
12
- ._1hfk3yfp:after, ._1rus3yfp:before{background-color:var(--_1j9jaml)}
13
+ ._1hfk3yfp:after{background-color:var(--_1j9jaml)}
13
14
  ._1hfklbf8:after{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
14
15
  ._1kt9b3bt:before{content:""}
15
16
  ._1mbqdlk8:before{margin-inline-end:14px}
@@ -18,6 +19,7 @@
18
19
  ._1mp4gktf:before{width:20px}
19
20
  ._1qdgrdoj:after{height:9px}
20
21
  ._1rhxv77o:before{margin-inline-start:var(--ds-space-025,2px)}
22
+ ._1rus3yfp:before{background-color:var(--_1j9jaml)}
21
23
  ._1ruslbf8:before{background-color:var(--ds-skeleton,rgba(9,30,66,.04))}
22
24
  ._1tke1ylp{min-height:40px}
23
25
  ._3mxot94y:after{margin-block-start:1px}
@@ -25,14 +27,18 @@
25
27
  ._4rfy1ssb:nth-of-type(2n):after{flex-basis:50%}
26
28
  ._69tq19wn:nth-of-type(5n):after{flex-basis:35%}
27
29
  ._7bjqidpf:before{flex-shrink:0}
30
+ ._9nev1yy8:before{animation-direction:alternate}
28
31
  ._aetrb3bt:after{content:""}
29
32
  ._baud1nrf:nth-of-type(3n):after{flex-basis:60%}
33
+ ._evp612c5:before{animation-iteration-count:infinite}
34
+ ._joxl12o8:before{animation-duration:1.5s}
30
35
  ._kfgt1k8s:before{height:1.5rem}
31
36
  ._kfgtgktf:before{height:20px}
32
37
  ._kt4d1n05:nth-of-type(6n):after{flex-basis:77%}
33
- ._kwc012o8:after, ._joxl12o8:before{animation-duration:1.5s}
38
+ ._kwc012o8:after{animation-duration:1.5s}
34
39
  ._lcxvglyw{pointer-events:none}
35
40
  ._mr7o1vuk:nth-of-type(4n):after{flex-basis:90%}
36
41
  ._sf1e1n8h:nth-of-type(1n):after{flex-basis:70%}
37
- ._unfq1yy8:after, ._9nev1yy8:before{animation-direction:alternate}
42
+ ._unfq1yy8:after{animation-direction:alternate}
43
+ ._zo24p3kn:before{animation-timing-function:linear}
38
44
  @keyframes k1mc5q4v{0%{background-color:var(--_1j9jaml)}to{background-color:var(--_wb902m)}}
@@ -1,4 +1,4 @@
1
- /* skeleton-item.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* skeleton-item.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import "./skeleton-item.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["isLoading", "maxWidth", "minWidth", "minHeight", "maxHeight", "testId", "role", "spacing", "menuLabel", "className"];
@@ -1,4 +1,4 @@
1
- /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* popup-menu-group.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["maxWidth", "minWidth"];
@@ -1,17 +1,20 @@
1
1
 
2
2
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
3
3
  ._mqm21ag2{border-block-start:var(--ds-border-width,1px) solid var(--ds-menu-seperator-color,var(--ds-border,rgba(9,30,66,.08)))}._18m91wug{overflow-y:auto}
4
+ ._1kt9b3bt:before{content:""}
4
5
  ._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
5
6
  ._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
6
7
  ._1o9zidpf{flex-shrink:0}
7
8
  ._1o9zkb7n{flex-shrink:1}
8
9
  ._1p3hi2wt [data-ds--menu--heading-item]{margin-block-end:6px}
9
- ._1qdgi2wt:after, ._kfgti2wt:before{height:6px}
10
+ ._1qdgi2wt:after{height:6px}
10
11
  ._1reo1wug{overflow-x:auto}
11
- ._1ywu1ule:after, ._cfu11ule:before{display:block}
12
- ._aetrb3bt:after, ._1kt9b3bt:before{content:""}
12
+ ._1ywu1ule:after{display:block}
13
+ ._aetrb3bt:after{content:""}
13
14
  ._auo4rdoj [data-ds--menu--skeleton-heading-item]{margin-block-end:9px}
15
+ ._cfu11ule:before{display:block}
14
16
  ._hp2110yn [data-ds--menu--skeleton-heading-item]{margin-block-start:25px}
17
+ ._kfgti2wt:before{height:6px}
15
18
  ._osbldlk8 [data-ds--menu--heading-item]:first-of-type{margin-block-start:14px}
16
19
  [data-section]+._n7cnyjp0{margin-block-start:-6px}
17
20
  ._1bg41n1a:focus{outline-offset:-1px}
@@ -1,4 +1,4 @@
1
- /* section.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* section.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
4
4
  var _excluded = ["children", "title", "titleId", "testId", "isScrollable", "hasSeparator", "id", "isList", "isSideNavSection", "className"];
@@ -7,5 +7,5 @@ import type { SectionProps } from '../types';
7
7
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/section)
8
8
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
9
9
  */
10
- declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
10
+ declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
11
11
  export default Section;
@@ -7,5 +7,5 @@ import type { SectionProps } from '../types';
7
7
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/section)
8
8
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
9
9
  */
10
- declare const Section: import("react").ForwardRefExoticComponent<SectionProps & import("react").RefAttributes<HTMLElement>>;
10
+ declare const Section: React.ForwardRefExoticComponent<React.PropsWithoutRef<SectionProps> & React.RefAttributes<HTMLElement>>;
11
11
  export default Section;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "8.4.3",
3
+ "version": "8.4.5",
4
4
  "description": "A list of options to help users navigate, or perform actions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,12 +41,12 @@
41
41
  },
42
42
  "dependencies": {
43
43
  "@atlaskit/app-provider": "^3.2.0",
44
- "@atlaskit/css": "^0.14.0",
45
- "@atlaskit/interaction-context": "^3.0.0",
44
+ "@atlaskit/css": "^0.15.0",
45
+ "@atlaskit/interaction-context": "^3.1.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^14.14.0",
47
+ "@atlaskit/primitives": "^15.0.0",
48
48
  "@atlaskit/theme": "^21.0.0",
49
- "@atlaskit/tokens": "^6.3.0",
49
+ "@atlaskit/tokens": "^6.5.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^0.18.3"
52
52
  },
@@ -58,12 +58,12 @@
58
58
  "@af/accessibility-testing": "workspace:^",
59
59
  "@af/integration-testing": "workspace:^",
60
60
  "@af/visual-regression": "workspace:^",
61
- "@atlaskit/button": "^23.4.0",
61
+ "@atlaskit/button": "^23.5.0",
62
62
  "@atlaskit/docs": "^11.1.0",
63
- "@atlaskit/ds-lib": "^5.0.0",
64
- "@atlaskit/icon": "^28.2.0",
63
+ "@atlaskit/ds-lib": "^5.1.0",
64
+ "@atlaskit/icon": "^28.5.0",
65
65
  "@atlaskit/icon-file-type": "^7.0.0",
66
- "@atlaskit/icon-object": "^7.2.0",
66
+ "@atlaskit/icon-object": "^7.3.0",
67
67
  "@atlaskit/link": "^3.2.0",
68
68
  "@atlaskit/section-message": "^8.7.0",
69
69
  "@atlassian/feature-flags-test-utils": "^0.3.0",