@atlaskit/menu 8.4.1 → 8.4.3
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 +16 -0
- package/dist/cjs/internal/components/menu-item-primitive.compiled.css +6 -6
- package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
- package/dist/cjs/menu-section/section.compiled.css +1 -1
- package/dist/cjs/menu-section/section.js +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.compiled.css +6 -6
- package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
- package/dist/es2019/menu-section/section.compiled.css +1 -1
- package/dist/es2019/menu-section/section.js +1 -1
- package/dist/esm/internal/components/menu-item-primitive.compiled.css +6 -6
- package/dist/esm/internal/components/menu-item-primitive.js +1 -1
- package/dist/esm/menu-section/section.compiled.css +1 -1
- package/dist/esm/menu-section/section.js +1 -1
- package/offerings.json +34 -0
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 8.4.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`248faa32d4835`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/248faa32d4835) -
|
|
8
|
+
Internal changes to how borders are applied.
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 8.4.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
|
|
16
|
+
Internal changes to how borders are applied.
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 8.4.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -8,12 +8,11 @@
|
|
|
8
8
|
._1rjc1b66{padding-block:var(--ds-space-050,4px)}
|
|
9
9
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
|
|
10
10
|
._12ji1r31{outline-color:currentColor}
|
|
11
|
+
._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
|
|
11
12
|
._12y31o36{outline-width:medium}
|
|
12
13
|
._12y3idpf{outline-width:0}
|
|
13
14
|
._16jlkb7n{flex-grow:1}
|
|
14
15
|
._18m915vq{overflow-y:hidden}
|
|
15
|
-
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
16
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
17
16
|
._1bah1h6o{justify-content:center}
|
|
18
17
|
._1bsb1osq{width:100%}
|
|
19
18
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -28,6 +27,7 @@
|
|
|
28
27
|
._1mp4yh40:before{width:2px}
|
|
29
28
|
._1nmz1hna{word-break:break-word}
|
|
30
29
|
._1o9zidpf{flex-shrink:0}
|
|
30
|
+
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
33
|
._1rus67is:before{background-color:var(--ds-border-selected,transparent)}
|
|
@@ -35,12 +35,13 @@
|
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
37
37
|
._1ul91tcg{min-width:24px}
|
|
38
|
-
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
39
38
|
._2lx21bp4{flex-direction:column}
|
|
40
39
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
41
40
|
._4cvr1h6o{align-items:center}
|
|
41
|
+
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
|
|
42
42
|
._80om13gf{cursor:not-allowed}
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
|
+
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
44
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
45
46
|
._bfhk1q4k{background-color:var(--ds-background-selected,#f4f5f7)}
|
|
46
47
|
._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
|
|
@@ -48,7 +49,6 @@
|
|
|
48
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
49
50
|
._kqswh2mm{position:relative}
|
|
50
51
|
._o5721q9c{white-space:nowrap}
|
|
51
|
-
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
52
52
|
._syaz1r31{color:currentColor}
|
|
53
53
|
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
54
54
|
._syaz2oi6{color:var(--ds-text-disabled,#6b778c)}
|
|
@@ -61,8 +61,8 @@
|
|
|
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
|
-
.
|
|
65
|
-
.
|
|
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
66
|
._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
|
|
67
67
|
._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
68
68
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
@@ -22,7 +22,7 @@ var renderTitle = function renderTitle(Component, props) {
|
|
|
22
22
|
);
|
|
23
23
|
};
|
|
24
24
|
var styles = {
|
|
25
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp
|
|
25
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
26
26
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
27
27
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
28
28
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
@@ -1,6 +1,6 @@
|
|
|
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
4
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
5
5
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
6
6
|
._1o9zidpf{flex-shrink:0}
|
|
@@ -30,7 +30,7 @@ var styles = {
|
|
|
30
30
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
31
31
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
32
32
|
unscrollable: "_1o9zidpf",
|
|
33
|
-
thinSeparator: "
|
|
33
|
+
thinSeparator: "_mqm21ag2",
|
|
34
34
|
noSeparator: "_n7cnyjp0",
|
|
35
35
|
sideNavSectionHeading: "_18zru2gc"
|
|
36
36
|
};
|
|
@@ -8,12 +8,11 @@
|
|
|
8
8
|
._1rjc1b66{padding-block:var(--ds-space-050,4px)}
|
|
9
9
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
|
|
10
10
|
._12ji1r31{outline-color:currentColor}
|
|
11
|
+
._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
|
|
11
12
|
._12y31o36{outline-width:medium}
|
|
12
13
|
._12y3idpf{outline-width:0}
|
|
13
14
|
._16jlkb7n{flex-grow:1}
|
|
14
15
|
._18m915vq{overflow-y:hidden}
|
|
15
|
-
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
16
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
17
16
|
._1bah1h6o{justify-content:center}
|
|
18
17
|
._1bsb1osq{width:100%}
|
|
19
18
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -28,6 +27,7 @@
|
|
|
28
27
|
._1mp4yh40:before{width:2px}
|
|
29
28
|
._1nmz1hna{word-break:break-word}
|
|
30
29
|
._1o9zidpf{flex-shrink:0}
|
|
30
|
+
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
33
|
._1rus67is:before{background-color:var(--ds-border-selected,transparent)}
|
|
@@ -35,12 +35,13 @@
|
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
37
37
|
._1ul91tcg{min-width:24px}
|
|
38
|
-
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
39
38
|
._2lx21bp4{flex-direction:column}
|
|
40
39
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
41
40
|
._4cvr1h6o{align-items:center}
|
|
41
|
+
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
|
|
42
42
|
._80om13gf{cursor:not-allowed}
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
|
+
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
44
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
45
46
|
._bfhk1q4k{background-color:var(--ds-background-selected,#f4f5f7)}
|
|
46
47
|
._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
|
|
@@ -48,7 +49,6 @@
|
|
|
48
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
49
50
|
._kqswh2mm{position:relative}
|
|
50
51
|
._o5721q9c{white-space:nowrap}
|
|
51
|
-
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
52
52
|
._syaz1r31{color:currentColor}
|
|
53
53
|
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
54
54
|
._syaz2oi6{color:var(--ds-text-disabled,#6b778c)}
|
|
@@ -61,8 +61,8 @@
|
|
|
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
|
-
.
|
|
65
|
-
.
|
|
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
66
|
._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
|
|
67
67
|
._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
68
68
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
@@ -11,7 +11,7 @@ const renderTitle = (Component, props) =>
|
|
|
11
11
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
12
12
|
React.createElement(Component, props);
|
|
13
13
|
const styles = {
|
|
14
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp
|
|
14
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
15
15
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
16
16
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
17
17
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
@@ -1,6 +1,6 @@
|
|
|
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
4
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
5
5
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
6
6
|
._1o9zidpf{flex-shrink:0}
|
|
@@ -19,7 +19,7 @@ const styles = {
|
|
|
19
19
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
20
20
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
21
21
|
unscrollable: "_1o9zidpf",
|
|
22
|
-
thinSeparator: "
|
|
22
|
+
thinSeparator: "_mqm21ag2",
|
|
23
23
|
noSeparator: "_n7cnyjp0",
|
|
24
24
|
sideNavSectionHeading: "_18zru2gc"
|
|
25
25
|
};
|
|
@@ -8,12 +8,11 @@
|
|
|
8
8
|
._1rjc1b66{padding-block:var(--ds-space-050,4px)}
|
|
9
9
|
._1rjcu2gc{padding-block:var(--ds-space-100,8px)}
|
|
10
10
|
._12ji1r31{outline-color:currentColor}
|
|
11
|
+
._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
|
|
11
12
|
._12y31o36{outline-width:medium}
|
|
12
13
|
._12y3idpf{outline-width:0}
|
|
13
14
|
._16jlkb7n{flex-grow:1}
|
|
14
15
|
._18m915vq{overflow-y:hidden}
|
|
15
|
-
._18u0ze3t{margin-left:var(--ds-space-0,0)}
|
|
16
|
-
._19pkze3t{margin-top:var(--ds-space-0,0)}
|
|
17
16
|
._1bah1h6o{justify-content:center}
|
|
18
17
|
._1bsb1osq{width:100%}
|
|
19
18
|
._1bto1l2s{text-overflow:ellipsis}
|
|
@@ -28,6 +27,7 @@
|
|
|
28
27
|
._1mp4yh40:before{width:2px}
|
|
29
28
|
._1nmz1hna{word-break:break-word}
|
|
30
29
|
._1o9zidpf{flex-shrink:0}
|
|
30
|
+
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
|
|
31
31
|
._1qu2glyw{outline-style:none}
|
|
32
32
|
._1reo15vq{overflow-x:hidden}
|
|
33
33
|
._1rus67is:before{background-color:var(--ds-border-selected,transparent)}
|
|
@@ -35,12 +35,13 @@
|
|
|
35
35
|
._1tke1ylp{min-height:40px}
|
|
36
36
|
._1tkezwfg{min-height:2pc}
|
|
37
37
|
._1ul91tcg{min-width:24px}
|
|
38
|
-
._2hwxze3t{margin-right:var(--ds-space-0,0)}
|
|
39
38
|
._2lx21bp4{flex-direction:column}
|
|
40
39
|
._4bfu1r31{text-decoration-color:currentColor}
|
|
41
40
|
._4cvr1h6o{align-items:center}
|
|
41
|
+
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
|
|
42
42
|
._80om13gf{cursor:not-allowed}
|
|
43
43
|
._80omtlke{cursor:pointer}
|
|
44
|
+
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
|
|
44
45
|
._ajmmnqa1{text-decoration-style:solid}
|
|
45
46
|
._bfhk1q4k{background-color:var(--ds-background-selected,#f4f5f7)}
|
|
46
47
|
._bfhkqtfy{background-color:var(--ds-background-neutral-subtle,transparent)}
|
|
@@ -48,7 +49,6 @@
|
|
|
48
49
|
._iajmze3t:before{inset-block-start:var(--ds-space-0,0)}
|
|
49
50
|
._kqswh2mm{position:relative}
|
|
50
51
|
._o5721q9c{white-space:nowrap}
|
|
51
|
-
._otyrze3t{margin-bottom:var(--ds-space-0,0)}
|
|
52
52
|
._syaz1r31{color:currentColor}
|
|
53
53
|
._syaz1wmz{color:var(--ds-text-subtlest,#6b778c)}
|
|
54
54
|
._syaz2oi6{color:var(--ds-text-disabled,#6b778c)}
|
|
@@ -61,8 +61,8 @@
|
|
|
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
|
-
.
|
|
65
|
-
.
|
|
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
66
|
._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
|
|
67
67
|
._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
68
68
|
._1bnxglyw:hover{text-decoration-line:none}
|
|
@@ -14,7 +14,7 @@ var renderTitle = function renderTitle(Component, props) {
|
|
|
14
14
|
);
|
|
15
15
|
};
|
|
16
16
|
var styles = {
|
|
17
|
-
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp
|
|
17
|
+
root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _1pfhze3t _12l2ze3t _6rthze3t _ahbqze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg41gjf _1ah31gjf _49pcnqa1 _ra3xnqa1 _1hvwdkaa _128mdkaa _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
|
|
18
18
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
19
19
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
20
20
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
@@ -1,6 +1,6 @@
|
|
|
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
4
|
._1l6bgktf [data-ds--menu--heading-item]{margin-block-start:20px}
|
|
5
5
|
._1mfv8jkm [data-ds--menu--skeleton-heading-item]:first-of-type{margin-block-start:19px}
|
|
6
6
|
._1o9zidpf{flex-shrink:0}
|
|
@@ -21,7 +21,7 @@ var styles = {
|
|
|
21
21
|
root: "_1ywu1ule _cfu11ule _1qdgi2wt _kfgti2wt _aetrb3bt _1kt9b3bt _1p3hi2wt _1l6bgktf _osbldlk8 _auo4rdoj _hp2110yn _1mfv8jkm _1bg41n1a",
|
|
22
22
|
scrollable: "_1reo1wug _18m91wug _1o9zkb7n",
|
|
23
23
|
unscrollable: "_1o9zidpf",
|
|
24
|
-
thinSeparator: "
|
|
24
|
+
thinSeparator: "_mqm21ag2",
|
|
25
25
|
noSeparator: "_n7cnyjp0",
|
|
26
26
|
sideNavSectionHeading: "_18zru2gc"
|
|
27
27
|
};
|
package/offerings.json
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
[
|
|
2
|
+
{
|
|
3
|
+
"name": "MenuGroup",
|
|
4
|
+
"package": "@atlaskit/menu",
|
|
5
|
+
"import": {
|
|
6
|
+
"name": "MenuGroup",
|
|
7
|
+
"package": "@atlaskit/menu",
|
|
8
|
+
"type": "named"
|
|
9
|
+
},
|
|
10
|
+
"keywords": ["menu", "group", "navigation", "section", "items"],
|
|
11
|
+
"categories": ["navigation"],
|
|
12
|
+
"shortDescription": "A component for displaying menus with grouped items.",
|
|
13
|
+
"status": "general-availability",
|
|
14
|
+
"accessibilityGuidelines": [
|
|
15
|
+
"Provide clear menu item labels",
|
|
16
|
+
"Use appropriate ARIA attributes",
|
|
17
|
+
"Ensure keyboard navigation with arrow keys",
|
|
18
|
+
"Provide clear section titles"
|
|
19
|
+
],
|
|
20
|
+
"usageGuidelines": [
|
|
21
|
+
"Use for organizing menu items into sections",
|
|
22
|
+
"Group related menu items together",
|
|
23
|
+
"Use clear section titles",
|
|
24
|
+
"Consider menu density and spacing"
|
|
25
|
+
],
|
|
26
|
+
"contentGuidelines": [
|
|
27
|
+
"Use clear, descriptive menu item labels",
|
|
28
|
+
"Group related items logically",
|
|
29
|
+
"Use consistent terminology",
|
|
30
|
+
"Keep menu structure simple"
|
|
31
|
+
],
|
|
32
|
+
"examples": ["./examples/ai/menu.tsx"]
|
|
33
|
+
}
|
|
34
|
+
]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.3",
|
|
4
4
|
"description": "A list of options to help users navigate, or perform actions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -40,12 +40,12 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@atlaskit/app-provider": "^3.
|
|
43
|
+
"@atlaskit/app-provider": "^3.2.0",
|
|
44
44
|
"@atlaskit/css": "^0.14.0",
|
|
45
45
|
"@atlaskit/interaction-context": "^3.0.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
47
|
"@atlaskit/primitives": "^14.14.0",
|
|
48
|
-
"@atlaskit/theme": "^
|
|
48
|
+
"@atlaskit/theme": "^21.0.0",
|
|
49
49
|
"@atlaskit/tokens": "^6.3.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.3"
|
|
@@ -59,9 +59,9 @@
|
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
60
|
"@af/visual-regression": "workspace:^",
|
|
61
61
|
"@atlaskit/button": "^23.4.0",
|
|
62
|
-
"@atlaskit/docs": "^11.
|
|
62
|
+
"@atlaskit/docs": "^11.1.0",
|
|
63
63
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
64
|
-
"@atlaskit/icon": "^28.
|
|
64
|
+
"@atlaskit/icon": "^28.2.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",
|