@scripso-homepad/ui 0.4.27 → 0.4.28
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/web/index.cjs +14 -7
- package/dist/web/index.cjs.map +1 -1
- package/dist/web/index.d.cts +3 -1
- package/dist/web/index.d.ts +3 -1
- package/dist/web/index.js +14 -7
- package/dist/web/index.js.map +1 -1
- package/package.json +1 -1
- package/src/web/components/ConfirmModal.tsx +5 -2
- package/src/web/components/Modal.tsx +11 -5
package/package.json
CHANGED
|
@@ -57,7 +57,10 @@ export function ConfirmModal({
|
|
|
57
57
|
return null;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
const sharedButtonClassName = cn(
|
|
60
|
+
const sharedButtonClassName = cn(
|
|
61
|
+
'btn h-10! w-full! min-w-0! justify-center!',
|
|
62
|
+
buttonClassName,
|
|
63
|
+
);
|
|
61
64
|
|
|
62
65
|
return (
|
|
63
66
|
<div
|
|
@@ -98,7 +101,7 @@ export function ConfirmModal({
|
|
|
98
101
|
</div>
|
|
99
102
|
</header>
|
|
100
103
|
|
|
101
|
-
<footer className="
|
|
104
|
+
<footer className="grid w-full grid-cols-2 gap-4">
|
|
102
105
|
<Button
|
|
103
106
|
title={cancelText}
|
|
104
107
|
onPress={onCancel}
|
|
@@ -14,6 +14,8 @@ export type ModalProps = {
|
|
|
14
14
|
subtitle?: string;
|
|
15
15
|
icon?: ReactNode;
|
|
16
16
|
iconContainerClassName?: string;
|
|
17
|
+
titleClassName?: string;
|
|
18
|
+
subtitleClassName?: string;
|
|
17
19
|
children: ReactNode;
|
|
18
20
|
cancelText: string;
|
|
19
21
|
confirmText: string;
|
|
@@ -42,6 +44,8 @@ export function Modal({
|
|
|
42
44
|
subtitle,
|
|
43
45
|
icon,
|
|
44
46
|
iconContainerClassName,
|
|
47
|
+
titleClassName,
|
|
48
|
+
subtitleClassName,
|
|
45
49
|
children,
|
|
46
50
|
cancelText,
|
|
47
51
|
confirmText,
|
|
@@ -84,9 +88,8 @@ export function Modal({
|
|
|
84
88
|
}
|
|
85
89
|
|
|
86
90
|
const sharedButtonClassName = cn(
|
|
87
|
-
'btn h-13 w-full justify-center!',
|
|
88
|
-
|
|
89
|
-
footerLayout !== 'split' && buttonClassName,
|
|
91
|
+
'btn h-13 w-full! min-w-0! justify-center!',
|
|
92
|
+
buttonClassName,
|
|
90
93
|
);
|
|
91
94
|
|
|
92
95
|
const modal = (
|
|
@@ -132,14 +135,17 @@ export function Modal({
|
|
|
132
135
|
<div className="flex min-w-0 flex-col gap-2">
|
|
133
136
|
<h2
|
|
134
137
|
id="homepad-modal-title"
|
|
135
|
-
className=
|
|
138
|
+
className={cn('typography-title-sm tracking-normal text-black', titleClassName)}
|
|
136
139
|
>
|
|
137
140
|
{title}
|
|
138
141
|
</h2>
|
|
139
142
|
{subtitle ? (
|
|
140
143
|
<p
|
|
141
144
|
id="homepad-modal-subtitle"
|
|
142
|
-
className=
|
|
145
|
+
className={cn(
|
|
146
|
+
'typography-caption tracking-normal text-storm-gray-400',
|
|
147
|
+
subtitleClassName,
|
|
148
|
+
)}
|
|
143
149
|
>
|
|
144
150
|
{subtitle}
|
|
145
151
|
</p>
|