@ews-admin/global-design-system 1.12.0 → 1.13.0
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/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +8 -0
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Modal/Modal.tsx +25 -3
package/package.json
CHANGED
|
@@ -39,7 +39,21 @@ export interface ModalProps {
|
|
|
39
39
|
/**
|
|
40
40
|
* Modal size/width
|
|
41
41
|
*/
|
|
42
|
-
size?:
|
|
42
|
+
size?:
|
|
43
|
+
| "sm"
|
|
44
|
+
| "md"
|
|
45
|
+
| "lg"
|
|
46
|
+
| "xl"
|
|
47
|
+
| "2xl"
|
|
48
|
+
| "3xl"
|
|
49
|
+
| "4xl"
|
|
50
|
+
| "5xl"
|
|
51
|
+
| "6xl"
|
|
52
|
+
| "7xl"
|
|
53
|
+
| "8xl"
|
|
54
|
+
| "9xl"
|
|
55
|
+
| "10xl"
|
|
56
|
+
| "full";
|
|
43
57
|
/**
|
|
44
58
|
* Primary action button text
|
|
45
59
|
*/
|
|
@@ -159,6 +173,14 @@ const Modal = ({
|
|
|
159
173
|
lg: "max-w-lg",
|
|
160
174
|
xl: "max-w-xl",
|
|
161
175
|
"2xl": "max-w-2xl",
|
|
176
|
+
"3xl": "max-w-3xl",
|
|
177
|
+
"4xl": "max-w-4xl",
|
|
178
|
+
"5xl": "max-w-5xl",
|
|
179
|
+
"6xl": "max-w-6xl",
|
|
180
|
+
"7xl": "max-w-7xl",
|
|
181
|
+
"8xl": "max-w-8xl",
|
|
182
|
+
"9xl": "max-w-9xl",
|
|
183
|
+
"10xl": "max-w-10xl",
|
|
162
184
|
full: "max-w-full",
|
|
163
185
|
};
|
|
164
186
|
return sizeMap[size] || sizeMap.md;
|
|
@@ -185,7 +207,7 @@ const Modal = ({
|
|
|
185
207
|
"duration-200 animate-in fade-in-0 zoom-in-95",
|
|
186
208
|
getSizeClasses(),
|
|
187
209
|
"mx-4",
|
|
188
|
-
className
|
|
210
|
+
className,
|
|
189
211
|
)}
|
|
190
212
|
role="dialog"
|
|
191
213
|
aria-modal="true"
|
|
@@ -195,7 +217,7 @@ const Modal = ({
|
|
|
195
217
|
<div
|
|
196
218
|
className={cn(
|
|
197
219
|
"flex items-center justify-between p-6 border-b",
|
|
198
|
-
variantStyles.borderColor
|
|
220
|
+
variantStyles.borderColor,
|
|
199
221
|
)}
|
|
200
222
|
>
|
|
201
223
|
<div className="flex items-center space-x-3">
|