@atlaskit/menu 8.4.3 → 8.4.4
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/internal/components/menu-item-primitive.compiled.css +8 -4
- package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
- package/dist/cjs/menu-item/button-item.js +1 -1
- package/dist/cjs/menu-item/custom-item.js +1 -1
- package/dist/cjs/menu-item/heading-item.js +1 -1
- package/dist/cjs/menu-item/link-item.js +1 -1
- package/dist/cjs/menu-item/skeleton-heading-item.compiled.css +13 -7
- package/dist/cjs/menu-item/skeleton-heading-item.js +1 -1
- package/dist/cjs/menu-item/skeleton-item.compiled.css +13 -7
- package/dist/cjs/menu-item/skeleton-item.js +1 -1
- package/dist/cjs/menu-section/menu-group.js +1 -1
- package/dist/cjs/menu-section/popup-menu-group.js +1 -1
- package/dist/cjs/menu-section/section.compiled.css +6 -3
- package/dist/cjs/menu-section/section.js +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.compiled.css +8 -4
- package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
- package/dist/es2019/menu-item/button-item.js +1 -1
- package/dist/es2019/menu-item/custom-item.js +1 -1
- package/dist/es2019/menu-item/heading-item.js +1 -1
- package/dist/es2019/menu-item/link-item.js +1 -1
- package/dist/es2019/menu-item/skeleton-heading-item.compiled.css +12 -7
- package/dist/es2019/menu-item/skeleton-heading-item.js +1 -1
- package/dist/es2019/menu-item/skeleton-item.compiled.css +11 -7
- package/dist/es2019/menu-item/skeleton-item.js +1 -1
- package/dist/es2019/menu-section/menu-group.js +1 -1
- package/dist/es2019/menu-section/popup-menu-group.js +1 -1
- package/dist/es2019/menu-section/section.compiled.css +6 -3
- package/dist/es2019/menu-section/section.js +1 -1
- package/dist/esm/internal/components/menu-item-primitive.compiled.css +8 -4
- package/dist/esm/internal/components/menu-item-primitive.js +1 -1
- package/dist/esm/menu-item/button-item.js +1 -1
- package/dist/esm/menu-item/custom-item.js +1 -1
- package/dist/esm/menu-item/heading-item.js +1 -1
- package/dist/esm/menu-item/link-item.js +1 -1
- package/dist/esm/menu-item/skeleton-heading-item.compiled.css +13 -7
- package/dist/esm/menu-item/skeleton-heading-item.js +1 -1
- package/dist/esm/menu-item/skeleton-item.compiled.css +13 -7
- package/dist/esm/menu-item/skeleton-item.js +1 -1
- package/dist/esm/menu-section/menu-group.js +1 -1
- package/dist/esm/menu-section/popup-menu-group.js +1 -1
- package/dist/esm/menu-section/section.compiled.css +6 -3
- package/dist/esm/menu-section/section.js +1 -1
- package/dist/types/menu-section/section.d.ts +1 -1
- package/dist/types-ts4.5/menu-section/section.d.ts +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 8.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`39e543109ec09`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/39e543109ec09) -
|
|
8
|
+
add type info to forwardRef components
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 8.4.3
|
|
4
12
|
|
|
5
13
|
### 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
|
|
65
|
-
._1hvwdkaa:focus
|
|
66
|
-
._49pcnqa1:focus
|
|
67
|
-
._nt75194a:focus
|
|
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,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
|
|
5
|
-
._18lgp3kn:after
|
|
6
|
-
._19oh1hno:after
|
|
7
|
-
._1hfk3yfp:after
|
|
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
|
-
.
|
|
13
|
-
.
|
|
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)}}
|
|
@@ -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)}.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
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
|
|
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
|
|
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
|
|
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,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
|
|
10
|
+
._1qdgi2wt:after{height:6px}
|
|
10
11
|
._1reo1wug{overflow-x:auto}
|
|
11
|
-
._1ywu1ule:after
|
|
12
|
-
._aetrb3bt:after
|
|
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}
|
|
@@ -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
|
|
65
|
-
._1hvwdkaa:focus
|
|
66
|
-
._49pcnqa1:focus
|
|
67
|
-
._nt75194a:focus
|
|
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
|
-
/* button-item.tsx generated by @compiled/babel-plugin v0.
|
|
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.
|
|
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
|
-
/* link-item.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
5
|
-
._18lgp3kn:after
|
|
6
|
-
._19oh1qxh:after
|
|
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
|
-
.
|
|
13
|
-
.
|
|
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.
|
|
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)}.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
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
|
|
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
|
|
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
|
-
/* popup-menu-group.tsx generated by @compiled/babel-plugin v0.
|
|
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
|
|
10
|
+
._1qdgi2wt:after{height:6px}
|
|
10
11
|
._1reo1wug{overflow-x:auto}
|
|
11
|
-
._1ywu1ule:after
|
|
12
|
-
._aetrb3bt:after
|
|
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}
|
|
@@ -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
|
|
65
|
-
._1hvwdkaa:focus
|
|
66
|
-
._49pcnqa1:focus
|
|
67
|
-
._nt75194a:focus
|
|
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
|
-
/* button-item.tsx generated by @compiled/babel-plugin v0.
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
5
|
-
._18lgp3kn:after
|
|
6
|
-
._19oh1hno:after
|
|
7
|
-
._1hfk3yfp:after
|
|
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
|
-
.
|
|
13
|
-
.
|
|
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.
|
|
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)}.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
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
|
|
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
|
|
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
|
|
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.
|
|
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.
|
|
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.
|
|
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
|
|
10
|
+
._1qdgi2wt:after{height:6px}
|
|
10
11
|
._1reo1wug{overflow-x:auto}
|
|
11
|
-
._1ywu1ule:after
|
|
12
|
-
._aetrb3bt:after
|
|
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.
|
|
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:
|
|
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:
|
|
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
|
+
"version": "8.4.4",
|
|
4
4
|
"description": "A list of options to help users navigate, or perform actions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -42,11 +42,11 @@
|
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@atlaskit/app-provider": "^3.2.0",
|
|
44
44
|
"@atlaskit/css": "^0.14.0",
|
|
45
|
-
"@atlaskit/interaction-context": "^3.
|
|
45
|
+
"@atlaskit/interaction-context": "^3.1.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^14.
|
|
47
|
+
"@atlaskit/primitives": "^14.15.0",
|
|
48
48
|
"@atlaskit/theme": "^21.0.0",
|
|
49
|
-
"@atlaskit/tokens": "^6.
|
|
49
|
+
"@atlaskit/tokens": "^6.4.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.3"
|
|
52
52
|
},
|
|
@@ -60,8 +60,8 @@
|
|
|
60
60
|
"@af/visual-regression": "workspace:^",
|
|
61
61
|
"@atlaskit/button": "^23.4.0",
|
|
62
62
|
"@atlaskit/docs": "^11.1.0",
|
|
63
|
-
"@atlaskit/ds-lib": "^5.
|
|
64
|
-
"@atlaskit/icon": "^28.
|
|
63
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
64
|
+
"@atlaskit/icon": "^28.3.0",
|
|
65
65
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
66
66
|
"@atlaskit/icon-object": "^7.2.0",
|
|
67
67
|
"@atlaskit/link": "^3.2.0",
|