opus-toolkit-components 0.5.6 → 0.5.7

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.
@@ -9483,25 +9483,29 @@ const Modal = _ref => {
9483
9483
  header,
9484
9484
  body,
9485
9485
  footer,
9486
- className = ''
9486
+ className = "",
9487
+ footerClassName = "",
9488
+ headerClassName = ""
9487
9489
  } = _ref;
9488
9490
  if (!isOpen) return null;
9489
9491
  return /*#__PURE__*/external_react_default().createElement("div", {
9490
9492
  className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
9491
9493
  }, /*#__PURE__*/external_react_default().createElement("div", {
9492
- className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-fit p-6 ".concat(className)
9494
+ className: "bg-greyBaseLight rounded-lg shadow-lg w-11/12 max-w-md p-6 ".concat(className)
9493
9495
  }, /*#__PURE__*/external_react_default().createElement("div", {
9494
- className: "flex justify-end items-center pb-3"
9496
+ className: "flex justify-end pb-3"
9495
9497
  }, /*#__PURE__*/external_react_default().createElement("div", {
9496
9498
  onClick: onClose,
9497
9499
  className: "hover:cursor-pointer"
9498
9500
  }, /*#__PURE__*/external_react_default().createElement(esm_XMarkIcon, {
9499
9501
  width: "24px"
9500
9502
  }))), /*#__PURE__*/external_react_default().createElement("div", {
9501
- className: "border-b border-greyLight100 pb-4"
9503
+ className: "border-b border-greyLight100 pb-4 ".concat(headerClassName)
9502
9504
  }, header), /*#__PURE__*/external_react_default().createElement("div", {
9503
9505
  className: "my-2"
9504
- }, body), /*#__PURE__*/external_react_default().createElement("div", null, footer)));
9506
+ }, body), /*#__PURE__*/external_react_default().createElement("div", {
9507
+ className: "".concat(footerClassName)
9508
+ }, footer)));
9505
9509
  };
9506
9510
  /* harmony default export */ const Modals_Modal = (Modal);
9507
9511
  ;// ./src/index.js
@@ -9519,4 +9523,4 @@ const Modal = _ref => {
9519
9523
  /******/ })()
9520
9524
  ;
9521
9525
  });
9522
- //# sourceMappingURL=main.bbd7bc3d3d2fe3556750.js.map
9526
+ //# sourceMappingURL=main.a12cf55b025806285c23.js.map