@atlaskit/menu 1.9.0 → 1.9.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.
- package/CHANGELOG.md +13 -1
- package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
- package/dist/cjs/menu-item/skeleton-item.js +3 -3
- package/dist/cjs/menu-section/section.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
- package/dist/es2019/menu-item/skeleton-item.js +3 -3
- package/dist/es2019/menu-section/section.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/internal/components/menu-item-primitive.js +1 -1
- package/dist/esm/menu-item/skeleton-item.js +3 -3
- package/dist/esm/menu-section/section.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 1.9.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
8
|
+
|
|
9
|
+
## 1.9.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 1.9.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
6
18
|
|
|
7
|
-
- [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add
|
|
19
|
+
- [`0af122e7d0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0af122e7d0f) - [ux] Prop isList in Section component allows to add `<ul>` and `<li>` elements around the items to better semantic markup if it is a list of items
|
|
8
20
|
|
|
9
21
|
## 1.8.1
|
|
10
22
|
|
|
@@ -136,7 +136,7 @@ var selectedNotchStyles = (0, _react2.css)({
|
|
|
136
136
|
bottom: "var(--ds-space-150, 12px)",
|
|
137
137
|
left: 0,
|
|
138
138
|
background: "var(--ds-border-selected, transparent)",
|
|
139
|
-
borderRadius:
|
|
139
|
+
borderRadius: "0 ".concat("var(--ds-border-radius, 4px)", " ", "var(--ds-border-radius, 4px)", " 0"),
|
|
140
140
|
content: '""'
|
|
141
141
|
}
|
|
142
142
|
});
|
|
@@ -34,7 +34,7 @@ var skeletonStyles = (0, _react.css)({
|
|
|
34
34
|
// This is a little bespoke but we need to push everything down 1px
|
|
35
35
|
// because the skeleton content should align to the bottom of the text.
|
|
36
36
|
// Confirm VR test failures before accepting a change.
|
|
37
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
37
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
38
38
|
marginTop: 1,
|
|
39
39
|
backgroundColor: skeletonColor,
|
|
40
40
|
borderRadius: skeletonTextBorderRadius,
|
|
@@ -70,9 +70,9 @@ var beforeElementStyles = (0, _react.css)({
|
|
|
70
70
|
'::before': {
|
|
71
71
|
width: skeletonItemElemSize,
|
|
72
72
|
height: skeletonItemElemSize,
|
|
73
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
73
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
74
74
|
marginRight: itemElemSpacing + itemElemSkeletonOffset,
|
|
75
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
75
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
76
76
|
marginLeft: itemElemSkeletonOffset,
|
|
77
77
|
flexShrink: 0,
|
|
78
78
|
backgroundColor: skeletonColor,
|
|
@@ -15,7 +15,7 @@ var _constants = require("@atlaskit/theme/constants");
|
|
|
15
15
|
var _typography = require("@atlaskit/theme/typography");
|
|
16
16
|
var _headingItem = _interopRequireDefault(require("../menu-item/heading-item"));
|
|
17
17
|
var _excluded = ["children", "overrides", "title", "testId", "isScrollable", "hasSeparator", "id", "isList"];
|
|
18
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage
|
|
18
|
+
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
19
19
|
/** @jsx jsx */
|
|
20
20
|
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
21
21
|
var gridSize = (0, _constants.gridSize)();
|
package/dist/cjs/version.json
CHANGED
|
@@ -125,7 +125,7 @@ const selectedNotchStyles = css({
|
|
|
125
125
|
bottom: "var(--ds-space-150, 12px)",
|
|
126
126
|
left: 0,
|
|
127
127
|
background: "var(--ds-border-selected, transparent)",
|
|
128
|
-
borderRadius:
|
|
128
|
+
borderRadius: `0 ${"var(--ds-border-radius, 4px)"} ${"var(--ds-border-radius, 4px)"} 0`,
|
|
129
129
|
content: '""'
|
|
130
130
|
}
|
|
131
131
|
});
|
|
@@ -29,7 +29,7 @@ const skeletonStyles = css({
|
|
|
29
29
|
// This is a little bespoke but we need to push everything down 1px
|
|
30
30
|
// because the skeleton content should align to the bottom of the text.
|
|
31
31
|
// Confirm VR test failures before accepting a change.
|
|
32
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
33
33
|
marginTop: 1,
|
|
34
34
|
backgroundColor: skeletonColor,
|
|
35
35
|
borderRadius: skeletonTextBorderRadius,
|
|
@@ -65,9 +65,9 @@ const beforeElementStyles = css({
|
|
|
65
65
|
'::before': {
|
|
66
66
|
width: skeletonItemElemSize,
|
|
67
67
|
height: skeletonItemElemSize,
|
|
68
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
68
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
69
69
|
marginRight: itemElemSpacing + itemElemSkeletonOffset,
|
|
70
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
70
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
71
71
|
marginLeft: itemElemSkeletonOffset,
|
|
72
72
|
flexShrink: 0,
|
|
73
73
|
backgroundColor: skeletonColor,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage
|
|
2
|
+
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
3
3
|
/** @jsx jsx */
|
|
4
4
|
import { Children, forwardRef, Fragment } from 'react';
|
|
5
5
|
import { css, jsx } from '@emotion/react';
|
package/dist/es2019/version.json
CHANGED
|
@@ -128,7 +128,7 @@ var selectedNotchStyles = css({
|
|
|
128
128
|
bottom: "var(--ds-space-150, 12px)",
|
|
129
129
|
left: 0,
|
|
130
130
|
background: "var(--ds-border-selected, transparent)",
|
|
131
|
-
borderRadius:
|
|
131
|
+
borderRadius: "0 ".concat("var(--ds-border-radius, 4px)", " ", "var(--ds-border-radius, 4px)", " 0"),
|
|
132
132
|
content: '""'
|
|
133
133
|
}
|
|
134
134
|
});
|
|
@@ -29,7 +29,7 @@ var skeletonStyles = css({
|
|
|
29
29
|
// This is a little bespoke but we need to push everything down 1px
|
|
30
30
|
// because the skeleton content should align to the bottom of the text.
|
|
31
31
|
// Confirm VR test failures before accepting a change.
|
|
32
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
32
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
33
33
|
marginTop: 1,
|
|
34
34
|
backgroundColor: skeletonColor,
|
|
35
35
|
borderRadius: skeletonTextBorderRadius,
|
|
@@ -65,9 +65,9 @@ var beforeElementStyles = css({
|
|
|
65
65
|
'::before': {
|
|
66
66
|
width: skeletonItemElemSize,
|
|
67
67
|
height: skeletonItemElemSize,
|
|
68
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
68
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
69
69
|
marginRight: itemElemSpacing + itemElemSkeletonOffset,
|
|
70
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
70
|
+
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
71
71
|
marginLeft: itemElemSkeletonOffset,
|
|
72
72
|
flexShrink: 0,
|
|
73
73
|
backgroundColor: skeletonColor,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["children", "overrides", "title", "testId", "isScrollable", "hasSeparator", "id", "isList"];
|
|
4
|
-
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage
|
|
4
|
+
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
5
5
|
/** @jsx jsx */
|
|
6
6
|
import { Children, forwardRef, Fragment } from 'react';
|
|
7
7
|
import { css, jsx } from '@emotion/react';
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.2",
|
|
4
4
|
"description": "A collection of composable menu components that can be used anywhere.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
52
52
|
"@atlaskit/focus-ring": "^1.3.0",
|
|
53
53
|
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
54
|
-
"@atlaskit/primitives": "^0.
|
|
54
|
+
"@atlaskit/primitives": "^0.15.0",
|
|
55
55
|
"@atlaskit/theme": "^12.5.0",
|
|
56
|
-
"@atlaskit/tokens": "^1.
|
|
56
|
+
"@atlaskit/tokens": "^1.11.0",
|
|
57
57
|
"@babel/runtime": "^7.0.0",
|
|
58
58
|
"@emotion/react": "^11.7.1"
|
|
59
59
|
},
|