@atlaskit/menu 1.7.9 → 1.8.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.
- package/CHANGELOG.md +16 -0
- package/dist/cjs/internal/components/menu-item-primitive.js +1 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/internal/components/menu-item-primitive.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/internal/components/menu-item-primitive.js +1 -1
- package/dist/esm/version.json +1 -1
- package/dist/types/internal/components/menu-context.d.ts +1 -1
- package/dist/types-ts4.5/internal/components/menu-context.d.ts +1 -1
- package/package.json +4 -4
- package/report.api.md +3 -1
- package/tmp/api-report-tmp.d.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 1.8.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 1.8.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [`b53207f89ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b53207f89ef) - The internal menu context now can have no border or notch for the selected state. This is being tested under a feature flag and if successful will be available in a later release.
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 1.7.9
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -203,7 +203,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
|
|
|
203
203
|
return (0, _react2.jsx)(_focusRing.default, {
|
|
204
204
|
isInset: true
|
|
205
205
|
}, children({
|
|
206
|
-
className: cx([cn([(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9') &&
|
|
206
|
+
className: cx([cn([(0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9') && [selectionStyle === 'border' && selectedBorderStyles, selectionStyle === 'notch' && selectedNotchStyles]], isDisabled ? disabledStyles : interactiveStyles]), className]),
|
|
207
207
|
children: (0, _react2.jsx)(_inline.default, {
|
|
208
208
|
as: "span",
|
|
209
209
|
spread: "space-between",
|
package/dist/cjs/version.json
CHANGED
|
@@ -190,7 +190,7 @@ const MenuItemPrimitive = ({
|
|
|
190
190
|
return jsx(FocusRing, {
|
|
191
191
|
isInset: true
|
|
192
192
|
}, children({
|
|
193
|
-
className: cx([cn([getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') &&
|
|
193
|
+
className: cx([cn([getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && [selectionStyle === 'border' && selectedBorderStyles, selectionStyle === 'notch' && selectedNotchStyles]], isDisabled ? disabledStyles : interactiveStyles]), className]),
|
|
194
194
|
children: jsx(Inline, {
|
|
195
195
|
as: "span",
|
|
196
196
|
spread: "space-between",
|
package/dist/es2019/version.json
CHANGED
|
@@ -195,7 +195,7 @@ var MenuItemPrimitive = function MenuItemPrimitive(_ref) {
|
|
|
195
195
|
return jsx(FocusRing, {
|
|
196
196
|
isInset: true
|
|
197
197
|
}, children({
|
|
198
|
-
className: cx([cn([getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') &&
|
|
198
|
+
className: cx([cn([getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && positionRelativeStyles, primitiveStyles, spacingMapStyles[spacing], !isDisabled && !isSelected && unselectedStyles, !isDisabled && isSelected && [selectedStyles, getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9') && [selectionStyle === 'border' && selectedBorderStyles, selectionStyle === 'notch' && selectedNotchStyles]], isDisabled ? disabledStyles : interactiveStyles]), className]),
|
|
199
199
|
children: jsx(Inline, {
|
|
200
200
|
as: "span",
|
|
201
201
|
spread: "space-between",
|
package/dist/esm/version.json
CHANGED
|
@@ -15,4 +15,4 @@ export declare const SpacingContext: import("react").Context<SpacingMode>;
|
|
|
15
15
|
*
|
|
16
16
|
* @internal Do not use directly.
|
|
17
17
|
*/
|
|
18
|
-
export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border">;
|
|
18
|
+
export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border" | "none">;
|
|
@@ -15,4 +15,4 @@ export declare const SpacingContext: import("react").Context<SpacingMode>;
|
|
|
15
15
|
*
|
|
16
16
|
* @internal Do not use directly.
|
|
17
17
|
*/
|
|
18
|
-
export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border">;
|
|
18
|
+
export declare const SELECTION_STYLE_CONTEXT_DO_NOT_USE: import("react").Context<"notch" | "border" | "none">;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.8.1",
|
|
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.14.0",
|
|
55
55
|
"@atlaskit/theme": "^12.5.0",
|
|
56
|
-
"@atlaskit/tokens": "^1.
|
|
56
|
+
"@atlaskit/tokens": "^1.9.0",
|
|
57
57
|
"@babel/runtime": "^7.0.0",
|
|
58
58
|
"@emotion/react": "^11.7.1"
|
|
59
59
|
},
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"react-dom": "^16.8.0"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@atlaskit/button": "^16.
|
|
65
|
+
"@atlaskit/button": "^16.8.0",
|
|
66
66
|
"@atlaskit/docs": "*",
|
|
67
67
|
"@atlaskit/icon": "^21.12.0",
|
|
68
68
|
"@atlaskit/icon-file-type": "^6.4.0",
|
package/report.api.md
CHANGED
|
@@ -211,7 +211,9 @@ export { SectionProps as SectionBaseProps };
|
|
|
211
211
|
export { SectionProps };
|
|
212
212
|
|
|
213
213
|
// @internal
|
|
214
|
-
export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<
|
|
214
|
+
export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<
|
|
215
|
+
'border' | 'none' | 'notch'
|
|
216
|
+
>;
|
|
215
217
|
|
|
216
218
|
// @public
|
|
217
219
|
export const SkeletonHeadingItem: ({
|
package/tmp/api-report-tmp.d.ts
CHANGED
|
@@ -169,7 +169,7 @@ export { SectionProps as SectionBaseProps }
|
|
|
169
169
|
export { SectionProps }
|
|
170
170
|
|
|
171
171
|
// @internal
|
|
172
|
-
export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<"border" | "notch">;
|
|
172
|
+
export const SELECTION_STYLE_CONTEXT_DO_NOT_USE: Context<"border" | "none" | "notch">;
|
|
173
173
|
|
|
174
174
|
// @public
|
|
175
175
|
export const SkeletonHeadingItem: ({ isShimmering, testId, width, cssFn, }: SkeletonHeadingItemProps) => jsx.JSX.Element;
|