@atlaskit/menu 5.0.0 → 5.0.1

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 +9 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.compiled.css +8 -5
  3. package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
  4. package/dist/es2019/internal/components/menu-item-primitive.compiled.css +8 -5
  5. package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
  6. package/dist/esm/internal/components/menu-item-primitive.compiled.css +8 -5
  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,14 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 5.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#150647](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/150647)
8
+ [`a0fe499b55985`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a0fe499b55985) -
9
+ Adds a `:focus` style reset to menu items to prevent :focus styles with lower specificity from
10
+ leaking through.
11
+
3
12
  ## 5.0.0
4
13
 
5
14
  ### Major Changes
package/dist/cjs/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -56,12 +56,15 @@
56
56
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
57
57
  ._vchhusvi{box-sizing:border-box}
58
58
  ._y3gn1e5h{text-align:left}
59
- ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}._10531r31:visited{color:currentColor}
59
+ ._ymio1r31:focus:not(:focus-visible){outline-color:currentColor}
60
+ ._ypr0glyw:focus:not(:focus-visible){outline-style:none}
61
+ ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
+ ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
60
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
61
- ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
62
- ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
63
- ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
- ._ra3xnqa1:focus-visible{outline-style:solid}
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)}
66
+ ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
+ ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
65
68
  ._1bnxglyw:hover{text-decoration-line:none}
66
69
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
67
70
  ._30l31r31:hover{color:currentColor}
package/dist/cjs/internal/components/menu-item-primitive.js CHANGED
@@ -23,7 +23,7 @@ var renderTitle = function renderTitle(Component, props) {
23
23
  );
24
24
  };
25
25
  var styles = {
26
- root: "_19itidpf _12ji1r31 _1qu2glyw _12y3idpf _4bfu1r31 _1hmsglyw _ajmmnqa1 _kqswh2mm _1e0c1txw _vchhusvi _1bsb1osq _1tke1ylp _19pkze3t _2hwxze3t _otyrze3t _18u0ze3t _4cvr1h6o _uiztglyw _80omtlke _mizu194a _1ah311pw _ra3xnqa1 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
26
+ 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",
27
27
  beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
28
28
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
29
29
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
package/dist/es2019/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -56,12 +56,15 @@
56
56
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
57
57
  ._vchhusvi{box-sizing:border-box}
58
58
  ._y3gn1e5h{text-align:left}
59
- ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}._10531r31:visited{color:currentColor}
59
+ ._ymio1r31:focus:not(:focus-visible){outline-color:currentColor}
60
+ ._ypr0glyw:focus:not(:focus-visible){outline-style:none}
61
+ ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
+ ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
60
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
61
- ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
62
- ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
63
- ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
- ._ra3xnqa1:focus-visible{outline-style:solid}
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)}
66
+ ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
+ ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
65
68
  ._1bnxglyw:hover{text-decoration-line:none}
66
69
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
67
70
  ._30l31r31:hover{color:currentColor}
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 _mizu194a _1ah311pw _ra3xnqa1 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
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",
15
15
  beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
16
16
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
17
17
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
package/dist/esm/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -56,12 +56,15 @@
56
56
  ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
57
57
  ._vchhusvi{box-sizing:border-box}
58
58
  ._y3gn1e5h{text-align:left}
59
- ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}._10531r31:visited{color:currentColor}
59
+ ._ymio1r31:focus:not(:focus-visible){outline-color:currentColor}
60
+ ._ypr0glyw:focus:not(:focus-visible){outline-style:none}
61
+ ._z5wtze3t:before{inset-inline-start:var(--ds-space-0,0)}
62
+ ._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._10531r31:visited{color:currentColor}
60
63
  ._1053hu5v:visited{color:var(--ds-text-selected,currentColor)}
61
- ._128m1bk5:focus-visible{outline-width:var(--ds-border-width-outline,2px)}
62
- ._1ah311pw:focus-visible{outline-offset:calc(0px - var(--ds-border-width-outline, 2px))}
63
- ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
64
- ._ra3xnqa1:focus-visible{outline-style:solid}
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)}
66
+ ._49pcnqa1:focus, ._ra3xnqa1:focus-visible{outline-style:solid}
67
+ ._nt75194a:focus, ._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
65
68
  ._1bnxglyw:hover{text-decoration-line:none}
66
69
  ._30l316ov:hover{color:var(--ds-text-accent-blue,currentColor)}
67
70
  ._30l31r31:hover{color:currentColor}
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 _mizu194a _1ah311pw _ra3xnqa1 _128m1bk5 _9oik1r31 _1bnxglyw _jf4cnqa1 _1cvmnqa1 _4davt94y",
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",
18
18
  beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
19
19
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
20
20
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "5.0.0",
3
+ "version": "5.0.1",
4
4
  "description": "A list of options to help users navigate, or perform actions.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -46,7 +46,7 @@
46
46
  "@atlaskit/focus-ring": "^3.0.0",
47
47
  "@atlaskit/interaction-context": "^3.0.0",
48
48
  "@atlaskit/platform-feature-flags": "^1.1.0",
49
- "@atlaskit/primitives": "^14.4.0",
49
+ "@atlaskit/primitives": "^14.7.0",
50
50
  "@atlaskit/theme": "^18.0.0",
51
51
  "@atlaskit/tokens": "^4.8.0",
52
52
  "@babel/runtime": "^7.0.0",