@manhphi1309/dialog 0.3.4 → 0.3.6
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.cjs +5 -5
- package/dist/index.d.cts +4 -4
- package/dist/index.d.mts +4 -4
- package/dist/index.mjs +5 -5
- package/package.json +5 -5
package/dist/index.cjs
CHANGED
|
@@ -229,7 +229,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
|
|
|
229
229
|
function DialogTitle({ className, ...props }) {
|
|
230
230
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Title, {
|
|
231
231
|
"data-slot": "dialog-title",
|
|
232
|
-
className: (0, _manhphi1309_utils.cn)("cn-font-heading text-base leading-none font-medium", className),
|
|
232
|
+
className: (0, _manhphi1309_utils.cn)("cn-font-heading text-base leading-none font-medium line-clamp-2", className),
|
|
233
233
|
...props
|
|
234
234
|
});
|
|
235
235
|
}
|
|
@@ -247,7 +247,7 @@ function DialogTitle({ className, ...props }) {
|
|
|
247
247
|
function DialogDescription({ className, ...props }) {
|
|
248
248
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(radix_ui.Dialog.Description, {
|
|
249
249
|
"data-slot": "dialog-description",
|
|
250
|
-
className: (0, _manhphi1309_utils.cn)("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
|
|
250
|
+
className: (0, _manhphi1309_utils.cn)("text-sm text-muted-foreground line-clamp-2 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
|
|
251
251
|
...props
|
|
252
252
|
});
|
|
253
253
|
}
|
|
@@ -411,10 +411,10 @@ function ResponsiveDialogContent({ className, children, showCloseButton = true,
|
|
|
411
411
|
* Typically contains `ResponsiveDialogTitle` and optionally
|
|
412
412
|
* `ResponsiveDialogDescription`.
|
|
413
413
|
*/
|
|
414
|
-
function ResponsiveDialogHeader({ className,
|
|
414
|
+
function ResponsiveDialogHeader({ className, leftAction, rightAction, children, ...props }) {
|
|
415
415
|
if ((0, _manhphi1309_hooks.useIsMobile)()) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_manhphi1309_drawer.DrawerHeader, {
|
|
416
|
-
|
|
417
|
-
|
|
416
|
+
leftAction,
|
|
417
|
+
rightAction,
|
|
418
418
|
className,
|
|
419
419
|
...props,
|
|
420
420
|
children
|
package/dist/index.d.cts
CHANGED
|
@@ -293,13 +293,13 @@ declare function ResponsiveDialogContent({
|
|
|
293
293
|
*/
|
|
294
294
|
declare function ResponsiveDialogHeader({
|
|
295
295
|
className,
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
leftAction,
|
|
297
|
+
rightAction,
|
|
298
298
|
children,
|
|
299
299
|
...props
|
|
300
300
|
}: React.ComponentProps<"div"> & {
|
|
301
|
-
|
|
302
|
-
|
|
301
|
+
leftAction?: React.ReactNode;
|
|
302
|
+
rightAction?: React.ReactNode;
|
|
303
303
|
}): React.JSX.Element;
|
|
304
304
|
/**
|
|
305
305
|
* Layout wrapper for the **bottom action area** of the responsive
|
package/dist/index.d.mts
CHANGED
|
@@ -293,13 +293,13 @@ declare function ResponsiveDialogContent({
|
|
|
293
293
|
*/
|
|
294
294
|
declare function ResponsiveDialogHeader({
|
|
295
295
|
className,
|
|
296
|
-
|
|
297
|
-
|
|
296
|
+
leftAction,
|
|
297
|
+
rightAction,
|
|
298
298
|
children,
|
|
299
299
|
...props
|
|
300
300
|
}: React.ComponentProps<"div"> & {
|
|
301
|
-
|
|
302
|
-
|
|
301
|
+
leftAction?: React.ReactNode;
|
|
302
|
+
rightAction?: React.ReactNode;
|
|
303
303
|
}): React.JSX.Element;
|
|
304
304
|
/**
|
|
305
305
|
* Layout wrapper for the **bottom action area** of the responsive
|
package/dist/index.mjs
CHANGED
|
@@ -205,7 +205,7 @@ function DialogFooter({ className, showCloseButton = false, children, ...props }
|
|
|
205
205
|
function DialogTitle({ className, ...props }) {
|
|
206
206
|
return /* @__PURE__ */ jsx(Dialog$1.Title, {
|
|
207
207
|
"data-slot": "dialog-title",
|
|
208
|
-
className: cn("cn-font-heading text-base leading-none font-medium", className),
|
|
208
|
+
className: cn("cn-font-heading text-base leading-none font-medium line-clamp-2", className),
|
|
209
209
|
...props
|
|
210
210
|
});
|
|
211
211
|
}
|
|
@@ -223,7 +223,7 @@ function DialogTitle({ className, ...props }) {
|
|
|
223
223
|
function DialogDescription({ className, ...props }) {
|
|
224
224
|
return /* @__PURE__ */ jsx(Dialog$1.Description, {
|
|
225
225
|
"data-slot": "dialog-description",
|
|
226
|
-
className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
|
|
226
|
+
className: cn("text-sm text-muted-foreground line-clamp-2 *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
|
|
227
227
|
...props
|
|
228
228
|
});
|
|
229
229
|
}
|
|
@@ -387,10 +387,10 @@ function ResponsiveDialogContent({ className, children, showCloseButton = true,
|
|
|
387
387
|
* Typically contains `ResponsiveDialogTitle` and optionally
|
|
388
388
|
* `ResponsiveDialogDescription`.
|
|
389
389
|
*/
|
|
390
|
-
function ResponsiveDialogHeader({ className,
|
|
390
|
+
function ResponsiveDialogHeader({ className, leftAction, rightAction, children, ...props }) {
|
|
391
391
|
if (useIsMobile()) return /* @__PURE__ */ jsx(DrawerHeader, {
|
|
392
|
-
|
|
393
|
-
|
|
392
|
+
leftAction,
|
|
393
|
+
rightAction,
|
|
394
394
|
className,
|
|
395
395
|
...props,
|
|
396
396
|
children
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@manhphi1309/dialog",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.6",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"main": "./dist/index.cjs",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"react-dom": "^19.0.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@manhphi1309/button": "
|
|
32
|
-
"@manhphi1309/drawer": "
|
|
33
|
-
"@manhphi1309/hooks": "
|
|
34
|
-
"@manhphi1309/utils": "
|
|
31
|
+
"@manhphi1309/button": "*",
|
|
32
|
+
"@manhphi1309/drawer": "*",
|
|
33
|
+
"@manhphi1309/hooks": "*",
|
|
34
|
+
"@manhphi1309/utils": "*",
|
|
35
35
|
"class-variance-authority": "^0.7.1"
|
|
36
36
|
}
|
|
37
37
|
}
|