@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 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') && (selectionStyle === 'border' ? selectedBorderStyles : selectedNotchStyles)], isDisabled ? disabledStyles : interactiveStyles]), className]),
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",
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.7.9",
3
+ "version": "1.8.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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') && (selectionStyle === 'border' ? selectedBorderStyles : selectedNotchStyles)], isDisabled ? disabledStyles : interactiveStyles]), className]),
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",
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.7.9",
3
+ "version": "1.8.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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') && (selectionStyle === 'border' ? selectedBorderStyles : selectedNotchStyles)], isDisabled ? disabledStyles : interactiveStyles]), className]),
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",
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/menu",
3
- "version": "1.7.9",
3
+ "version": "1.8.1",
4
4
  "sideEffects": false
5
5
  }
@@ -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.7.9",
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.12.0",
54
+ "@atlaskit/primitives": "^0.14.0",
55
55
  "@atlaskit/theme": "^12.5.0",
56
- "@atlaskit/tokens": "^1.5.0",
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.7.0",
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<'border' | 'notch'>;
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: ({
@@ -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;