mui-dialog 1.0.20 → 1.0.23
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/README.md +4 -4
- package/dist/mui-dialog.es.js +13 -13
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -138,10 +138,10 @@ const MyComponent = () => {
|
|
|
138
138
|
|
|
139
139
|
| Size | Breakpoint | Max Width |
|
|
140
140
|
| ------------ | ---------- | --------- |
|
|
141
|
-
| `small` | `xs` |
|
|
142
|
-
| `medium` | `sm` |
|
|
143
|
-
| `large` | `md` |
|
|
144
|
-
| `extraLarge` | `lg` |
|
|
141
|
+
| `small` | `xs` | 444px |
|
|
142
|
+
| `medium` | `sm` | 600px |
|
|
143
|
+
| `large` | `md` | 900px |
|
|
144
|
+
| `extraLarge` | `lg` | 1200px |
|
|
145
145
|
|
|
146
146
|
## Usage Example
|
|
147
147
|
|
package/dist/mui-dialog.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".vi-dialog .close-icon{cursor:pointer;color:#717371}.vi-dialog .p-24{padding:24px}.vi-dialog .h-fill{height:-webkit-fill-available}.vi-dialog .safari-height-fix{height:fit-content}.vi-dialog .d-f{display:flex}.vi-dialog .ai-c{align-items:center}.vi-dialog .jc-sb{justify-content:space-between}.vi-dialog .flex-dir-col{flex-direction:column}.vi-dialog .gap-8{gap:8px}.vi-dialog .MuiPaper-root{border-radius:12px}.vi-dialog .divider{margin-top:28px;margin-bottom:-4px}.vi-dialog .vi-dialog-actions-wrapper{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.vi-dialog .vi-dialog-actions-wrapper .tertiary-cta.destructive{color:#ed1d31;justify-self:flex-start}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.medium{width:50%}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.large{width:33%}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.extra-large{width:25%}.vi-dialog .vi-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.vi-dialog .vi-dialog-actions .vi-dialog-cta{width:-webkit-fill-available}.vi-dialog .vi-dialog-actions .tertiary-cta{padding:0}.vi-dialog .vi-dialog-actions .vi-dialog-cta.destructive{background-color:#ed1d31;color:#fff}.vi-dialog .vi-dialog-actions .vi-dialog-cta.destructive:disabled{opacity:.5}.vi-dialog .vi-dialog-actions.without-tertiary{margin-top:28px}.vi-dialog .vi-dialog-actions.small{justify-content:center}.vi-dialog .vi-dialog-actions.without-tertiary.medium{max-width:50%;margin-left:50%}.vi-dialog .vi-dialog-actions.without-tertiary.large{max-width:33%;margin-left:67%}.vi-dialog .vi-dialog-actions.without-tertiary.extra-large{max-width:25%;margin-left:75%}.vi-dialog .vi-dialog-
|
|
1
|
+
!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".vi-dialog .close-icon{cursor:pointer;color:#717371}.vi-dialog .p-24{padding:24px}.vi-dialog .h-fill{height:-webkit-fill-available}.vi-dialog .safari-height-fix{height:fit-content}.vi-dialog .d-f{display:flex}.vi-dialog .ai-c{align-items:center}.vi-dialog .jc-sb{justify-content:space-between}.vi-dialog .flex-dir-col{flex-direction:column}.vi-dialog .gap-8{gap:8px}.vi-dialog .MuiPaper-root{border-radius:12px}.vi-dialog .divider{margin-top:28px;margin-bottom:-4px}.vi-dialog .vi-dialog-actions-wrapper{margin-top:28px;display:flex;justify-content:space-between;align-items:center}.vi-dialog .vi-dialog-actions-wrapper .tertiary-cta.destructive{color:#ed1d31;justify-self:flex-start}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.medium{width:50%}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.large{width:33%}.vi-dialog .vi-dialog-actions-wrapper .vi-dialog-actions.extra-large{width:25%}.vi-dialog .vi-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px}.vi-dialog .vi-dialog-actions .vi-dialog-cta{width:-webkit-fill-available}.vi-dialog .vi-dialog-actions .tertiary-cta{padding:0}.vi-dialog .vi-dialog-actions .vi-dialog-cta.destructive{background-color:#ed1d31;color:#fff}.vi-dialog .vi-dialog-actions .vi-dialog-cta.destructive:disabled{opacity:.5}.vi-dialog .vi-dialog-actions.without-tertiary{margin-top:28px}.vi-dialog .vi-dialog-actions.small{justify-content:center}.vi-dialog .vi-dialog-actions.without-tertiary.medium{max-width:50%;margin-left:50%}.vi-dialog .vi-dialog-actions.without-tertiary.large{max-width:33%;margin-left:67%}.vi-dialog .vi-dialog-actions.without-tertiary.extra-large{max-width:25%;margin-left:75%}.vi-dialog .vi-dialog-title{margin-bottom:28px}.vi-dialog .vi-dialog-title .title-wrapper{display:flex;align-items:center;justify-content:space-between}.vi-dialog .vi-dialog-title .description{margin-top:16px!important}.vi-dialog .vi-dialog-title.small{margin-bottom:16px}.vi-dialog .divider{margin-left:-24px;margin-right:-24px}@media only screen and (max-width: 600px){.vi-dialog .MuiPaper-root{margin:16px;width:calc(100% - 32px)}.vi-dialog .vi-dialog-actions-wrapper{flex-direction:column-reverse;gap:12px}.vi-dialog .vi-dialog-actions{flex-direction:column-reverse;width:100%!important;gap:12px}.vi-dialog .vi-dialog-actions.without-tertiary.medium,.vi-dialog .vi-dialog-actions.without-tertiary.large,.vi-dialog .vi-dialog-actions.without-tertiary.extra-large{max-width:100%;margin-left:0}.vi-dialog.medium .MuiPaper-root,.vi-dialog.large .MuiPaper-root{margin:0;width:100%;height:100%;max-height:none;border-radius:0}}")),document.head.appendChild(i)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { forwardRef } from 'react';
|
|
@@ -1920,20 +1920,20 @@ const MuiDialog = (props) => {
|
|
|
1920
1920
|
{
|
|
1921
1921
|
className: `vi-dialog-title ${MODAL_SIZE_VS_CLASS_NAMES[selectedSize]}`,
|
|
1922
1922
|
children: [
|
|
1923
|
-
/* @__PURE__ */ jsxs("div", { className: "d-f
|
|
1924
|
-
/* @__PURE__ */ jsxs("div", { className: "
|
|
1923
|
+
/* @__PURE__ */ jsxs("div", { className: "d-f flex-dir-col gap-8", children: [
|
|
1924
|
+
/* @__PURE__ */ jsxs("div", { className: "title-wrapper", children: [
|
|
1925
1925
|
/* @__PURE__ */ jsx(Typography, { variant: "semiBoldLabelL", children: title }),
|
|
1926
|
-
|
|
1926
|
+
showCloseIcon && /* @__PURE__ */ jsx(
|
|
1927
|
+
CloseIcon,
|
|
1928
|
+
{
|
|
1929
|
+
fontSize: "small",
|
|
1930
|
+
className: "close-icon",
|
|
1931
|
+
"aria-label": "Close dialog",
|
|
1932
|
+
onClick: onClose
|
|
1933
|
+
}
|
|
1934
|
+
)
|
|
1927
1935
|
] }),
|
|
1928
|
-
|
|
1929
|
-
CloseIcon,
|
|
1930
|
-
{
|
|
1931
|
-
fontSize: "small",
|
|
1932
|
-
className: "close-icon",
|
|
1933
|
-
"aria-label": "Close dialog",
|
|
1934
|
-
onClick: onClose
|
|
1935
|
-
}
|
|
1936
|
-
)
|
|
1936
|
+
subTitle && /* @__PURE__ */ jsx(Typography, { variant: "subtextM", children: subTitle })
|
|
1937
1937
|
] }),
|
|
1938
1938
|
description && /* @__PURE__ */ jsx(
|
|
1939
1939
|
Typography,
|