odaptos_design_system 1.4.26 → 1.4.27
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/dist/Modal/Modal.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +11 -4
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +11 -4
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Modal/Modal.modules.scss +0 -2
- package/src/Modal/Modal.tsx +10 -2
package/dist/Modal/Modal.d.ts
CHANGED
|
@@ -12,9 +12,10 @@ interface ModalProps {
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
onPressEnter?: () => void;
|
|
14
14
|
onConfirm?: () => void;
|
|
15
|
+
width?: string;
|
|
15
16
|
}
|
|
16
17
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
17
18
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
18
19
|
*/
|
|
19
|
-
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, disabled, validationText, onPressEnter, onConfirm, }: ModalProps) => React.JSX.Element;
|
|
20
|
+
export declare const Modal: ({ className, type, onClose, open, children, title, hideCloseButton, cancelText, disabled, validationText, onPressEnter, onConfirm, width, }: ModalProps) => React.JSX.Element;
|
|
20
21
|
export {};
|
|
@@ -4844,7 +4844,7 @@ const Title = ({
|
|
|
4844
4844
|
}
|
|
4845
4845
|
};
|
|
4846
4846
|
|
|
4847
|
-
var css_248z$c = ".Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);
|
|
4847
|
+
var css_248z$c = ".Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:1rem;height:50rem;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__M6coU .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_header__bLwe9{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__sU-UF .Modal-modules_modal_content__kI5NN .Modal-modules_modal_buttons_container__VIykY{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
|
|
4848
4848
|
var styles$c = {"modal":"Modal-modules_modal__M6coU","modal_content":"Modal-modules_modal_content__kI5NN","modal_header":"Modal-modules_modal_header__bLwe9","modal_buttons_container":"Modal-modules_modal_buttons_container__VIykY","modal_overlay":"Modal-modules_modal_overlay__sU-UF"};
|
|
4849
4849
|
styleInject(css_248z$c);
|
|
4850
4850
|
|
|
@@ -4863,7 +4863,8 @@ const Modal = ({
|
|
|
4863
4863
|
disabled,
|
|
4864
4864
|
validationText,
|
|
4865
4865
|
onPressEnter,
|
|
4866
|
-
onConfirm
|
|
4866
|
+
onConfirm,
|
|
4867
|
+
width
|
|
4867
4868
|
}) => {
|
|
4868
4869
|
React.useEffect(() => {
|
|
4869
4870
|
const handleKeyDown = e => {
|
|
@@ -4889,7 +4890,10 @@ const Modal = ({
|
|
|
4889
4890
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
4890
4891
|
in: open
|
|
4891
4892
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4892
|
-
className: styles$c.modal_content
|
|
4893
|
+
className: styles$c.modal_content,
|
|
4894
|
+
style: {
|
|
4895
|
+
width: width ?? '21rem'
|
|
4896
|
+
}
|
|
4893
4897
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4894
4898
|
className: `${styles$c.modal_header}`
|
|
4895
4899
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -4924,7 +4928,10 @@ const Modal = ({
|
|
|
4924
4928
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
4925
4929
|
in: open
|
|
4926
4930
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4927
|
-
className: styles$c.modal_content
|
|
4931
|
+
className: styles$c.modal_content,
|
|
4932
|
+
style: {
|
|
4933
|
+
width: width ?? '65rem'
|
|
4934
|
+
}
|
|
4928
4935
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
4929
4936
|
className: `${styles$c.modal_header}`
|
|
4930
4937
|
}, /*#__PURE__*/React__default.createElement(Title, {
|