@atlaskit/menu 8.3.2 → 8.4.0

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 (17) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.compiled.css +1 -1
  3. package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
  4. package/dist/cjs/menu-item/button-item.js +1 -2
  5. package/dist/cjs/menu-item/skeleton-item.compiled.css +1 -1
  6. package/dist/cjs/menu-item/skeleton-item.js +1 -1
  7. package/dist/es2019/internal/components/menu-item-primitive.compiled.css +1 -1
  8. package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
  9. package/dist/es2019/menu-item/button-item.js +1 -2
  10. package/dist/es2019/menu-item/skeleton-item.compiled.css +1 -1
  11. package/dist/es2019/menu-item/skeleton-item.js +1 -1
  12. package/dist/esm/internal/components/menu-item-primitive.compiled.css +1 -1
  13. package/dist/esm/internal/components/menu-item-primitive.js +1 -1
  14. package/dist/esm/menu-item/button-item.js +1 -2
  15. package/dist/esm/menu-item/skeleton-item.compiled.css +1 -1
  16. package/dist/esm/menu-item/skeleton-item.js +1 -1
  17. package/package.json +5 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 8.4.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`e2485470e4078`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2485470e4078) -
8
+ ButtonItem will convey its selected state to screen readers when isSelected. This is done through
9
+ the aria-current attribute.
10
+
11
+ This change was previously behind a feature flag, which has been removed.
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
17
+ ## 8.3.3
18
+
19
+ ### Patch Changes
20
+
21
+ - [`255837cfba315`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/255837cfba315) -
22
+ Internal changes to how border radius is applied.
23
+ - Updated dependencies
24
+
3
25
  ## 8.3.2
4
26
 
5
27
  ### Patch Changes
package/dist/cjs/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
4
4
  ._19itidpf{border:0}
5
- ._rfx315o9:before{border-radius:0 var(--ds-border-radius,4px) var(--ds-border-radius,4px) 0}
5
+ ._rfx3bx74:before{border-radius:0 var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0}
6
6
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
7
7
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
8
8
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
package/dist/cjs/internal/components/menu-item-primitive.js CHANGED
@@ -33,7 +33,7 @@ var styles = {
33
33
  unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
34
34
  disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
35
35
  selectedBorder: "_1mp4yh40 _1cs8stnw _1rus67is _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
36
- selectedNotch: "_rfx315o9 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
36
+ selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
37
37
  selected: "_bfhk1q4k _syazhu5v _1053hu5v _irr32seo _30l316ov _1di6guph _9h8hhu5v",
38
38
  selectedOld: "_30l3hu5v"
39
39
  };
package/dist/cjs/menu-item/button-item.js CHANGED
@@ -13,7 +13,6 @@ var _runtime = require("@compiled/react/runtime");
13
13
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
14
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
15
  var _interactionContext = _interopRequireDefault(require("@atlaskit/interaction-context"));
16
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
17
16
  var _menuItemPrimitive = _interopRequireDefault(require("../internal/components/menu-item-primitive"));
18
17
  var _excluded = ["children", "description", "iconAfter", "iconBefore", "isDisabled", "isSelected", "onClick", "testId", "onMouseDown", "shouldTitleWrap", "shouldDescriptionWrap", "className", "interactionName"];
19
18
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -74,7 +73,7 @@ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
74
73
  // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
75
74
  // which are already being passed to the button element.
76
75
  ,
77
- "aria-current": isSelected && (0, _platformFeatureFlags.fg)('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
76
+ "aria-current": isSelected ? 'true' : undefined
78
77
  }, rest, {
79
78
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
80
79
  className: className,
package/dist/cjs/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31twn:before{border-radius:var(--ds-border-radius-circle,9999px)}
3
+ ._rfx31rr0:before{border-radius:var(--ds-radius-full,9999px)}
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)}
package/dist/cjs/menu-item/skeleton-item.js CHANGED
@@ -22,7 +22,7 @@ var styles = {
22
22
  defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
23
23
  customWidth: "_11w8rzut",
24
24
  beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1ruslbf8 _1kt9b3bt _1mbqdlk8 _1rhxv77o",
25
- avatar: "_rfx31twn",
25
+ avatar: "_rfx31rr0",
26
26
  icon: "_rfx3fajl",
27
27
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
28
28
  };
package/dist/es2019/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
4
4
  ._19itidpf{border:0}
5
- ._rfx315o9:before{border-radius:0 var(--ds-border-radius,4px) var(--ds-border-radius,4px) 0}
5
+ ._rfx3bx74:before{border-radius:0 var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0}
6
6
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
7
7
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
8
8
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
package/dist/es2019/internal/components/menu-item-primitive.js CHANGED
@@ -22,7 +22,7 @@ const styles = {
22
22
  unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
23
23
  disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
24
24
  selectedBorder: "_1mp4yh40 _1cs8stnw _1rus67is _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
25
- selectedNotch: "_rfx315o9 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
25
+ selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
26
26
  selected: "_bfhk1q4k _syazhu5v _1053hu5v _irr32seo _30l316ov _1di6guph _9h8hhu5v",
27
27
  selectedOld: "_30l3hu5v"
28
28
  };
package/dist/es2019/menu-item/button-item.js CHANGED
@@ -4,7 +4,6 @@ import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
5
5
  import { forwardRef, memo, useCallback, useContext } from 'react';
6
6
  import InteractionContext from '@atlaskit/interaction-context';
7
- import { fg } from '@atlaskit/platform-feature-flags';
8
7
  import MenuItemPrimitive from '../internal/components/menu-item-primitive';
