@gympass/yoga 7.45.0 → 7.46.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 (3) hide show
  1. package/cjs/Menu/web/MenuList.js +25 -7
  2. package/esm/Menu/web/MenuList.js +26 -8
  3. package/package.json +2 -2
package/cjs/Menu/web/MenuList.js CHANGED
@@ -31,25 +31,43 @@ var StyledMenuList = (0, _styledComponents["default"])(_reactDropdownMenu.Conten
31
31
  });
32
32
  var MenuList = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
33
33
  var children = _ref2.children,
34
- align = _ref2.align;
34
+ align = _ref2.align,
35
+ alignOffset = _ref2.alignOffset,
36
+ side = _ref2.side,
37
+ sideOffset = _ref2.sideOffset;
35
38
  return /*#__PURE__*/_react["default"].createElement(StyledMenuList, {
36
39
  asChild: true,
37
- sideOffset: 2,
38
- alignOffset: -5,
39
- align: align
40
+ side: side,
41
+ sideOffset: sideOffset,
42
+ align: align,
43
+ alignOffset: alignOffset
40
44
  }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
41
45
  as: "ul",
46
+ m: "zero",
42
47
  ref: ref
43
48
  }, children));
44
49
  });
45
50
  MenuList.propTypes = {
51
+ /** Component to be rendered inside the Menu.List container */
46
52
  children: _propTypes.node.isRequired,
47
53
 
48
- /** Align Menu is a alignement that menu will appear on the screen | start | center | end */
49
- align: _propTypes.string
54
+ /** Setup the vertical placement relative to Menu.Action component */
55
+ align: (0, _propTypes.oneOf)(['start', 'center', 'end']),
56
+
57
+ /** Add vertical space between the Menu.Action and the Menu.List */
58
+ alignOffset: _propTypes.number,
59
+
60
+ /** Setup the horizontal placement relative to Menu.Action component */
61
+ side: (0, _propTypes.oneOf)(['top', 'right', 'bottom', 'left']),
62
+
63
+ /** Add horizontal space between the Menu.Action and the Menu.List */
64
+ sideOffset: _propTypes.number
50
65
  };
51
66
  MenuList.defaultProps = {
52
- align: 'start'
67
+ align: 'start',
68
+ alignOffset: 0,
69
+ side: 'bottom',
70
+ sideOffset: 4
53
71
  };
54
72
  MenuList.displayName = 'Menu.List';
55
73
  var _default = MenuList;
package/esm/Menu/web/MenuList.js CHANGED
@@ -5,7 +5,7 @@ function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.s
5
5
  import React, { forwardRef } from 'react';
6
6
  import styled from 'styled-components';
7
7
  import { Content as MenuListRoot } from '@radix-ui/react-dropdown-menu';
8
- import { node, string } from 'prop-types';
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
11
  var _ref$theme$yoga = _ref.theme.yoga,
@@ -15,25 +15,43 @@ var StyledMenuList = styled(MenuListRoot)(_templateObject || (_templateObject =
15
15
  });
16
16
  var MenuList = /*#__PURE__*/forwardRef(function (_ref2, ref) {
17
17
  var children = _ref2.children,
18
- align = _ref2.align;
18
+ align = _ref2.align,
19
+ alignOffset = _ref2.alignOffset,
20
+ side = _ref2.side,
21
+ sideOffset = _ref2.sideOffset;
19
22
  return /*#__PURE__*/React.createElement(StyledMenuList, {
20
23
  asChild: true,
21
- sideOffset: 2,
22
- alignOffset: -5,
23
- align: align
24
+ side: side,
25
+ sideOffset: sideOffset,
26
+ align: align,
27
+ alignOffset: alignOffset
24
28
  }, /*#__PURE__*/React.createElement(Box, {
25
29
  as: "ul",
30
+ m: "zero",
26
31
  ref: ref
27
32
  }, children));
28
33
  });
29
34
  MenuList.propTypes = {
35
+ /** Component to be rendered inside the Menu.List container */
30
36
  children: node.isRequired,
31
37
 
32
- /** Align Menu is a alignement that menu will appear on the screen | start | center | end */
33
- align: string
38
+ /** Setup the vertical placement relative to Menu.Action component */
39
+ align: oneOf(['start', 'center', 'end']),
40
+
41
+ /** Add vertical space between the Menu.Action and the Menu.List */
42
+ alignOffset: number,
43
+
44
+ /** Setup the horizontal placement relative to Menu.Action component */
45
+ side: oneOf(['top', 'right', 'bottom', 'left']),
46
+
47
+ /** Add horizontal space between the Menu.Action and the Menu.List */
48
+ sideOffset: number
34
49
  };
35
50
  MenuList.defaultProps = {
36
- align: 'start'
51
+ align: 'start',
52
+ alignOffset: 0,
53
+ side: 'bottom',
54
+ sideOffset: 4
37
55
  };
38
56
  MenuList.displayName = 'Menu.List';
39
57
  export default MenuList;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.45.0",
3
+ "version": "7.46.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -51,7 +51,7 @@
51
51
  "react": ">=16",
52
52
  "styled-components": "^4.4.0"
53
53
  },
54
- "gitHead": "4e607bdc60a2d1a57338f2294debb4be08341573",
54
+ "gitHead": "2bdf788e27df157afdb419bb89e78145ac147f07",
55
55
  "module": "./esm",
56
56
  "private": false,
57
57
  "react-native": "./cjs/index.native.js"