@micromag/core 0.3.36 → 0.3.53

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 (8) hide show
  1. package/assets/css/styles.css +2 -1
  2. package/es/components.js +31 -28
  3. package/es/hooks.js +3 -1
  4. package/es/index.js +2 -1
  5. package/lib/components.js +31 -28
  6. package/lib/hooks.js +3 -1
  7. package/lib/index.js +2 -1
  8. package/package.json +2 -2
package/assets/css/styles.css CHANGED
@@ -4,6 +4,7 @@
4
4
  .micromag-core-partials-link-withoutStyle{color:inherit;text-decoration:none}.micromag-core-partials-link-withoutStyle:hover{color:inherit;text-decoration:none}
5
5
 
6
6
  .micromag-core-menus-breadcrumb-container .micromag-core-menus-breadcrumb-arrow+.micromag-core-menus-breadcrumb-arrow:before{content:">"}
7
+ .micromag-core-menus-navbar-collapse{-webkit-flex-basis:auto;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}@media screen and (min-width:768px){.micromag-core-menus-navbar-collapse{-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}}
7
8
 
8
9
  .micromag-core-menus-tabs-container{display:inline-block;position:relative}
9
10
  .micromag-core-modals-container{position:static}.micromag-core-modals-modals.micromag-core-modals-hasModals{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background-color:rgba(28,28,28,.2)}
