@itcase/ui 1.8.67 → 1.8.69

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.
@@ -41,7 +41,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
41
41
  React.useImperativeHandle(ref, function () { return ({ openModalSheetBottom: openModalSheetBottom, closeModalSheetBottom: closeModalSheetBottom, isOpen: isOpen }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
42
42
  // @ts-expect-error
43
43
  var styles = useStyles.useStyles(props).styles;
44
- return (jsxRuntime.jsxs(reactModalSheet.Sheet, tslib_es6.__assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxRuntime.jsxs(reactModalSheet.Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsxRuntime.jsx("div", { className: "modal-sheet-bottom__header", children: jsxRuntime.jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsxRuntime.jsx(reactModalSheet.Sheet.Header, { className: "modal-sheet-bottom__header" })), jsxRuntime.jsx(reactModalSheet.Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsxRuntime.jsx(reactModalSheet.Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
44
+ return (jsxRuntime.jsxs(reactModalSheet.Sheet, tslib_es6.__assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxRuntime.jsxs(reactModalSheet.Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsxRuntime.jsx("div", { className: "modal-sheet-bottom__header", children: jsxRuntime.jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsxRuntime.jsx(reactModalSheet.Sheet.Header, { className: "modal-sheet-bottom__header" })), jsxRuntime.jsx(reactModalSheet.Sheet.Content, { className: "modal-sheet-bottom__content", children: jsxRuntime.jsx("div", { className: "modal-sheet-bottom__content-wrapper", children: children }) })] }), jsxRuntime.jsx(reactModalSheet.Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
45
45
  });
46
46
 
47
47
  exports.ModalSheetBottom = ModalSheetBottom;
@@ -39,7 +39,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
39
39
  useImperativeHandle(ref, function () { return ({ openModalSheetBottom: openModalSheetBottom, closeModalSheetBottom: closeModalSheetBottom, isOpen: isOpen }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
40
40
  // @ts-expect-error
41
41
  var styles = useStyles(props).styles;
42
- return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: children })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
42
+ return (jsxs(Sheet, __assign({ className: "modal-sheet-bottom", dataTestId: dataTestId, dataTour: dataTour, isOpen: isOpen, onClose: closeModalSheetBottom }, props, { children: [jsxs(Sheet.Container, { className: "modal-sheet-bottom__container", style: styles, children: [closeButton ? (jsx("div", { className: "modal-sheet-bottom__header", children: jsx("div", { className: "modal-sheet-bottom__close", onClick: closeModalSheetBottom, children: closeButton }) })) : (jsx(Sheet.Header, { className: "modal-sheet-bottom__header" })), jsx(Sheet.Content, { className: "modal-sheet-bottom__content", children: jsx("div", { className: "modal-sheet-bottom__content-wrapper", children: children }) })] }), jsx(Sheet.Backdrop, { className: "modal-sheet-bottom__backdrop", onClick: closeModalSheetBottom })] })));
43
43
  });
44
44
 
45
45
  export { ModalSheetBottom, modalSheetBottomAppearance };
@@ -13,7 +13,6 @@
13
13
  min-width: 200px;
14
14
  min-height: 200px;
15
15
  max-width: var(--modal-max-width);
16
- border: solid 20px red;
17
16
  position: relative;
18
17
  z-index: 100;
19
18
  &:focus {
@@ -17,7 +17,10 @@
17
17
  }
18
18
  }
19
19
  &__content {
20
- margin: 0 0 32px 0;
20
+ padding: 0 16px;
21
+ &-wrapper {
22
+ padding: 0 0 32px 0;
23
+ }
21
24
  }
22
25
  &__backdrop {
23
26
  background-color: var(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.67",
3
+ "version": "1.8.69",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",