@bigbinary/neetoui 6.0.3 → 6.0.4

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.
package/index.js CHANGED
@@ -20557,6 +20557,7 @@ var Modal = function Modal(_ref) {
20557
20557
  }),
20558
20558
  handleOverlayClose = _useOverlay.handleOverlayClose,
20559
20559
  setFocusField = _useOverlay.setFocusField;
20560
+ var isFullScreenModal = size === SIZES$7.fullScreen;
20560
20561
  return /*#__PURE__*/React__default.createElement(Portal, {
20561
20562
  rootId: "neeto-ui-portal"
20562
20563
  }, /*#__PURE__*/React__default.createElement(CSSTransition, {
@@ -20576,7 +20577,7 @@ var Modal = function Modal(_ref) {
20576
20577
  key: "modal-backdrop",
20577
20578
  ref: backdropRef,
20578
20579
  className: classnames$1("neeto-ui-modal__backdrop", {
20579
- "neeto-ui-modal__backdrop--fullscreen": size === SIZES$7.fullScreen
20580
+ "neeto-ui-modal__backdrop--fullscreen": isFullScreenModal
20580
20581
  }, backdropClassName)
20581
20582
  }, /*#__PURE__*/React__default.createElement("div", _extends$4({
20582
20583
  "aria-modal": true,
@@ -20587,7 +20588,7 @@ var Modal = function Modal(_ref) {
20587
20588
  "neeto-ui-modal__wrapper--small": size === SIZES$7.small,
20588
20589
  "neeto-ui-modal__wrapper--medium": size === SIZES$7.medium,
20589
20590
  "neeto-ui-modal__wrapper--large": size === SIZES$7.large,
20590
- "neeto-ui-modal__wrapper--fullscreen": size === SIZES$7.fullScreen
20591
+ "neeto-ui-modal__wrapper--fullscreen": isFullScreenModal
20591
20592
  }, className, className))
20592
20593
  }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
20593
20594
  "aria-label": "Close",
@@ -20595,8 +20596,8 @@ var Modal = function Modal(_ref) {
20595
20596
  "data-cy": "modal-close-button",
20596
20597
  "data-testid": "close-button",
20597
20598
  icon: Close,
20598
- size: "small",
20599
- style: "text",
20599
+ size: isFullScreenModal ? "large" : "small",
20600
+ style: isFullScreenModal ? "secondary" : "text",
20600
20601
  onClick: handleOverlayClose
20601
20602
  }), typeof children === "function" ? children({
20602
20603
  setFocusField: setFocusField