9
8
  /**
10
9
  * __Button item__
@@ -63,7 +62,7 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
63
62
  // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
64
63
  // which are already being passed to the button element.
65
64
  ,
66
- "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
65
+ "aria-current": isSelected ? 'true' : undefined
67
66
  }, rest, {
68
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
69
68
  className: className,
package/dist/es2019/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31twn:before{border-radius:var(--ds-border-radius-circle,9999px)}
3
+ ._rfx31rr0:before{border-radius:var(--ds-radius-full,9999px)}
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)}
package/dist/es2019/menu-item/skeleton-item.js CHANGED
@@ -10,7 +10,7 @@ const styles = {
10
10
  defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
11
11
  customWidth: "_11w8rzut",
12
12
  beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1ruslbf8 _1kt9b3bt _1mbqdlk8 _1rhxv77o",
13
- avatar: "_rfx31twn",
13
+ avatar: "_rfx31rr0",
14
14
  icon: "_rfx3fajl",
15
15
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
16
16
  };
package/dist/esm/internal/components/menu-item-primitive.compiled.css CHANGED
@@ -2,7 +2,7 @@
2
2
  ._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
3
3
  ._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
4
4
  ._19itidpf{border:0}
5
- ._rfx315o9:before{border-radius:0 var(--ds-border-radius,4px) var(--ds-border-radius,4px) 0}
5
+ ._rfx3bx74:before{border-radius:0 var(--ds-radius-small,4px) var(--ds-radius-small,4px) 0}
6
6
  ._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
7
7
  ._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
8
8
  ._1rjc1b66{padding-block:var(--ds-space-050,4px)}
package/dist/esm/internal/components/menu-item-primitive.js CHANGED
@@ -25,7 +25,7 @@ var styles = {
25
25
  unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
26
26
  disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
27
27
  selectedBorder: "_1mp4yh40 _1cs8stnw _1rus67is _1kt9b3bt _1fkrze3t _iajmze3t _z5wtze3t",
28
- selectedNotch: "_rfx315o9 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
28
+ selectedNotch: "_rfx3bx74 _1mp41y44 _1cs8stnw _1rus67is _1kt9b3bt _1fkrutpp _iajmutpp _z5wtze3t",
29
29
  selected: "_bfhk1q4k _syazhu5v _1053hu5v _irr32seo _30l316ov _1di6guph _9h8hhu5v",
30
30
  selectedOld: "_30l3hu5v"
31
31
  };
package/dist/esm/menu-item/button-item.js CHANGED
@@ -6,7 +6,6 @@ import * as React from 'react';
6
6
  import { ax, ix } from "@compiled/react/runtime";
7
7
  import { forwardRef, memo, useCallback, useContext } from 'react';
8
8
  import InteractionContext from '@atlaskit/interaction-context';
9
- import { fg } from '@atlaskit/platform-feature-flags';
10
9
  import MenuItemPrimitive from '../internal/components/menu-item-primitive';
11
10
  /**
12
11
  * __Button item__
@@ -65,7 +64,7 @@ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
65
64
  // This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
66
65
  // which are already being passed to the button element.
67
66
  ,
68
- "aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
67
+ "aria-current": isSelected ? 'true' : undefined
69
68
  }, rest, {
70
69
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
71
70
  className: className,
package/dist/esm/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31twn:before{border-radius:var(--ds-border-radius-circle,9999px)}
3
+ ._rfx31rr0:before{border-radius:var(--ds-radius-full,9999px)}
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)}
package/dist/esm/menu-item/skeleton-item.js CHANGED
@@ -13,7 +13,7 @@ var styles = {
13
13
  defaultWidth: "_sf1e1n8h _4rfy1ssb _baud1nrf _mr7o1vuk _69tq19wn _kt4d1n05",
14
14
  customWidth: "_11w8rzut",
15
15
  beforeElement: "_1mp4gktf _kfgtgktf _7bjqidpf _1ruslbf8 _1kt9b3bt _1mbqdlk8 _1rhxv77o",
16
- avatar: "_rfx31twn",
16
+ avatar: "_rfx31rr0",
17
17
  icon: "_rfx3fajl",
18
18
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
19
19
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "8.3.2",
3
+ "version": "8.4.0",
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.1.0",
44
- "@atlaskit/css": "^0.12.0",
44
+ "@atlaskit/css": "^0.13.0",
45
45
  "@atlaskit/interaction-context": "^3.0.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^14.12.0",
47
+ "@atlaskit/primitives": "^14.13.0",
48
48
  "@atlaskit/theme": "^20.0.0",
49
- "@atlaskit/tokens": "^6.1.0",
49
+ "@atlaskit/tokens": "^6.2.0",
50
50
  "@babel/runtime": "^7.0.0",
51
51
  "@compiled/react": "^0.18.3"
52
52
  },
@@ -65,7 +65,7 @@
65
65
  "@atlaskit/icon-file-type": "^7.0.0",
66
66
  "@atlaskit/icon-object": "^7.2.0",
67
67
  "@atlaskit/link": "^3.2.0",
68
- "@atlaskit/section-message": "^8.6.0",
68
+ "@atlaskit/section-message": "^8.7.0",
69
69
  "@atlassian/feature-flags-test-utils": "^0.3.0",
70
70
  "@testing-library/react": "^13.4.0",
71
71
  "ast-types": "^0.13.3",
@@ -106,9 +106,6 @@
106
106
  "platform-feature-flags": {
107
107
  "platform_fix_a11y_selected_and_hovered_state_color": {
108
108
  "type": "boolean"
109
- },
110
- "platform_dst_menu_item_button_aria_current": {
111
- "type": "boolean"
112
109
  }
113
110
  },
114
111
  "homepage": "https://atlassian.design/components/menu/"