@@ -20,7 +21,7 @@
20
21
  .micromag-core-placeholders-icon{color:#1c1c1c}
21
22
  .micromag-core-partials-placeholder-text-container{width:100%;padding:2px;mix-blend-mode:difference}.micromag-core-partials-placeholder-text-container .micromag-core-partials-placeholder-text-line{height:16px;background-color:hsla(0,0%,100%,.6)}
22
23
  .micromag-core-placeholders-map-container:before{position:absolute;top:0;left:0;width:100%;height:100%}.micromag-core-placeholders-map-container{position:relative}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon{position:absolute;width:15%;height:15%;color:#1c1c1c}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:first-child{top:10%;left:40%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(2){top:35%;left:60%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(3){top:50%;left:15%}.micromag-core-placeholders-map-container .micromag-core-placeholders-map-icon:nth-child(4){top:70%;left:60%}.micromag-core-placeholders-map-container:before{content:"";display:block;opacity:.2;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAEyCAYAAABnKjtfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDU4NzhDN0UyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NzhDN0QyODU2MTFFQkI3MTBBRTZGMTAwMEE1QTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNTg3OEM3OTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowNTg3OEM3QTI4NTYxMUVCQjcxMEFFNkYxMDAwQTVBMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpB4mwIAAAxNSURBVHja7J1B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");background-size:cover}
23
- .micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{margin-bottom:5px;color:#1c1c1c}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{font-size:.75em;color:#1c1c1c}
24
+ .micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-box{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-icon{margin-bottom:5px;color:#1c1c1c}.micromag-core-placeholders-video-360-container .micromag-core-placeholders-video-360-label{color:#1c1c1c;font-size:.75em}
24
25
  .micromag-core-screens-screen-sizer-container,.micromag-core-screens-screen-sizer-frame{position:relative}.micromag-core-screens-screen-sizer-screen{position:absolute;top:0;left:0;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}
25
26
  .micromag-core-screens-screen-container{font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.1}.micromag-core-screens-screen-container address,.micromag-core-screens-screen-container blockquote,.micromag-core-screens-screen-container caption,.micromag-core-screens-screen-container dl,.micromag-core-screens-screen-container figure,.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container label,.micromag-core-screens-screen-container legend,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container ol,.micromag-core-screens-screen-container p,.micromag-core-screens-screen-container pre,.micromag-core-screens-screen-container ul{margin:0;padding:0}.micromag-core-screens-screen-container *,.micromag-core-screens-screen-container :after,.micromag-core-screens-screen-container :before{-webkit-box-sizing:border-box;box-sizing:border-box}.micromag-core-screens-screen-container h1,.micromag-core-screens-screen-container h2,.micromag-core-screens-screen-container h3,.micromag-core-screens-screen-container h4,.micromag-core-screens-screen-container h5,.micromag-core-screens-screen-container h6,.micromag-core-screens-screen-container li,.micromag-core-screens-screen-container p{font-weight:400}.micromag-core-screens-screen-container{background-color:#1c1c1c;color:#fff}
26
27
  .micromag-core-screens-screen-placeholder-screen{overflow:hidden;background-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
package/es/components.js CHANGED
@@ -54,7 +54,7 @@ var Label = function Label(_ref) {
54
54
  Label.propTypes = propTypes$K;
55
55
  Label.defaultProps = defaultProps$K;
56
56
 
57
- var styles$u = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
57
+ var styles$v = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
58
58
 
59
59
  var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
60
60
  var propTypes$J = {
@@ -161,25 +161,25 @@ var Button$1 = function Button(_ref) {
161
161
  var hasInlineIcon = hasIcon && (iconPosition === 'inline' || text === null);
162
162
  var hasIconColumns = hasIcon && !hasInlineIcon;
163
163
  var content = /*#__PURE__*/React.createElement(React.Fragment, null, hasInlineIcon ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
164
- className: classNames([styles$u.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
164
+ className: classNames([styles$v.icon, _defineProperty({}, iconClassName, iconClassName !== null)])
165
165
  }, icon), text !== null ? /*#__PURE__*/React.createElement("span", {
166
- className: classNames([styles$u.label, _defineProperty({}, labelClassName, labelClassName !== null)])
166
+ className: classNames([styles$v.label, _defineProperty({}, labelClassName, labelClassName !== null)])
167
167
  }, text) : null) : null, hasIconColumns ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
168
- className: classNames([styles$u.left, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
168
+ className: classNames([styles$v.left, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
169
169
  }, iconPosition === 'left' ? icon : null), /*#__PURE__*/React.createElement("span", {
170
- className: classNames([styles$u.center, _defineProperty({}, labelClassName, labelClassName !== null)])
170
+ className: classNames([styles$v.center, _defineProperty({}, labelClassName, labelClassName !== null)])
171
171
  }, text), /*#__PURE__*/React.createElement("span", {
172
- className: classNames([styles$u.right, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
172
+ className: classNames([styles$v.right, _defineProperty({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
173
173
  }, iconPosition === 'right' ? icon : null), hasChildren ? children : null) : null, !hasIcon ? text : null, hasChildren ? children : null);
174
174
  var withStyle = !withoutTheme && !withoutStyle && !asLink;
175
175
  var buttonClassNames = classNames([(_ref7 = {
176
176
  btn: withStyle
177
- }, _defineProperty(_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty(_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty(_ref7, "active", !withoutStyle && active), _ref7), styles$u.container, (_ref8 = {}, _defineProperty(_ref8, styles$u.withoutStyle, withoutStyle), _defineProperty(_ref8, styles$u.withIcon, hasIcon), _defineProperty(_ref8, styles$u.withIconColumns, hasIconColumns), _defineProperty(_ref8, styles$u.withText, text !== null), _defineProperty(_ref8, styles$u.withShadow, withShadow), _defineProperty(_ref8, styles$u.isSmall, small), _defineProperty(_ref8, styles$u.isBig, big), _defineProperty(_ref8, styles$u.isLink, href !== null), _defineProperty(_ref8, styles$u.asLink, asLink), _defineProperty(_ref8, styles$u.isDisabled, disabled), _defineProperty(_ref8, styles$u.isLoading, loading), _defineProperty(_ref8, className, className !== null), _ref8)]);
177
+ }, _defineProperty(_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty(_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty(_ref7, "active", !withoutStyle && active), _ref7), styles$v.container, (_ref8 = {}, _defineProperty(_ref8, styles$v.withoutStyle, withoutStyle), _defineProperty(_ref8, styles$v.withIcon, hasIcon), _defineProperty(_ref8, styles$v.withIconColumns, hasIconColumns), _defineProperty(_ref8, styles$v.withText, text !== null), _defineProperty(_ref8, styles$v.withShadow, withShadow), _defineProperty(_ref8, styles$v.isSmall, small), _defineProperty(_ref8, styles$v.isBig, big), _defineProperty(_ref8, styles$v.isLink, href !== null), _defineProperty(_ref8, styles$v.asLink, asLink), _defineProperty(_ref8, styles$v.isDisabled, disabled), _defineProperty(_ref8, styles$v.isLoading, loading), _defineProperty(_ref8, className, className !== null), _ref8)]);
178
178
 
179
179
  if (href !== null) {
180
180
  var linkClassNames = classNames([buttonClassNames, _defineProperty({
181
181
  disabled: disabled
182
- }, styles$u.linkDisabled, disabled)]);
182
+ }, styles$v.linkDisabled, disabled)]);
183
183
  return external || direct ? /*#__PURE__*/React.createElement("a", Object.assign({}, props, {
184
184
  href: disabled ? null : href,
185
185
  className: linkClassNames,
@@ -209,7 +209,7 @@ var Button$1 = function Button(_ref) {
209
209
  Button$1.propTypes = propTypes$J;
210
210
  Button$1.defaultProps = defaultProps$J;
211
211
 
212
- var styles$t = {};
212
+ var styles$u = {};
213
213
 
214
214
  var _excluded$9 = ["className", "onClick", "theme"];
215
215
  var propTypes$I = {
@@ -240,7 +240,7 @@ var Buttons = function Buttons(_ref) {
240
240
  buttonClassName = _ref.buttonClassName,
241
241
  className = _ref.className;
242
242
  return /*#__PURE__*/React.createElement("div", {
243
- className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), size !== null), styles$t.container, _defineProperty({}, className, className !== null)]),
243
+ className: classNames(['btn-group', _defineProperty({}, "btn-group-".concat(size), size !== null), styles$u.container, _defineProperty({}, className, className !== null)]),
244
244
  role: "group"
245
245
  }, buttons.map(function (button, index) {
246
246
  var _ref4;
@@ -255,7 +255,7 @@ var Buttons = function Buttons(_ref) {
255
255
 
256
256
  var fixedProps = {
257
257
  key: "button-".concat(index),
258
- className: classNames([styles$t.button, (_ref4 = {}, _defineProperty(_ref4, buttonClassName, buttonClassName !== null), _defineProperty(_ref4, customClassName, customClassName !== null), _ref4)]),
258
+ className: classNames([styles$u.button, (_ref4 = {}, _defineProperty(_ref4, buttonClassName, buttonClassName !== null), _defineProperty(_ref4, customClassName, customClassName !== null), _ref4)]),
259
259
  onClick: function onClick(e) {
260
260
  if (_onClick !== null) {
261
261
  _onClick(e, button, index);
@@ -399,7 +399,7 @@ var FieldForm = function FieldForm(_ref) {
399
399
  FieldForm.propTypes = propTypes$G;
400
400
  FieldForm.defaultProps = defaultProps$G;
401
401
 
402
- var styles$s = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
402
+ var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
403
403
 
404
404
  var propTypes$F = {
405
405
  action: PropTypes$1.string.isRequired,
@@ -578,7 +578,7 @@ var Form = function Form(_ref) {
578
578
 
579
579
  return /*#__PURE__*/React.createElement("form", {
580
580
  action: action,
581
- className: classNames([styles$s.container, _defineProperty({}, className, className !== null)]),
581
+ className: classNames([styles$t.container, _defineProperty({}, className, className !== null)]),
582
582
  method: method,
583
583
  onSubmit: onSubmit
584
584
  }, !withoutBackButton && fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
@@ -588,7 +588,7 @@ var Form = function Form(_ref) {
588
588
  outline: true,
589
589
  onClick: closeFieldForm
590
590
  })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React.createElement("div", {
591
- className: classNames(['w-100', styles$s.panel]),
591
+ className: classNames(['w-100', styles$t.panel]),
592
592
  key: "field"
593
593
  }, /*#__PURE__*/React.createElement(FieldForm, {
594
594
  name: fieldParams.replace(/\//g, '.'),
@@ -604,11 +604,11 @@ var Form = function Form(_ref) {
604
604
  onChange: setValue,
605
605
  gotoFieldForm: gotoFieldForm,
606
606
  closeFieldForm: closeFieldForm,
607
- className: classNames([styles$s.fields, _defineProperty({}, fieldsClassName, fieldsClassName !== null)])
607
+ className: classNames([styles$t.fields, _defineProperty({}, fieldsClassName, fieldsClassName !== null)])
608
608
  }) : null, generalError ? /*#__PURE__*/React.createElement("p", {
609
609
  className: "text-danger my-1"
610
610
  }, generalError) : null, children, !withoutActions && fieldParams === null ? /*#__PURE__*/React.createElement("div", {
611
- className: classNames([styles$s.actions, (_ref4 = {}, _defineProperty(_ref4, styles$s[actionsAlign], actionsAlign), _defineProperty(_ref4, actionsClassName, actionsClassName !== null), _ref4)])
611
+ className: classNames([styles$t.actions, (_ref4 = {}, _defineProperty(_ref4, styles$t[actionsAlign], actionsAlign), _defineProperty(_ref4, actionsClassName, actionsClassName !== null), _ref4)])
612
612
  }, onCancel !== null || onCancelHref !== null ? /*#__PURE__*/React.createElement(Button$1, {
613
613
  type: "button",
614
614
  onClick: onCancel,
@@ -625,7 +625,7 @@ var Form = function Form(_ref) {
625
625
  }]
626
626
  })) : null, buttons !== null ? /*#__PURE__*/React.createElement(Buttons, {
627
627
  buttons: buttons,
628
- className: styles$s.buttons
628
+ className: styles$t.buttons
629
629
  }) : /*#__PURE__*/React.createElement(Button$1, {
630
630
  type: "submit",
631
631
  theme: "primary",
@@ -644,7 +644,7 @@ var Form = function Form(_ref) {
644
644
  Form.propTypes = propTypes$F;
645
645
  Form.defaultProps = defaultProps$F;
646
646
 
647
- var styles$r = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
647
+ var styles$s = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
648
648
 
649
649
  var _excluded$6 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
650
650
  var propTypes$E = {
@@ -677,12 +677,12 @@ var Link = function Link(_ref) {
677
677
  props = _objectWithoutProperties(_ref, _excluded$6);
678
678
 
679
679
  return external ? /*#__PURE__*/React.createElement("a", Object.assign({
680
- className: classNames([className, _defineProperty({}, styles$r.withoutStyle, withoutStyle)]),
680
+ className: classNames([className, _defineProperty({}, styles$s.withoutStyle, withoutStyle)]),
681
681
  href: href,
682
682
  target: target,
683
683
  rel: rel
684
684
  }, props), /*#__PURE__*/React.createElement(Label, null, children)) : /*#__PURE__*/React.createElement(Link$1, Object.assign({
685
- className: classNames([className, _defineProperty({}, styles$r.withoutStyle, withoutStyle)]),
685
+ className: classNames([className, _defineProperty({}, styles$s.withoutStyle, withoutStyle)]),
686
686
  to: href
687
687
  }, props), /*#__PURE__*/React.createElement(Label, null, children));
688
688
  };
@@ -917,7 +917,7 @@ var Spinner = function Spinner(_ref) {
917
917
  Spinner.propTypes = propTypes$C;
918
918
  Spinner.defaultProps = defaultProps$C;
919
919
 
920
- var styles$q = {};
920
+ var styles$r = {};
921
921
 
922
922
  var _excluded$4 = ["description", "loading", "children", "className"];
923
923
  var propTypes$B = {
@@ -941,14 +941,14 @@ var FormPanel = function FormPanel(_ref) {
941
941
  props = _objectWithoutProperties(_ref, _excluded$4);
942
942
 
943
943
  return /*#__PURE__*/React.createElement(Card, Object.assign({
944
- className: classNames([styles$q.container, _defineProperty({}, className, className !== null)])
944
+ className: classNames([styles$r.container, _defineProperty({}, className, className !== null)])
945
945
  }, props), description, loading ? /*#__PURE__*/React.createElement(Spinner, null) : children);
946
946
  };
947
947
 
948
948
  FormPanel.propTypes = propTypes$B;
949
949
  FormPanel.defaultProps = defaultProps$B;
950
950
 
951
- var styles$p = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
951
+ var styles$q = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
952
952
 
953
953
  var propTypes$A = {
954
954
  items: PropTypes.menuItems,
@@ -977,7 +977,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
977
977
  return /*#__PURE__*/React.createElement("nav", {
978
978
  className: className
979
979
  }, /*#__PURE__*/React.createElement("ol", {
980
- className: classNames([styles$p.container, 'breadcrumb', 'mb-0', {
980
+ className: classNames([styles$q.container, 'breadcrumb', 'mb-0', {
981
981
  'p-0': withoutBar,
982
982
  'bg-transparent': withoutBar,
983
983
  'rounded-0': withoutBar,
@@ -995,7 +995,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
995
995
  return /*#__PURE__*/React.createElement("li", {
996
996
  className: classNames(['breadcrumb-item', (_ref3 = {
997
997
  active: active
998
- }, _defineProperty(_ref3, styles$p.arrow, separator === 'arrow'), _defineProperty(_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
998
+ }, _defineProperty(_ref3, styles$q.arrow, separator === 'arrow'), _defineProperty(_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
999
999
  key: "item-".concat(index)
1000
1000
  }, active ? /*#__PURE__*/React.createElement(Label, null, label) : null, !active && url ? /*#__PURE__*/React.createElement(Link$1, {
1001
1001
  to: url,
@@ -1270,6 +1270,8 @@ var Menu = function Menu(_ref) {
1270
1270
  Menu.propTypes = propTypes$y;
1271
1271
  Menu.defaultProps = defaultProps$y;
1272
1272
 
1273
+ var styles$p = {"collapse":"micromag-core-menus-navbar-collapse"};
1274
+
1273
1275
  var propTypes$x = {
1274
1276
  brand: PropTypes$1.node,
1275
1277
  brandLink: PropTypes$1.string,
@@ -1352,7 +1354,7 @@ var Navbar = function Navbar(_ref) {
1352
1354
  }, /*#__PURE__*/React.createElement("span", {
1353
1355
  className: "navbar-toggler-icon"
1354
1356
  })) : null, !withoutCollapse ? /*#__PURE__*/React.createElement("div", {
1355
- className: classNames(['navbar-collapse', 'collapse', {
1357
+ className: classNames(['navbar-collapse', 'collapse', styles$p.collapse, {
1356
1358
  show: menuVisible
1357
1359
  }])
1358
1360
  }, children) : children));
@@ -2519,7 +2521,7 @@ PropTypes$1.shape({
2519
2521
  radius: PropTypes$1.number,
2520
2522
  color: color
2521
2523
  });
2522
- PropTypes$1.shape({
2524
+ var boxStyle = PropTypes$1.shape({
2523
2525
  backgroundColor: color,
2524
2526
  borderRadius: PropTypes$1.number,
2525
2527
  borderWidth: PropTypes$1.number,
@@ -2632,7 +2634,8 @@ PropTypes$1.shape({
2632
2634
  active: PropTypes$1.bool,
2633
2635
  type: callToActionTypes,
2634
2636
  url: PropTypes$1.string,
2635
- label: textElement
2637
+ label: textElement,
2638
+ buttonStyle: boxStyle
2636
2639
  });
2637
2640
  var speaker = PropTypes$1.shape({
2638
2641
  id: PropTypes$1.string,
package/es/hooks.js CHANGED
@@ -1133,6 +1133,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1133
1133
  withoutMaxSize = _ref6$withoutMaxSize === void 0 ? false : _ref6$withoutMaxSize,
1134
1134
  _ref6$landscapeMinHei = _ref6.landscapeMinHeight,
1135
1135
  landscapeMinHeight = _ref6$landscapeMinHei === void 0 ? 600 : _ref6$landscapeMinHei,
1136
+ _ref6$menuAlwaysOverS = _ref6.menuAlwaysOverScreen,
1137
+ menuAlwaysOverScreen = _ref6$menuAlwaysOverS === void 0 ? true : _ref6$menuAlwaysOverS,
1136
1138
  _ref6$landscapeMinRat = _ref6.landscapeMinRatio,
1137
1139
  landscapeMinRatio = _ref6$landscapeMinRat === void 0 ? 2 / 3 : _ref6$landscapeMinRat,
1138
1140
  _ref6$withoutScale = _ref6.withoutScale,
@@ -1147,7 +1149,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1147
1149
  var menuOverScreen = !landscape;
1148
1150
 
1149
1151
  if (landscapeWithMaxSize) {
1150
- if (fullHeight < landscapeMinHeight) {
1152
+ if (fullHeight < landscapeMinHeight || menuAlwaysOverScreen) {
1151
1153
  menuOverScreen = true;
1152
1154
  } else {
1153
1155
  finalHeight = fullHeight - 100;
package/es/index.js CHANGED
@@ -349,7 +349,8 @@ var callToAction = PropTypes$1.shape({
349
349
  active: PropTypes$1.bool,
350
350
  type: callToActionTypes,
351
351
  url: PropTypes$1.string,
352
- label: textElement
352
+ label: textElement,
353
+ buttonStyle: boxStyle
353
354
  });
354
355
  var speaker = PropTypes$1.shape({
355
356
  id: PropTypes$1.string,
package/lib/components.js CHANGED
@@ -77,7 +77,7 @@ var Label = function Label(_ref) {
77
77
  Label.propTypes = propTypes$K;
78
78
  Label.defaultProps = defaultProps$K;
79
79
 
80
- var styles$u = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
80
+ var styles$v = {"container":"micromag-core-buttons-button-container","asLink":"micromag-core-buttons-button-asLink","withoutStyle":"micromag-core-buttons-button-withoutStyle","icon":"micromag-core-buttons-button-icon","withIcon":"micromag-core-buttons-button-withIcon","label":"micromag-core-buttons-button-label","right":"micromag-core-buttons-button-right","withIconColumns":"micromag-core-buttons-button-withIconColumns","linkDisabled":"micromag-core-buttons-button-linkDisabled"};
81
81
 
82
82
  var _excluded$a = ["type", "theme", "size", "href", "external", "direct", "target", "label", "children", "focusable", "active", "icon", "iconPosition", "disabled", "loading", "disableOnLoading", "small", "big", "withShadow", "withoutStyle", "withoutTheme", "asLink", "outline", "onClick", "className", "iconClassName", "labelClassName", "refButton"];
83
83
  var propTypes$J = {
@@ -184,25 +184,25 @@ var Button$1 = function Button(_ref) {
184
184
  var hasInlineIcon = hasIcon && (iconPosition === 'inline' || text === null);
185
185
  var hasIconColumns = hasIcon && !hasInlineIcon;
186
186
  var content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, hasInlineIcon ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
187
- className: classNames__default["default"]([styles$u.icon, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null)])
187
+ className: classNames__default["default"]([styles$v.icon, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null)])
188
188
  }, icon), text !== null ? /*#__PURE__*/React__default["default"].createElement("span", {
189
- className: classNames__default["default"]([styles$u.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
189
+ className: classNames__default["default"]([styles$v.label, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
190
190
  }, text) : null) : null, hasIconColumns ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("span", {
191
- className: classNames__default["default"]([styles$u.left, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
191
+ className: classNames__default["default"]([styles$v.left, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'left')])
192
192
  }, iconPosition === 'left' ? icon : null), /*#__PURE__*/React__default["default"].createElement("span", {
193
- className: classNames__default["default"]([styles$u.center, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
193
+ className: classNames__default["default"]([styles$v.center, _defineProperty__default["default"]({}, labelClassName, labelClassName !== null)])
194
194
  }, text), /*#__PURE__*/React__default["default"].createElement("span", {
195
- className: classNames__default["default"]([styles$u.right, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
195
+ className: classNames__default["default"]([styles$v.right, _defineProperty__default["default"]({}, iconClassName, iconClassName !== null && iconPosition === 'right')])
196
196
  }, iconPosition === 'right' ? icon : null), hasChildren ? children : null) : null, !hasIcon ? text : null, hasChildren ? children : null);
197
197
  var withStyle = !withoutTheme && !withoutStyle && !asLink;
198
198
  var buttonClassNames = classNames__default["default"]([(_ref7 = {
199
199
  btn: withStyle
200
- }, _defineProperty__default["default"](_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty__default["default"](_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty__default["default"](_ref7, "active", !withoutStyle && active), _ref7), styles$u.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, styles$u.withoutStyle, withoutStyle), _defineProperty__default["default"](_ref8, styles$u.withIcon, hasIcon), _defineProperty__default["default"](_ref8, styles$u.withIconColumns, hasIconColumns), _defineProperty__default["default"](_ref8, styles$u.withText, text !== null), _defineProperty__default["default"](_ref8, styles$u.withShadow, withShadow), _defineProperty__default["default"](_ref8, styles$u.isSmall, small), _defineProperty__default["default"](_ref8, styles$u.isBig, big), _defineProperty__default["default"](_ref8, styles$u.isLink, href !== null), _defineProperty__default["default"](_ref8, styles$u.asLink, asLink), _defineProperty__default["default"](_ref8, styles$u.isDisabled, disabled), _defineProperty__default["default"](_ref8, styles$u.isLoading, loading), _defineProperty__default["default"](_ref8, className, className !== null), _ref8)]);
200
+ }, _defineProperty__default["default"](_ref7, "btn-".concat(outline ? 'outline-' : '').concat(theme), withStyle && theme !== null), _defineProperty__default["default"](_ref7, "btn-".concat(size), withStyle && size !== null), _defineProperty__default["default"](_ref7, "active", !withoutStyle && active), _ref7), styles$v.container, (_ref8 = {}, _defineProperty__default["default"](_ref8, styles$v.withoutStyle, withoutStyle), _defineProperty__default["default"](_ref8, styles$v.withIcon, hasIcon), _defineProperty__default["default"](_ref8, styles$v.withIconColumns, hasIconColumns), _defineProperty__default["default"](_ref8, styles$v.withText, text !== null), _defineProperty__default["default"](_ref8, styles$v.withShadow, withShadow), _defineProperty__default["default"](_ref8, styles$v.isSmall, small), _defineProperty__default["default"](_ref8, styles$v.isBig, big), _defineProperty__default["default"](_ref8, styles$v.isLink, href !== null), _defineProperty__default["default"](_ref8, styles$v.asLink, asLink), _defineProperty__default["default"](_ref8, styles$v.isDisabled, disabled), _defineProperty__default["default"](_ref8, styles$v.isLoading, loading), _defineProperty__default["default"](_ref8, className, className !== null), _ref8)]);
201
201
 
202
202
  if (href !== null) {
203
203
  var linkClassNames = classNames__default["default"]([buttonClassNames, _defineProperty__default["default"]({
204
204
  disabled: disabled
205
- }, styles$u.linkDisabled, disabled)]);
205
+ }, styles$v.linkDisabled, disabled)]);
206
206
  return external || direct ? /*#__PURE__*/React__default["default"].createElement("a", Object.assign({}, props, {
207
207
  href: disabled ? null : href,
208
208
  className: linkClassNames,
@@ -232,7 +232,7 @@ var Button$1 = function Button(_ref) {
232
232
  Button$1.propTypes = propTypes$J;
233
233
  Button$1.defaultProps = defaultProps$J;
234
234
 
235
- var styles$t = {};
235
+ var styles$u = {};
236
236
 
237
237
  var _excluded$9 = ["className", "onClick", "theme"];
238
238
  var propTypes$I = {
@@ -263,7 +263,7 @@ var Buttons = function Buttons(_ref) {
263
263
  buttonClassName = _ref.buttonClassName,
264
264
  className = _ref.className;
265
265
  return /*#__PURE__*/React__default["default"].createElement("div", {
266
- className: classNames__default["default"](['btn-group', _defineProperty__default["default"]({}, "btn-group-".concat(size), size !== null), styles$t.container, _defineProperty__default["default"]({}, className, className !== null)]),
266
+ className: classNames__default["default"](['btn-group', _defineProperty__default["default"]({}, "btn-group-".concat(size), size !== null), styles$u.container, _defineProperty__default["default"]({}, className, className !== null)]),
267
267
  role: "group"
268
268
  }, buttons.map(function (button, index) {
269
269
  var _ref4;
@@ -278,7 +278,7 @@ var Buttons = function Buttons(_ref) {
278
278
 
279
279
  var fixedProps = {
280
280
  key: "button-".concat(index),
281
- className: classNames__default["default"]([styles$t.button, (_ref4 = {}, _defineProperty__default["default"](_ref4, buttonClassName, buttonClassName !== null), _defineProperty__default["default"](_ref4, customClassName, customClassName !== null), _ref4)]),
281
+ className: classNames__default["default"]([styles$u.button, (_ref4 = {}, _defineProperty__default["default"](_ref4, buttonClassName, buttonClassName !== null), _defineProperty__default["default"](_ref4, customClassName, customClassName !== null), _ref4)]),
282
282
  onClick: function onClick(e) {
283
283
  if (_onClick !== null) {
284
284
  _onClick(e, button, index);
@@ -422,7 +422,7 @@ var FieldForm = function FieldForm(_ref) {
422
422
  FieldForm.propTypes = propTypes$G;
423
423
  FieldForm.defaultProps = defaultProps$G;
424
424
 
425
- var styles$s = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
425
+ var styles$t = {"actions":"micromag-core-forms-form-actions","left":"micromag-core-forms-form-left","right":"micromag-core-forms-form-right"};
426
426
 
427
427
  var propTypes$F = {
428
428
  action: PropTypes__default["default"].string.isRequired,
@@ -601,7 +601,7 @@ var Form = function Form(_ref) {
601
601
 
602
602
  return /*#__PURE__*/React__default["default"].createElement("form", {
603
603
  action: action,
604
- className: classNames__default["default"]([styles$s.container, _defineProperty__default["default"]({}, className, className !== null)]),
604
+ className: classNames__default["default"]([styles$t.container, _defineProperty__default["default"]({}, className, className !== null)]),
605
605
  method: method,
606
606
  onSubmit: onSubmit
607
607
  }, !withoutBackButton && fields !== null && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -611,7 +611,7 @@ var Form = function Form(_ref) {
611
611
  outline: true,
612
612
  onClick: closeFieldForm
613
613
  })) : null, fields && fields.length > 0 && fieldParams !== null ? /*#__PURE__*/React__default["default"].createElement("div", {
614
- className: classNames__default["default"](['w-100', styles$s.panel]),
614
+ className: classNames__default["default"](['w-100', styles$t.panel]),
615
615
  key: "field"
616
616
  }, /*#__PURE__*/React__default["default"].createElement(FieldForm, {
617
617
  name: fieldParams.replace(/\//g, '.'),
@@ -627,11 +627,11 @@ var Form = function Form(_ref) {
627
627
  onChange: setValue,
628
628
  gotoFieldForm: gotoFieldForm,
629
629
  closeFieldForm: closeFieldForm,
630
- className: classNames__default["default"]([styles$s.fields, _defineProperty__default["default"]({}, fieldsClassName, fieldsClassName !== null)])
630
+ className: classNames__default["default"]([styles$t.fields, _defineProperty__default["default"]({}, fieldsClassName, fieldsClassName !== null)])
631
631
  }) : null, generalError ? /*#__PURE__*/React__default["default"].createElement("p", {
632
632
  className: "text-danger my-1"
633
633
  }, generalError) : null, children, !withoutActions && fieldParams === null ? /*#__PURE__*/React__default["default"].createElement("div", {
634
- className: classNames__default["default"]([styles$s.actions, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles$s[actionsAlign], actionsAlign), _defineProperty__default["default"](_ref4, actionsClassName, actionsClassName !== null), _ref4)])
634
+ className: classNames__default["default"]([styles$t.actions, (_ref4 = {}, _defineProperty__default["default"](_ref4, styles$t[actionsAlign], actionsAlign), _defineProperty__default["default"](_ref4, actionsClassName, actionsClassName !== null), _ref4)])
635
635
  }, onCancel !== null || onCancelHref !== null ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
636
636
  type: "button",
637
637
  onClick: onCancel,
@@ -648,7 +648,7 @@ var Form = function Form(_ref) {
648
648
  }]
649
649
  })) : null, buttons !== null ? /*#__PURE__*/React__default["default"].createElement(Buttons, {
650
650
  buttons: buttons,
651
- className: styles$s.buttons
651
+ className: styles$t.buttons
652
652
  }) : /*#__PURE__*/React__default["default"].createElement(Button$1, {
653
653
  type: "submit",
654
654
  theme: "primary",
@@ -667,7 +667,7 @@ var Form = function Form(_ref) {
667
667
  Form.propTypes = propTypes$F;
668
668
  Form.defaultProps = defaultProps$F;
669
669
 
670
- var styles$r = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
670
+ var styles$s = {"withoutStyle":"micromag-core-partials-link-withoutStyle"};
671
671
 
672
672
  var _excluded$6 = ["href", "external", "children", "target", "rel", "className", "withoutStyle"];
673
673
  var propTypes$E = {
@@ -700,12 +700,12 @@ var Link = function Link(_ref) {
700
700
  props = _objectWithoutProperties__default["default"](_ref, _excluded$6);
701
701
 
702
702
  return external ? /*#__PURE__*/React__default["default"].createElement("a", Object.assign({
703
- className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$r.withoutStyle, withoutStyle)]),
703
+ className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$s.withoutStyle, withoutStyle)]),
704
704
  href: href,
705
705
  target: target,
706
706
  rel: rel
707
707
  }, props), /*#__PURE__*/React__default["default"].createElement(Label, null, children)) : /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, Object.assign({
708
- className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$r.withoutStyle, withoutStyle)]),
708
+ className: classNames__default["default"]([className, _defineProperty__default["default"]({}, styles$s.withoutStyle, withoutStyle)]),
709
709
  to: href
710
710
  }, props), /*#__PURE__*/React__default["default"].createElement(Label, null, children));
711
711
  };
@@ -940,7 +940,7 @@ var Spinner = function Spinner(_ref) {
940
940
  Spinner.propTypes = propTypes$C;
941
941
  Spinner.defaultProps = defaultProps$C;
942
942
 
943
- var styles$q = {};
943
+ var styles$r = {};
944
944
 
945
945
  var _excluded$4 = ["description", "loading", "children", "className"];
946
946
  var propTypes$B = {
@@ -964,14 +964,14 @@ var FormPanel = function FormPanel(_ref) {
964
964
  props = _objectWithoutProperties__default["default"](_ref, _excluded$4);
965
965
 
966
966
  return /*#__PURE__*/React__default["default"].createElement(Card, Object.assign({
967
- className: classNames__default["default"]([styles$q.container, _defineProperty__default["default"]({}, className, className !== null)])
967
+ className: classNames__default["default"]([styles$r.container, _defineProperty__default["default"]({}, className, className !== null)])
968
968
  }, props), description, loading ? /*#__PURE__*/React__default["default"].createElement(Spinner, null) : children);
969
969
  };
970
970
 
971
971
  FormPanel.propTypes = propTypes$B;
972
972
  FormPanel.defaultProps = defaultProps$B;
973
973
 
974
- var styles$p = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
974
+ var styles$q = {"container":"micromag-core-menus-breadcrumb-container","arrow":"micromag-core-menus-breadcrumb-arrow"};
975
975
 
976
976
  var propTypes$A = {
977
977
  items: core.PropTypes.menuItems,
@@ -1000,7 +1000,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
1000
1000
  return /*#__PURE__*/React__default["default"].createElement("nav", {
1001
1001
  className: className
1002
1002
  }, /*#__PURE__*/React__default["default"].createElement("ol", {
1003
- className: classNames__default["default"]([styles$p.container, 'breadcrumb', 'mb-0', {
1003
+ className: classNames__default["default"]([styles$q.container, 'breadcrumb', 'mb-0', {
1004
1004
  'p-0': withoutBar,
1005
1005
  'bg-transparent': withoutBar,
1006
1006
  'rounded-0': withoutBar,
@@ -1018,7 +1018,7 @@ var Breadcrumb = function Breadcrumb(_ref) {
1018
1018
  return /*#__PURE__*/React__default["default"].createElement("li", {
1019
1019
  className: classNames__default["default"](['breadcrumb-item', (_ref3 = {
1020
1020
  active: active
1021
- }, _defineProperty__default["default"](_ref3, styles$p.arrow, separator === 'arrow'), _defineProperty__default["default"](_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
1021
+ }, _defineProperty__default["default"](_ref3, styles$q.arrow, separator === 'arrow'), _defineProperty__default["default"](_ref3, "text-".concat(theme), active && theme !== null), _ref3)]),
1022
1022
  key: "item-".concat(index)
1023
1023
  }, active ? /*#__PURE__*/React__default["default"].createElement(Label, null, label) : null, !active && url ? /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
1024
1024
  to: url,
@@ -1293,6 +1293,8 @@ var Menu = function Menu(_ref) {
1293
1293
  Menu.propTypes = propTypes$y;
1294
1294
  Menu.defaultProps = defaultProps$y;
1295
1295
 
1296
+ var styles$p = {"collapse":"micromag-core-menus-navbar-collapse"};
1297
+
1296
1298
  var propTypes$x = {
1297
1299
  brand: PropTypes__default["default"].node,
1298
1300
  brandLink: PropTypes__default["default"].string,
@@ -1375,7 +1377,7 @@ var Navbar = function Navbar(_ref) {
1375
1377
  }, /*#__PURE__*/React__default["default"].createElement("span", {
1376
1378
  className: "navbar-toggler-icon"
1377
1379
  })) : null, !withoutCollapse ? /*#__PURE__*/React__default["default"].createElement("div", {
1378
- className: classNames__default["default"](['navbar-collapse', 'collapse', {
1380
+ className: classNames__default["default"](['navbar-collapse', 'collapse', styles$p.collapse, {
1379
1381
  show: menuVisible
1380
1382
  }])
1381
1383
  }, children) : children));
@@ -2542,7 +2544,7 @@ PropTypes__default["default"].shape({
2542
2544
  radius: PropTypes__default["default"].number,
2543
2545
  color: color
2544
2546
  });
2545
- PropTypes__default["default"].shape({
2547
+ var boxStyle = PropTypes__default["default"].shape({
2546
2548
  backgroundColor: color,
2547
2549
  borderRadius: PropTypes__default["default"].number,
2548
2550
  borderWidth: PropTypes__default["default"].number,
@@ -2655,7 +2657,8 @@ PropTypes__default["default"].shape({
2655
2657
  active: PropTypes__default["default"].bool,
2656
2658
  type: callToActionTypes,
2657
2659
  url: PropTypes__default["default"].string,
2658
- label: textElement
2660
+ label: textElement,
2661
+ buttonStyle: boxStyle
2659
2662
  });
2660
2663
  var speaker = PropTypes__default["default"].shape({
2661
2664
  id: PropTypes__default["default"].string,
package/lib/hooks.js CHANGED
@@ -1169,6 +1169,8 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1169
1169
  withoutMaxSize = _ref6$withoutMaxSize === void 0 ? false : _ref6$withoutMaxSize,
1170
1170
  _ref6$landscapeMinHei = _ref6.landscapeMinHeight,
1171
1171
  landscapeMinHeight = _ref6$landscapeMinHei === void 0 ? 600 : _ref6$landscapeMinHei,
1172
+ _ref6$menuAlwaysOverS = _ref6.menuAlwaysOverScreen,
1173
+ menuAlwaysOverScreen = _ref6$menuAlwaysOverS === void 0 ? true : _ref6$menuAlwaysOverS,
1172
1174
  _ref6$landscapeMinRat = _ref6.landscapeMinRatio,
1173
1175
  landscapeMinRatio = _ref6$landscapeMinRat === void 0 ? 2 / 3 : _ref6$landscapeMinRat,
1174
1176
  _ref6$withoutScale = _ref6.withoutScale,
@@ -1183,7 +1185,7 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
1183
1185
  var menuOverScreen = !landscape;
1184
1186
 
1185
1187
  if (landscapeWithMaxSize) {
1186
- if (fullHeight < landscapeMinHeight) {
1188
+ if (fullHeight < landscapeMinHeight || menuAlwaysOverScreen) {
1187
1189
  menuOverScreen = true;
1188
1190
  } else {
1189
1191
  finalHeight = fullHeight - 100;
package/lib/index.js CHANGED
@@ -375,7 +375,8 @@ var callToAction = PropTypes__default["default"].shape({
375
375
  active: PropTypes__default["default"].bool,
376
376
  type: callToActionTypes,
377
377
  url: PropTypes__default["default"].string,
378
- label: textElement
378
+ label: textElement,
379
+ buttonStyle: boxStyle
379
380
  });
380
381
  var speaker = PropTypes__default["default"].shape({
381
382
  id: PropTypes__default["default"].string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/core",
3
- "version": "0.3.36",
3
+ "version": "0.3.53",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "javascript"
@@ -132,5 +132,5 @@
132
132
  "publishConfig": {
133
133
  "access": "public"
134
134
  },
135
- "gitHead": "3a430d587a82acb0bf94fe7f842c7f96707a98f4"
135
+ "gitHead": "4805dedd83a278c2c6d811639f5e81539b81b0a6"
136
136
  }