@os-legal/ui 0.1.11 → 0.1.13
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/index.d.mts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +13 -1
- package/dist/index.mjs +13 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3224,6 +3224,7 @@ var Modal = (0, import_react11.forwardRef)(
|
|
|
3224
3224
|
size = "md",
|
|
3225
3225
|
closeOnOverlay = true,
|
|
3226
3226
|
closeOnEscape = true,
|
|
3227
|
+
overlayClassName = "",
|
|
3227
3228
|
className = "",
|
|
3228
3229
|
children,
|
|
3229
3230
|
...props
|
|
@@ -3257,7 +3258,11 @@ var Modal = (0, import_react11.forwardRef)(
|
|
|
3257
3258
|
`oc-modal--${size}`,
|
|
3258
3259
|
className
|
|
3259
3260
|
].filter(Boolean).join(" ");
|
|
3260
|
-
const
|
|
3261
|
+
const overlayClasses = [
|
|
3262
|
+
"oc-modal-overlay",
|
|
3263
|
+
overlayClassName
|
|
3264
|
+
].filter(Boolean).join(" ");
|
|
3265
|
+
const content = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: overlayClasses, onClick: handleOverlayClick, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, className: modalClasses, role: "dialog", "aria-modal": "true", ...props, children }) });
|
|
3261
3266
|
return (0, import_react_dom.createPortal)(content, document.body);
|
|
3262
3267
|
}
|
|
3263
3268
|
);
|
|
@@ -3331,6 +3336,12 @@ var modalStyles = `
|
|
|
3331
3336
|
.oc-modal--lg { width: 100%; max-width: 640px; }
|
|
3332
3337
|
.oc-modal--xl { width: 100%; max-width: 800px; }
|
|
3333
3338
|
.oc-modal--full { width: 100%; max-width: calc(100vw - 32px); height: calc(100vh - 32px); }
|
|
3339
|
+
.oc-modal--fullscreen { width: 100vw; max-width: 100vw; height: 100vh; border-radius: 0; }
|
|
3340
|
+
|
|
3341
|
+
/* Fullscreen overlay removes padding */
|
|
3342
|
+
.oc-modal-overlay:has(.oc-modal--fullscreen) {
|
|
3343
|
+
padding: 0;
|
|
3344
|
+
}
|
|
3334
3345
|
|
|
3335
3346
|
/* Modal Header */
|
|
3336
3347
|
.oc-modal-header {
|
|
@@ -3387,6 +3398,7 @@ var modalStyles = `
|
|
|
3387
3398
|
/* Modal Body */
|
|
3388
3399
|
.oc-modal-body {
|
|
3389
3400
|
flex: 1;
|
|
3401
|
+
min-height: 0;
|
|
3390
3402
|
padding: var(--oc-spacing-lg);
|
|
3391
3403
|
overflow-y: auto;
|
|
3392
3404
|
color: var(--oc-fg-primary);
|
package/dist/index.mjs
CHANGED
|
@@ -2954,6 +2954,7 @@ var Modal = forwardRef11(
|
|
|
2954
2954
|
size = "md",
|
|
2955
2955
|
closeOnOverlay = true,
|
|
2956
2956
|
closeOnEscape = true,
|
|
2957
|
+
overlayClassName = "",
|
|
2957
2958
|
className = "",
|
|
2958
2959
|
children,
|
|
2959
2960
|
...props
|
|
@@ -2987,7 +2988,11 @@ var Modal = forwardRef11(
|
|
|
2987
2988
|
`oc-modal--${size}`,
|
|
2988
2989
|
className
|
|
2989
2990
|
].filter(Boolean).join(" ");
|
|
2990
|
-
const
|
|
2991
|
+
const overlayClasses = [
|
|
2992
|
+
"oc-modal-overlay",
|
|
2993
|
+
overlayClassName
|
|
2994
|
+
].filter(Boolean).join(" ");
|
|
2995
|
+
const content = /* @__PURE__ */ jsx11("div", { className: overlayClasses, onClick: handleOverlayClick, children: /* @__PURE__ */ jsx11("div", { ref, className: modalClasses, role: "dialog", "aria-modal": "true", ...props, children }) });
|
|
2991
2996
|
return createPortal(content, document.body);
|
|
2992
2997
|
}
|
|
2993
2998
|
);
|
|
@@ -3061,6 +3066,12 @@ var modalStyles = `
|
|
|
3061
3066
|
.oc-modal--lg { width: 100%; max-width: 640px; }
|
|
3062
3067
|
.oc-modal--xl { width: 100%; max-width: 800px; }
|
|
3063
3068
|
.oc-modal--full { width: 100%; max-width: calc(100vw - 32px); height: calc(100vh - 32px); }
|
|
3069
|
+
.oc-modal--fullscreen { width: 100vw; max-width: 100vw; height: 100vh; border-radius: 0; }
|
|
3070
|
+
|
|
3071
|
+
/* Fullscreen overlay removes padding */
|
|
3072
|
+
.oc-modal-overlay:has(.oc-modal--fullscreen) {
|
|
3073
|
+
padding: 0;
|
|
3074
|
+
}
|
|
3064
3075
|
|
|
3065
3076
|
/* Modal Header */
|
|
3066
3077
|
.oc-modal-header {
|
|
@@ -3117,6 +3128,7 @@ var modalStyles = `
|
|
|
3117
3128
|
/* Modal Body */
|
|
3118
3129
|
.oc-modal-body {
|
|
3119
3130
|
flex: 1;
|
|
3131
|
+
min-height: 0;
|
|
3120
3132
|
padding: var(--oc-spacing-lg);
|
|
3121
3133
|
overflow-y: auto;
|
|
3122
3134
|
color: var(--oc-fg-primary);
|