@atlaskit/menu 8.4.1 → 8.4.2

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 (8) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.compiled.css +6 -6
  3. package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
  4. package/dist/es2019/internal/components/menu-item-primitive.compiled.css +6 -6
  5. package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
  6. package/dist/esm/internal/components/menu-item-primitive.compiled.css +6 -6
  7. package/dist/esm/internal/components/menu-item-primitive.js +1 -1
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 8.4.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
8
+ Internal changes to how borders are applied.
9
+ - Updated dependencies
10
+
3
11
  ## 8.4.1
4
12
 
5
13
  ### Patch Changes
package/dist/cjs/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -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
- ._1bg411pw:focus, ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
65
- ._1hvw1bk5:focus, ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
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}
package/dist/cjs/internal/components/menu-item-primitive.js CHANGED
@@ -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 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg411pw _1ah311pw _49pcnqa1 _ra3xnqa1 _1hvw1bk5 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
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",
package/dist/es2019/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -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
- ._1bg411pw:focus, ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
65
- ._1hvw1bk5:focus, ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
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}
package/dist/es2019/internal/components/menu-item-primitive.js CHANGED
@@ -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 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg411pw _1ah311pw _49pcnqa1 _ra3xnqa1 _1hvw1bk5 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
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",
package/dist/esm/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -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
- ._1bg411pw:focus, ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
65
- ._1hvw1bk5:focus, ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
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}
package/dist/esm/internal/components/menu-item-primitive.js CHANGED
@@ -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 _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _4cvr1h6o _uiztglyw _80omtlke _ymio1r31 _ypr0glyw _zcxs1o36 _nt75194a _mizu194a _1bg411pw _1ah311pw _49pcnqa1 _ra3xnqa1 _1hvw1bk5 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
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",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "8.4.1",
3
+ "version": "8.4.2",
4
4
  "description": "A list of options to help users navigate, or perform actions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -45,7 +45,7 @@
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": "^20.0.0",
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"