@gympass/yoga 7.60.1 → 7.61.0

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 (5) hide show
  1. package/cjs/Menu/web/Menu.js +1 -1
  2. package/cjs/Menu/web/MenuList.js +14 -7
  3. package/esm/Menu/web/Menu.js +1 -1
  4. package/esm/Menu/web/MenuList.js +14 -7
  5. package/package.json +2 -2
package/cjs/Menu/web/Menu.js CHANGED
@@ -44,7 +44,7 @@ var Menu = function Menu(_ref) {
44
44
  Menu.propTypes = {
45
45
  children: _propTypes.node.isRequired,
46
46
 
47
- /** when mouse hover menu open as deafault is true */
47
+ /** when mouse hover menu open as default is true */
48
48
  onMouseHover: _propTypes.bool
49
49
  };
50
50
  Menu.defaultProps = {
package/cjs/Menu/web/MenuList.js CHANGED
@@ -24,23 +24,26 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
24
24
  function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
25
25
 
26
26
  var StyledMenuList = (0, _styledComponents["default"])(_reactDropdownMenu.Content)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n ", "\n"])), function (_ref) {
27
- var _ref$theme$yoga = _ref.theme.yoga,
27
+ var zIndex = _ref.zIndex,
28
+ _ref$theme$yoga = _ref.theme.yoga,
28
29
  menu = _ref$theme$yoga.components.menu,
29
30
  elevations = _ref$theme$yoga.elevations;
30
- return "\n margin: " + menu.margin["default"] + "px 0;\n padding: 0;\n min-width: " + menu.width.min + "px;\n max-width: " + menu.width.max + "px;\n border-radius: " + menu.border.radius + "px;\n\n background-color: " + menu.backgroundColor.white + ";\n box-shadow: " + elevations.small + "\n ";
31
+ return "\n margin: " + menu.margin["default"] + "px 0;\n padding: 0;\n min-width: " + menu.width.min + "px;\n max-width: " + menu.width.max + "px;\n border-radius: " + menu.border.radius + "px;\n\n background-color: " + menu.backgroundColor.white + ";\n box-shadow: " + elevations.small + "\n z-index: " + zIndex + ";\n\n ";
31
32
  });
32
33
  var MenuList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
33
34
  var children = _ref2.children,
34
35
  align = _ref2.align,
35
36
  alignOffset = _ref2.alignOffset,
36
37
  side = _ref2.side,
