@gympass/yoga 7.63.0 → 7.64.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.
@@ -25,9 +25,10 @@ var Accordion = function Accordion(_ref) {
25
25
  var title = _ref.title,
26
26
  subtitle = _ref.subtitle,
27
27
  children = _ref.children,
28
- disabled = _ref.disabled;
28
+ disabled = _ref.disabled,
29
+ expanded = _ref.expanded;
29
30
 
30
- var _useState = (0, _react.useState)(false),
31
+ var _useState = (0, _react.useState)(expanded),
31
32
  open = _useState[0],
32
33
  setOpen = _useState[1];
33
34
 
@@ -95,11 +96,13 @@ Accordion.propTypes = {
95
96
  title: _propTypes.string.isRequired,
96
97
  subtitle: _propTypes.string,
97
98
  children: _propTypes.node.isRequired,
98
- disabled: _propTypes.bool
99
+ disabled: _propTypes.bool,
100
+ expanded: _propTypes.bool
99
101
  };
100
102
  Accordion.defaultProps = {
101
103
  subtitle: undefined,
102
- disabled: false
104
+ disabled: false,
105
+ expanded: false
103
106
  };
104
107
  var _default = Accordion;
105
108
  exports["default"] = _default;
@@ -48,7 +48,8 @@ var Dropdown = function Dropdown(_ref) {
48
48
  button: {
49
49
  padding: {
50
50
  right: spacing.small,
51
- top: spacing.small
51
+ top: spacing.small,
52
+ bottom: spacing.small
52
53
  }
53
54
  },
54
55
  optionsList: {
@@ -70,7 +70,7 @@ var Field = (0, _styledComponents["default"])(_Input["default"])(_templateObject
70
70
  var Button = _styledComponents["default"].button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref5) {
71
71
  var disabled = _ref5.disabled,
72
72
  dropdown = _ref5.theme.yoga.components.dropdown;
73
- return "\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n padding-right: " + dropdown.button.padding.right + "px;\n padding-top: " + dropdown.button.padding.top + "px;\n\n border: none;\n outline: none;\n background-color: transparent;\n cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n ";
73
+ return "\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n padding-right: " + dropdown.button.padding.right + "px;\n padding-top: " + dropdown.button.padding.top + "px;\n padding-bottom: " + dropdown.button.padding.bottom + "px;\n\n border: none;\n outline: none;\n background-color: transparent;\n cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n ";
74
74
  });
75
75
 
76
76
  var OptionsList = _styledComponents["default"].ul(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref6) {
@@ -12,9 +12,10 @@ var Accordion = function Accordion(_ref) {
12
12
  var title = _ref.title,
13
13
  subtitle = _ref.subtitle,
14
14
  children = _ref.children,
15
- disabled = _ref.disabled;
15
+ disabled = _ref.disabled,
16
+ expanded = _ref.expanded;
16
17
 
17
- var _useState = useState(false),
18
+ var _useState = useState(expanded),
18
19
  open = _useState[0],
19
20
  setOpen = _useState[1];
20
21
 
@@ -77,10 +78,12 @@ Accordion.propTypes = {
77
78
  title: string.isRequired,
78
79
  subtitle: string,
79
80
  children: node.isRequired,
80
- disabled: bool
81
+ disabled: bool,
82
+ expanded: bool
81
83
  };
82
84
  Accordion.defaultProps = {
83
85
  subtitle: undefined,
84
- disabled: false
86
+ disabled: false,
87
+ expanded: false
85
88
  };
86
89
  export default Accordion;
@@ -43,7 +43,8 @@ var Dropdown = function Dropdown(_ref) {
43
43
  button: {
44
44
  padding: {
45
45
  right: spacing.small,
46
- top: spacing.small
46
+ top: spacing.small,
47
+ bottom: spacing.small
47
48
  }
48
49
  },
49
50
  optionsList: {
@@ -48,7 +48,7 @@ var Field = styled(Input)(_templateObject5 || (_templateObject5 = _taggedTemplat
48
48
  var Button = styled.button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref5) {
49
49
  var disabled = _ref5.disabled,
50
50
  dropdown = _ref5.theme.yoga.components.dropdown;
51
- return "\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n padding-right: " + dropdown.button.padding.right + "px;\n padding-top: " + dropdown.button.padding.top + "px;\n\n border: none;\n outline: none;\n background-color: transparent;\n cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n ";
51
+ return "\n display: flex;\n align-content: center;\n align-items: center;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n left: 0;\n\n width: 100%;\n padding-right: " + dropdown.button.padding.right + "px;\n padding-top: " + dropdown.button.padding.top + "px;\n padding-bottom: " + dropdown.button.padding.bottom + "px;\n\n border: none;\n outline: none;\n background-color: transparent;\n cursor: " + (disabled ? 'not-allowed' : 'pointer') + ";\n ";
52
52
  });
53
53
  var OptionsList = styled.ul(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref6) {
54
54
  var dropdown = _ref6.theme.yoga.components.dropdown;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gympass/yoga",
3
- "version": "7.63.0",
3
+ "version": "7.64.1",
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": "8e7b8879e740dbf484707010420fe7719fd6e4a0",
55
+ "gitHead": "3910da6c8fe667accc333d8e6badc24f139715ec",
56
56
  "module": "./esm",
57
57
  "private": false,
58
58
  "react-native": "./cjs/index.native.js"