@gympass/yoga 7.74.0 → 7.75.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.
@@ -24,11 +24,13 @@ var StyledBottomSheet = (0, _styledComponents["default"])(_Dialog["default"])(_t
24
24
  return "\n padding: " + bottomsheet.padding.top + "px " + bottomsheet.padding.right + "px " + bottomsheet.padding.bottom + "px " + bottomsheet.padding.left + "px;\n width: " + bottomsheet.width["default"] + "%;\n border-radius: " + bottomsheet.border.radius + "px " + bottomsheet.border.radius + "px 0 0;\n ";
25
25
  });
26
26
 
27
- var BottomSheet = function BottomSheet(props) {
27
+ var BottomSheet = /*#__PURE__*/_react["default"].forwardRef(function (props, forwardedRef) {
28
28
  return /*#__PURE__*/_react["default"].createElement(StyledBottomSheet, _extends({
29
29
  hideCloseButton: true
30
- }, props));
31
- };
30
+ }, props, {
31
+ ref: forwardedRef
32
+ }));
33
+ });
32
34
 
33
35
  BottomSheet.propTypes = {
34
36
  children: _propTypes.node.isRequired
@@ -15,6 +15,8 @@ var _templateObject;
15
15
 
16
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
17
 
18
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
19
+
18
20
  function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
19
21
 
20
22
  var StyledDrawer = (0, _styledComponents["default"])(_Dialog["default"])(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n ", "\n border-radius: 0!important;\n height: 100%;\n align-self: flex-end;\n position: absolute;\n right: 0;\n animation: content;\n animation-duration: 400ms;\n animation-fill-mode: forwards;\n transition: 0.25s ease-in-out;\n @keyframes content {\n 0% {\n transform: translate3d(100%, 0, 0);\n }\n }\n"])), function (_ref) {
@@ -22,9 +24,11 @@ var StyledDrawer = (0, _styledComponents["default"])(_Dialog["default"])(_templa
22
24
  return "\n padding: " + drawer.padding.top + "px " + drawer.padding.right + "px " + drawer.padding.bottom + "px " + drawer.padding.left + "px;\n width: min(" + drawer.width["default"] + "px, 100%);\n ";
23
25
  });
24
26
 
25
- function Drawer(props) {
26
- return /*#__PURE__*/_react["default"].createElement(StyledDrawer, props);
27
- }
27
+ var Drawer = /*#__PURE__*/_react["default"].forwardRef(function (props, forwardedRef) {
28
+ return /*#__PURE__*/_react["default"].createElement(StyledDrawer, _extends({}, props, {
29
+ ref: forwardedRef
30
+ }));
31
+ });
28
32
 
29
33
  Drawer.propTypes = {
30
34
  children: _propTypes.node.isRequired,
@@ -12,13 +12,13 @@ var StyledBottomSheet = styled(Dialog)(_templateObject || (_templateObject = _ta
12
12
  var bottomsheet = _ref.theme.yoga.components.bottomsheet;
13
13
  return "\n padding: " + bottomsheet.padding.top + "px " + bottomsheet.padding.right + "px " + bottomsheet.padding.bottom + "px " + bottomsheet.padding.left + "px;\n width: " + bottomsheet.width["default"] + "%;\n border-radius: " + bottomsheet.border.radius + "px " + bottomsheet.border.radius + "px 0 0;\n ";
14
14
  });
15
-
16
- var BottomSheet = function BottomSheet(props) {
15
+ var BottomSheet = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
17
16
  return /*#__PURE__*/React.createElement(StyledBottomSheet, _extends({
18
17
  hideCloseButton: true
19
- }, props));
20
- };
21
-
18
+ }, props, {
19
+ ref: forwardedRef
20
+ }));
21
+ });
22
22
  BottomSheet.propTypes = {
23
23
  children: node.isRequired
24
24
  };
@@ -1,5 +1,7 @@
1
1
  var _templateObject;
2
2
 
3
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
+
3
5
  function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
4
6
 
5
7
  import React from 'react';
@@ -10,11 +12,11 @@ var StyledDrawer = styled(Dialog)(_templateObject || (_templateObject = _taggedT
10
12
  var drawer = _ref.theme.yoga.components.drawer;
11
13
  return "\n padding: " + drawer.padding.top + "px " + drawer.padding.right + "px " + drawer.padding.bottom + "px " + drawer.padding.left + "px;\n width: min(" + drawer.width["default"] + "px, 100%);\n ";
12
14
  });
13
-
14
- function Drawer(props) {
15
- return /*#__PURE__*/React.createElement(StyledDrawer, props);
16
- }
17
-
15
+ var Drawer = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
16
+ return /*#__PURE__*/React.createElement(StyledDrawer, _extends({}, props, {
17
+ ref: forwardedRef
18
+ }));
19
+ });
18
20
  Drawer.propTypes = {
19
21
  children: node.isRequired,
20
22
  zIndex: number
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.74.0",
3
+ "version": "7.75.0",
4
4
  "description": "Gympass component library",
5
5
  "main": "./cjs",
6
6
  "sideEffects": false,
@@ -53,7 +53,7 @@
53
53
  "react": ">=16",
54
54
  "styled-components": "^4.4.0"
55
55
  },
56
- "gitHead": "21322a4a3a083f86796151e7687dd2b257fe445e",
56
+ "gitHead": "3021170197063b0bf7effd70fcd62c544361a132",
57
57
  "module": "./esm",
58
58
  "private": false,
59
59
  "react-native": "./cjs/index.native.js"