37
- sideOffset = _ref2.sideOffset;
38
+ sideOffset = _ref2.sideOffset,
39
+ zIndex = _ref2.zIndex;
38
40
  return /*#__PURE__*/_react["default"].createElement(_reactDropdownMenu.Portal, null, /*#__PURE__*/_react["default"].createElement(StyledMenuList, {
41
+ align: align,
42
+ alignOffset: alignOffset,
39
43
  asChild: true,
40
44
  side: side,
41
45
  sideOffset: sideOffset,
42
- align: align,
43
- alignOffset: alignOffset
46
+ zIndex: zIndex
44
47
  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
45
48
  as: "ul",
46
49
  m: "zero",
@@ -61,13 +64,17 @@ MenuList.propTypes = {
61
64
  side: (0, _propTypes.oneOf)(['top', 'right', 'bottom', 'left']),
62
65
 
63
66
  /** Add horizontal space between the Menu.Action and the Menu.List */
64
- sideOffset: _propTypes.number
67
+ sideOffset: _propTypes.number,
68
+
69
+ /** Add z-index value to Menu.List. Set to 'auto' by default */
70
+ zIndex: _propTypes.number
65
71
  };
66
72
  MenuList.defaultProps = {
67
73
  align: 'start',
68
74
  alignOffset: 0,
69
75
  side: 'bottom',
70
- sideOffset: 4
76
+ sideOffset: 4,
77
+ zIndex: 'auto'
71
78
  };
72
79
  MenuList.displayName = 'Menu.List';
73
80
  var _default = MenuList;
package/esm/Menu/web/Menu.js CHANGED
@@ -35,7 +35,7 @@ var Menu = function Menu(_ref) {
35
35
  Menu.propTypes = {
36
36
  children: node.isRequired,
37
37
 
38
- /** when mouse hover menu open as deafault is true */
38
+ /** when mouse hover menu open as default is true */
39
39
  onMouseHover: bool
40
40
  };
41
41
  Menu.defaultProps = {
package/esm/Menu/web/MenuList.js CHANGED
@@ -8,23 +8,26 @@ import { Content as MenuListRoot, Portal } from '@radix-ui/react-dropdown-menu';
8
8
  import { node, number, oneOf } from 'prop-types';
9
9
  import Box from '../../Box';
10
10
  var StyledMenuList = styled(MenuListRoot)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n ", "\n"])), function (_ref) {
11
- var _ref$theme$yoga = _ref.theme.yoga,
11
+ var zIndex = _ref.zIndex,
12
+ _ref$theme$yoga = _ref.theme.yoga,
12
13
  menu = _ref$theme$yoga.components.menu,
13
14
  elevations = _ref$theme$yoga.elevations;
14
- return "\n margin: " + menu.margin["default"] + "px 0;\n padding: 0;\n min-width: " + menu.width.min + "px;\n max-width: " + menu.width.max + "px;\n border-radius: " + menu.border.radius + "px;\n\n background-color: " + menu.backgroundColor.white + ";\n box-shadow: " + elevations.small + "\n ";
15
+ return "\n margin: " + menu.margin["default"] + "px 0;\n padding: 0;\n min-width: " + menu.width.min + "px;\n max-width: " + menu.width.max + "px;\n border-radius: " + menu.border.radius + "px;\n\n background-color: " + menu.backgroundColor.white + ";\n box-shadow: " + elevations.small + "\n z-index: " + zIndex + ";\n\n ";
15
16
  });
16
17
  var MenuList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
17
18
  var children = _ref2.children,
18
19
  align = _ref2.align,
19
20
  alignOffset = _ref2.alignOffset,
20
21
  side = _ref2.side,
21
- sideOffset = _ref2.sideOffset;
22
+ sideOffset = _ref2.sideOffset,
23
+ zIndex = _ref2.zIndex;
22
24
  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(StyledMenuList, {
25
+ align: align,
26
+ alignOffset: alignOffset,
23
27
  asChild: true,
24
28
  side: side,
25
29
  sideOffset: sideOffset,
26
- align: align,
27
- alignOffset: alignOffset
30
+ zIndex: zIndex
28
31
  }, /*#__PURE__*/React.createElement(Box, {
29
32
  as: "ul",
30
33
  m: "zero",
@@ -45,13 +48,17 @@ MenuList.propTypes = {
45
48
  side: oneOf(['top', 'right', 'bottom', 'left']),
46
49
 
47
50
  /** Add horizontal space between the Menu.Action and the Menu.List */
48
- sideOffset: number
51
+ sideOffset: number,
52
+
53
+ /** Add z-index value to Menu.List. Set to 'auto' by default */
54
+ zIndex: number
49
55
  };
50
56
  MenuList.defaultProps = {
51
57
  align: 'start',
52
58
  alignOffset: 0,
53
59
  side: 'bottom',
54
- sideOffset: 4
60
+ sideOffset: 4,
61
+ zIndex: 'auto'
55
62
  };
56
63
  MenuList.displayName = 'Menu.List';
57
64
  export default MenuList;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.60.1",
3
+ "version": "7.61.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -52,7 +52,7 @@
52
52
  "react": ">=16",
53
53
  "styled-components": "^4.4.0"
54
54
  },
55
- "gitHead": "f2b47049ebf63e4db6f58dfc98ea708b39065aee",
55
+ "gitHead": "5f2f57a3bb4ab0c128992a49ed4d5ebb79abba73",
56
56
  "module": "./esm",
57
57
  "private": false,
58
58
  "react-native": "./cjs/index.native.js"