@atlaskit/menu 8.0.9 → 8.1.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 (17) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/cjs/internal/components/menu-item-primitive.js +2 -3
  3. package/dist/cjs/menu-item/button-item.js +1 -3
  4. package/dist/cjs/menu-item/link-item.js +1 -3
  5. package/dist/cjs/menu-item/skeleton-item.compiled.css +2 -2
  6. package/dist/cjs/menu-item/skeleton-item.js +2 -2
  7. package/dist/es2019/internal/components/menu-item-primitive.js +2 -3
  8. package/dist/es2019/menu-item/button-item.js +1 -3
  9. package/dist/es2019/menu-item/link-item.js +1 -3
  10. package/dist/es2019/menu-item/skeleton-item.compiled.css +2 -2
  11. package/dist/es2019/menu-item/skeleton-item.js +2 -2
  12. package/dist/esm/internal/components/menu-item-primitive.js +2 -3
  13. package/dist/esm/menu-item/button-item.js +1 -3
  14. package/dist/esm/menu-item/link-item.js +1 -3
  15. package/dist/esm/menu-item/skeleton-item.compiled.css +2 -2
  16. package/dist/esm/menu-item/skeleton-item.js +2 -2
  17. package/package.json +7 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/menu
2
2
 
3
+ ## 8.1.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#193214](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/193214)
8
+ [`c661806a65543`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c661806a65543) -
9
+ Internal changes to how border radius and border width values are applied. No visual change.
10
+ - Updated dependencies
11
+
12
+ ## 8.1.0
13
+
14
+ ### Minor Changes
15
+
16
+ - [#191911](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/191911)
17
+ [`c1fc152f611b8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c1fc152f611b8) -
18
+ Icons will now display consistently in menu items regardless of their spacing
19
+
3
20
  ## 8.0.9
4
21
 
5
22
  ### Patch Changes
package/dist/cjs/internal/components/menu-item-primitive.js CHANGED
@@ -23,7 +23,6 @@ var renderTitle = function renderTitle(Component, props) {
23
23
  };
24
24
  var styles = {
25
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",
26
- beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
27
26
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
28
27
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
29
28
  truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
@@ -95,7 +94,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
95
94
  }, iconBefore && /*#__PURE__*/React.createElement("span", {
96
95
  "data-item-elem-before": true,
97
96
  "data-testid": testId && "".concat(testId, "--icon-before"),
98
- className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !(0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
97
+ className: (0, _runtime.ax)([styles.beforeAfterElement])
99
98
  }, iconBefore), title && /*#__PURE__*/React.createElement("div", {
100
99
  className: (0, _runtime.ax)([styles.content])
101
100
  }, renderTitle(isTitleHeading ? 'h2' : 'span', {
@@ -108,7 +107,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
108
107
  }, description)), iconAfter && /*#__PURE__*/React.createElement("span", {
109
108
  "data-item-elem-after": true,
110
109
  "data-testid": testId && "".concat(testId, "--icon-after"),
111
- className: (0, _runtime.ax)([(0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !(0, _platformFeatureFlags.fg)('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
110
+ className: (0, _runtime.ax)([styles.beforeAfterElement])
112
111
  }, iconAfter))
113
112
  });
114
113
  }();
package/dist/cjs/menu-item/button-item.js CHANGED
@@ -24,9 +24,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
24
24
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
25
25
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
26
26
  */
27
- var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(
28
- // Type needed on props to extract types with extract react types.
29
- function (props, ref) {
27
+ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
30
28
  var children = props.children,
31
29
  description = props.description,
32
30
  iconAfter = props.iconAfter,
package/dist/cjs/menu-item/link-item.js CHANGED
@@ -31,9 +31,7 @@ var preventEvent = function preventEvent(e) {
31
31
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
32
32
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
33
33
  */
34
- var LinkItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(
35
- // Type needed on props to extract types with extract react types.
36
- function (props, ref) {
34
+ var LinkItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
37
35
  var children = props.children,
38
36
  href = props.href,
39
37
  description = props.description,
package/dist/cjs/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31l7b:before{border-radius:3px}
4
- ._rfx31osq:before{border-radius:100%}
3
+ ._rfx314q2:before{border-radius:var(--ds-border-radius-circle,2002pc)}
4
+ ._rfx3sqtm:before{border-radius:var(--ds-border-radius-100,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
7
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
package/dist/cjs/menu-item/skeleton-item.js CHANGED
@@ -22,8 +22,8 @@ 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: "_rfx31osq",
26
- icon: "_rfx31l7b",
25
+ avatar: "_rfx314q2",
26
+ icon: "_rfx3sqtm",
27
27
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
28
28
  };
29
29
 
package/dist/es2019/internal/components/menu-item-primitive.js CHANGED
@@ -12,7 +12,6 @@ const renderTitle = (Component, props) =>
12
12
  React.createElement(Component, props);
13
13
  const styles = {
14
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
- beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
16
15
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
17
16
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
18
17
  truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
@@ -80,7 +79,7 @@ const MenuItemPrimitive = ({
80
79
  }, iconBefore && /*#__PURE__*/React.createElement("span", {
81
80
  "data-item-elem-before": true,
82
81
  "data-testid": testId && `${testId}--icon-before`,
83
- className: ax([fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
82
+ className: ax([styles.beforeAfterElement])
84
83
  }, iconBefore), title && /*#__PURE__*/React.createElement("div", {
85
84
  className: ax([styles.content])
86
85
  }, renderTitle(isTitleHeading ? 'h2' : 'span', {
@@ -93,7 +92,7 @@ const MenuItemPrimitive = ({
93
92
  }, description)), iconAfter && /*#__PURE__*/React.createElement("span", {
94
93
  "data-item-elem-after": true,
95
94
  "data-testid": testId && `${testId}--icon-after`,
96
- className: ax([fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
95
+ className: ax([styles.beforeAfterElement])
97
96
  }, iconAfter))
98
97
  });
99
98
  })();
package/dist/es2019/menu-item/button-item.js CHANGED
@@ -13,9 +13,7 @@ import MenuItemPrimitive from '../internal/components/menu-item-primitive';
13
13
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
14
14
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
15
15
  */
16
- const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
17
- // Type needed on props to extract types with extract react types.
18
- (props, ref) => {
16
+ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
19
17
  const {
20
18
  children,
21
19
  description,
package/dist/es2019/menu-item/link-item.js CHANGED
@@ -20,9 +20,7 @@ const preventEvent = e => {
20
20
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
21
21
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
22
22
  */
23
- const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
24
- // Type needed on props to extract types with extract react types.
25
- (props, ref) => {
23
+ const LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
26
24
  const {
27
25
  children,
28
26
  href,
package/dist/es2019/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31l7b:before{border-radius:3px}
4
- ._rfx31osq:before{border-radius:100%}
3
+ ._rfx314q2:before{border-radius:var(--ds-border-radius-circle,2002pc)}
4
+ ._rfx3sqtm:before{border-radius:var(--ds-border-radius-100,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
7
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
package/dist/es2019/menu-item/skeleton-item.js CHANGED
@@ -10,8 +10,8 @@ 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: "_rfx31osq",
14
- icon: "_rfx31l7b",
13
+ avatar: "_rfx314q2",
14
+ icon: "_rfx3sqtm",
15
15
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
16
16
  };
17
17
 
package/dist/esm/internal/components/menu-item-primitive.js CHANGED
@@ -15,7 +15,6 @@ var renderTitle = function renderTitle(Component, props) {
15
15
  };
16
16
  var styles = {
17
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
- beforeAfterElementOld: "_1e0c1txw _4cvr1h6o _1bah1h6o _1o9zidpf",
19
18
  beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
20
19
  content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
21
20
  truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
@@ -87,7 +86,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
87
86
  }, iconBefore && /*#__PURE__*/React.createElement("span", {
88
87
  "data-item-elem-before": true,
89
88
  "data-testid": testId && "".concat(testId, "--icon-before"),
90
- className: ax([fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
89
+ className: ax([styles.beforeAfterElement])
91
90
  }, iconBefore), title && /*#__PURE__*/React.createElement("div", {
92
91
  className: ax([styles.content])
93
92
  }, renderTitle(isTitleHeading ? 'h2' : 'span', {
@@ -100,7 +99,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
100
99
  }, description)), iconAfter && /*#__PURE__*/React.createElement("span", {
101
100
  "data-item-elem-after": true,
102
101
  "data-testid": testId && "".concat(testId, "--icon-after"),
103
- className: ax([fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElement, !fg('platform_ads_component_no_icon_spacing_support') && styles.beforeAfterElementOld])
102
+ className: ax([styles.beforeAfterElement])
104
103
  }, iconAfter))
105
104
  });
106
105
  }();
package/dist/esm/menu-item/button-item.js CHANGED
@@ -15,9 +15,7 @@ import MenuItemPrimitive from '../internal/components/menu-item-primitive';
15
15
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/button-item)
16
16
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
17
17
  */
18
- var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
19
- // Type needed on props to extract types with extract react types.
20
- function (props, ref) {
18
+ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
21
19
  var children = props.children,
22
20
  description = props.description,
23
21
  iconAfter = props.iconAfter,
package/dist/esm/menu-item/link-item.js CHANGED
@@ -22,9 +22,7 @@ var preventEvent = function preventEvent(e) {
22
22
  * - [Examples](https://atlaskit.atlassian.com/packages/design-system/menu/docs/link-item)
23
23
  * - [Code](https://atlaskit.atlassian.com/packages/design-system/menu)
24
24
  */
25
- var LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(
26
- // Type needed on props to extract types with extract react types.
27
- function (props, ref) {
25
+ var LinkItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref) {
28
26
  var children = props.children,
29
27
  href = props.href,
30
28
  description = props.description,
package/dist/esm/menu-item/skeleton-item.compiled.css CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  ._14mj53f4:after{border-radius:75pt}
3
- ._rfx31l7b:before{border-radius:3px}
4
- ._rfx31osq:before{border-radius:100%}
3
+ ._rfx314q2:before{border-radius:var(--ds-border-radius-circle,2002pc)}
4
+ ._rfx3sqtm:before{border-radius:var(--ds-border-radius-100,3px)}
5
5
  ._18zru2gc{padding-inline:var(--ds-space-100,8px)}
6
6
  ._18zrv47k{padding-inline:var(--ds-space-250,20px)}
7
7
  ._1rjcze3t{padding-block:var(--ds-space-0,0)}._11w8rzut:after{flex-basis:var(--width)}
package/dist/esm/menu-item/skeleton-item.js CHANGED
@@ -13,8 +13,8 @@ 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: "_rfx31osq",
17
- icon: "_rfx31l7b",
16
+ avatar: "_rfx314q2",
17
+ icon: "_rfx3sqtm",
18
18
  sideNavSkeleton: "_18zru2gc _kfgt1k8s _1mbqpxbi _1mp41k8s"
19
19
  };
20
20
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "8.0.9",
3
+ "version": "8.1.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/"
@@ -40,11 +40,11 @@
40
40
  }
41
41
  },
42
42
  "dependencies": {
43
- "@atlaskit/app-provider": "^2.2.0",
43
+ "@atlaskit/app-provider": "^2.3.0",
44
44
  "@atlaskit/css": "^0.12.0",
45
45
  "@atlaskit/interaction-context": "^3.0.0",
46
46
  "@atlaskit/platform-feature-flags": "^1.1.0",
47
- "@atlaskit/primitives": "^14.10.0",
47
+ "@atlaskit/primitives": "^14.11.0",
48
48
  "@atlaskit/theme": "^19.0.0",
49
49
  "@atlaskit/tokens": "^5.6.0",
50
50
  "@babel/runtime": "^7.0.0",
@@ -58,14 +58,14 @@
58
58
  "@af/accessibility-testing": "workspace:^",
59
59
  "@af/integration-testing": "workspace:^",
60
60
  "@af/visual-regression": "workspace:^",
61
- "@atlaskit/button": "^23.2.0",
61
+ "@atlaskit/button": "^23.3.0",
62
62
  "@atlaskit/docs": "^11.0.0",
63
- "@atlaskit/ds-lib": "^4.1.0",
64
- "@atlaskit/icon": "^27.5.0",
63
+ "@atlaskit/ds-lib": "^5.0.0",
64
+ "@atlaskit/icon": "^27.8.0",
65
65
  "@atlaskit/icon-file-type": "^7.0.0",
66
66
  "@atlaskit/icon-object": "^7.1.0",
67
67
  "@atlaskit/link": "^3.2.0",
68
- "@atlaskit/section-message": "^8.2.0",
68
+ "@atlaskit/section-message": "^8.5.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",
@@ -118,9 +118,6 @@
118
118
  ".": "./src/index.tsx"
119
119
  },
120
120
  "platform-feature-flags": {
121
- "platform_ads_component_no_icon_spacing_support": {
122
- "type": "boolean"
123
- },
124
121
  "platform_fix_a11y_selected_and_hovered_state_color": {
125
122
  "type": "boolean"
126
123
  }