@atlaskit/menu 8.4.13 → 8.4.15
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 +13 -0
- package/dist/cjs/internal/components/menu-item-primitive.compiled.css +2 -2
- package/dist/cjs/internal/components/menu-item-primitive.js +3 -4
- package/dist/cjs/menu-item/heading-item.compiled.css +1 -1
- package/dist/cjs/menu-item/heading-item.js +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.compiled.css +2 -2
- package/dist/es2019/internal/components/menu-item-primitive.js +3 -4
- package/dist/es2019/menu-item/heading-item.compiled.css +1 -1
- package/dist/es2019/menu-item/heading-item.js +1 -1
- package/dist/esm/internal/components/menu-item-primitive.compiled.css +2 -2
- package/dist/esm/internal/components/menu-item-primitive.js +3 -4
- package/dist/esm/menu-item/heading-item.compiled.css +1 -1
- package/dist/esm/menu-item/heading-item.js +1 -1
- package/package.json +10 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 8.4.15
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 8.4.14
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`6b279e3304f41`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6b279e3304f41) -
|
|
14
|
+
Cleaning up archived flag.
|
|
15
|
+
|
|
3
16
|
## 8.4.13
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._19itidpf{border:0}
|
|
5
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)}
|
|
@@ -10,7 +10,6 @@ require("./menu-item-primitive.compiled.css");
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var React = _react;
|
|
12
12
|
var _runtime = require("@compiled/react/runtime");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
13
|
var _compiled = require("@atlaskit/primitives/compiled");
|
|
15
14
|
var _menuContext = require("./menu-context");
|
|
16
15
|
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); }
|
|
@@ -26,9 +25,9 @@ var styles = {
|
|
|
26
25
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
27
26
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
28
27
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
29
|
-
title: "
|
|
28
|
+
title: "_11c8fhey",
|
|
30
29
|
wordBreak: "_1nmz1hna",
|
|
31
|
-
description: "
|
|
30
|
+
description: "_11c8rymc _syaz1wmz",
|
|
32
31
|
disabledDescription: "_syaz2oi6",
|
|
33
32
|
unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
|
|
34
33
|
disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
|
|
@@ -83,7 +82,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
|
|
|
83
82
|
var UNSAFE_className = UNSAFE_externalClassName;
|
|
84
83
|
return function () {
|
|
85
84
|
return children({
|
|
86
|
-
className: (0, _runtime.ax)([(0, _runtime.ax)([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !
|
|
85
|
+
className: (0, _runtime.ax)([(0, _runtime.ax)([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !isDisabled && isSelected && styles.selectedOld, !isDisabled && isSelected && selectionStyle === 'border' && styles.selectedBorder, !isDisabled && isSelected && selectionStyle === 'notch' && styles.selectedNotch, isDisabled && styles.disabled]), UNSAFE_className]),
|
|
87
86
|
children: /*#__PURE__*/React.createElement(_compiled.Inline, {
|
|
88
87
|
as: "span",
|
|
89
88
|
spread: "space-between",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
3
3
|
._1rjcze3t{padding-block:var(--ds-space-0,0)}
|
|
4
4
|
._syaz1vvm{color:var(--_bbz764)}
|
|
@@ -42,7 +42,7 @@ var HeadingItem = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
42
42
|
id: id
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
44
44
|
,
|
|
45
|
-
className: (0, _runtime.ax)(["
|
|
45
|
+
className: (0, _runtime.ax)(["_11c8i4vh _1rjcze3t _18zrpxbi _syaz1vvm", UNSAFE_className])
|
|
46
46
|
}, rest, {
|
|
47
47
|
style: {
|
|
48
48
|
"--_bbz764": (0, _runtime.ix)("var(--ds-text-subtle, ".concat(_colors.N300, ")"))
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._19itidpf{border:0}
|
|
5
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)}
|
|
@@ -3,7 +3,6 @@ import "./menu-item-primitive.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import { ax, ix } from '@compiled/react/runtime';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Inline } from '@atlaskit/primitives/compiled';
|
|
8
7
|
import { SELECTION_STYLE_CONTEXT_DO_NOT_USE, SpacingContext } from './menu-context';
|
|
9
8
|
const renderTitle = (Component, props) =>
|
|
@@ -15,9 +14,9 @@ const styles = {
|
|
|
15
14
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
16
15
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
17
16
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
18
|
-
title: "
|
|
17
|
+
title: "_11c8fhey",
|
|
19
18
|
wordBreak: "_1nmz1hna",
|
|
20
|
-
description: "
|
|
19
|
+
description: "_11c8rymc _syaz1wmz",
|
|
21
20
|
disabledDescription: "_syaz2oi6",
|
|
22
21
|
unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
|
|
23
22
|
disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
|
|
@@ -68,7 +67,7 @@ const MenuItemPrimitive = ({
|
|
|
68
67
|
const UNSAFE_className = UNSAFE_externalClassName;
|
|
69
68
|
return (() => {
|
|
70
69
|
return children({
|
|
71
|
-
className: ax([ax([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !
|
|
70
|
+
className: ax([ax([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !isDisabled && isSelected && styles.selectedOld, !isDisabled && isSelected && selectionStyle === 'border' && styles.selectedBorder, !isDisabled && isSelected && selectionStyle === 'notch' && styles.selectedNotch, isDisabled && styles.disabled]), UNSAFE_className]),
|
|
72
71
|
children: /*#__PURE__*/React.createElement(Inline, {
|
|
73
72
|
as: "span",
|
|
74
73
|
spread: "space-between",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
3
3
|
._1rjcze3t{padding-block:var(--ds-space-0,0)}
|
|
4
4
|
._syaz1n3s{color:var(--ds-text-subtle,#5e6c84)}
|
|
@@ -35,7 +35,7 @@ const HeadingItem = /*#__PURE__*/memo(({
|
|
|
35
35
|
id: id
|
|
36
36
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
37
37
|
,
|
|
38
|
-
className: ax(["
|
|
38
|
+
className: ax(["_11c8i4vh _1rjcze3t _18zrpxbi _syaz1n3s", UNSAFE_className])
|
|
39
39
|
}, rest), children);
|
|
40
40
|
});
|
|
41
41
|
export default HeadingItem;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
|
-
.
|
|
3
|
-
.
|
|
2
|
+
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
3
|
+
._11c8rymc{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
4
4
|
._19itidpf{border:0}
|
|
5
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)}
|
|
@@ -3,7 +3,6 @@ import "./menu-item-primitive.compiled.css";
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useContext } from 'react';
|
|
5
5
|
import { ax, ix } from '@compiled/react/runtime';
|
|
6
|
-
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
6
|
import { Inline } from '@atlaskit/primitives/compiled';
|
|
8
7
|
import { SELECTION_STYLE_CONTEXT_DO_NOT_USE, SpacingContext } from './menu-context';
|
|
9
8
|
var renderTitle = function renderTitle(Component, props) {
|
|
@@ -18,9 +17,9 @@ var styles = {
|
|
|
18
17
|
beforeAfterElement: "_1e0c1txw _1ul91tcg _1tke1tcg _4cvr1h6o _1bah1h6o _1o9zidpf",
|
|
19
18
|
content: "_12ji1r31 _1qu2glyw _12y31o36 _1reo15vq _18m915vq _1e0c1txw _2lx21bp4 _1bah1h6o _16jlkb7n _y3gn1e5h",
|
|
20
19
|
truncate: "_1reo15vq _18m915vq _1e0c1ule _1bto1l2s _o5721q9c",
|
|
21
|
-
title: "
|
|
20
|
+
title: "_11c8fhey",
|
|
22
21
|
wordBreak: "_1nmz1hna",
|
|
23
|
-
description: "
|
|
22
|
+
description: "_11c8rymc _syaz1wmz",
|
|
24
23
|
disabledDescription: "_syaz2oi6",
|
|
25
24
|
unselected: "_bfhkqtfy _syaz1r31 _10531r31 _irr31dko _30l31r31 _1di61dko _9h8h1r31",
|
|
26
25
|
disabled: "_80om13gf _bfhkqtfy _syaz2oi6 _irr3qtfy _30l32oi6 _1di6qtfy _9h8h2oi6",
|
|
@@ -75,7 +74,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
|
|
|
75
74
|
var UNSAFE_className = UNSAFE_externalClassName;
|
|
76
75
|
return function () {
|
|
77
76
|
return children({
|
|
78
|
-
className: ax([ax([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !
|
|
77
|
+
className: ax([ax([styles.root, spacingMapStyles[spacing], !isDisabled && !isSelected && styles.unselected, !isDisabled && isSelected && styles.selected, !isDisabled && isSelected && styles.selectedOld, !isDisabled && isSelected && selectionStyle === 'border' && styles.selectedBorder, !isDisabled && isSelected && selectionStyle === 'notch' && styles.selectedNotch, isDisabled && styles.disabled]), UNSAFE_className]),
|
|
79
78
|
children: /*#__PURE__*/React.createElement(Inline, {
|
|
80
79
|
as: "span",
|
|
81
80
|
spread: "space-between",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
._11c8i4vh{font:var(--ds-font-heading-xxsmall,normal 653 9pt/1pc "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
|
|
2
2
|
._18zrpxbi{padding-inline:var(--ds-space-200,1pc)}
|
|
3
3
|
._1rjcze3t{padding-block:var(--ds-space-0,0)}
|
|
4
4
|
._syaz1vvm{color:var(--_bbz764)}
|
|
@@ -33,7 +33,7 @@ var HeadingItem = /*#__PURE__*/memo(function (_ref) {
|
|
|
33
33
|
id: id
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
35
35
|
,
|
|
36
|
-
className: ax(["
|
|
36
|
+
className: ax(["_11c8i4vh _1rjcze3t _18zrpxbi _syaz1vvm", UNSAFE_className])
|
|
37
37
|
}, rest, {
|
|
38
38
|
style: {
|
|
39
39
|
"--_bbz764": ix("var(--ds-text-subtle, ".concat(N300, ")"))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "8.4.
|
|
3
|
+
"version": "8.4.15",
|
|
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,13 +40,13 @@
|
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@atlaskit/app-provider": "^3.
|
|
43
|
+
"@atlaskit/app-provider": "^3.3.0",
|
|
44
44
|
"@atlaskit/css": "^0.19.0",
|
|
45
45
|
"@atlaskit/interaction-context": "^3.1.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^17.
|
|
47
|
+
"@atlaskit/primitives": "^17.1.0",
|
|
48
48
|
"@atlaskit/theme": "^21.0.0",
|
|
49
|
-
"@atlaskit/tokens": "^
|
|
49
|
+
"@atlaskit/tokens": "^10.0.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.6"
|
|
52
52
|
},
|
|
@@ -59,14 +59,14 @@
|
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
60
|
"@af/visual-regression": "workspace:^",
|
|
61
61
|
"@atlaskit/button": "^23.9.0",
|
|
62
|
-
"@atlaskit/docs": "^11.
|
|
62
|
+
"@atlaskit/docs": "^11.3.0",
|
|
63
63
|
"@atlaskit/ds-lib": "^5.3.0",
|
|
64
|
-
"@atlaskit/icon": "^29.
|
|
64
|
+
"@atlaskit/icon": "^29.4.0",
|
|
65
65
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
66
66
|
"@atlaskit/icon-object": "^7.4.0",
|
|
67
|
-
"@atlaskit/link": "^3.
|
|
68
|
-
"@atlaskit/section-message": "^8.
|
|
69
|
-
"@testing-library/react": "^
|
|
67
|
+
"@atlaskit/link": "^3.3.0",
|
|
68
|
+
"@atlaskit/section-message": "^8.12.0",
|
|
69
|
+
"@testing-library/react": "^16.3.0",
|
|
70
70
|
"ast-types": "^0.13.3",
|
|
71
71
|
"jscodeshift": "^17.0.0"
|
|
72
72
|
},
|
|
@@ -102,10 +102,6 @@
|
|
|
102
102
|
]
|
|
103
103
|
}
|
|
104
104
|
},
|
|
105
|
-
"platform-feature-flags": {
|
|
106
|
-
"platform_fix_a11y_selected_and_hovered_state_color": {
|
|
107
|
-
"type": "boolean"
|
|
108
|
-
}
|
|
109
|
-
},
|
|
105
|
+
"platform-feature-flags": {},
|
|
110
106
|
"homepage": "https://atlassian.design/components/menu/"
|
|
111
107
|
}
|