@makolabs/ripple 0.0.1-dev.40 → 0.0.1-dev.42
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.
|
@@ -22,7 +22,6 @@
|
|
|
22
22
|
base,
|
|
23
23
|
header,
|
|
24
24
|
title: titleClass,
|
|
25
|
-
description: descriptionClass,
|
|
26
25
|
body
|
|
27
26
|
} = accordion({ color, open, bordered });
|
|
28
27
|
|
|
@@ -54,12 +53,12 @@
|
|
|
54
53
|
<h3 class={titleClass()}>{title}</h3>
|
|
55
54
|
{/if}
|
|
56
55
|
{#if description}
|
|
57
|
-
<p class=
|
|
56
|
+
<p class="text-default-500 text-xs whitespace-nowrap">{description}</p>
|
|
58
57
|
{/if}
|
|
59
58
|
</div>
|
|
60
59
|
</div>
|
|
60
|
+
{@render summary?.()}
|
|
61
61
|
<div class="flex items-center">
|
|
62
|
-
{@render summary?.()}
|
|
63
62
|
<svg
|
|
64
63
|
xmlns="http://www.w3.org/2000/svg"
|
|
65
64
|
width="20"
|
|
@@ -63,7 +63,6 @@ export declare const accordion: import("tailwind-variants").TVReturnType<{
|
|
|
63
63
|
base: string;
|
|
64
64
|
header: string;
|
|
65
65
|
title: string;
|
|
66
|
-
description: string;
|
|
67
66
|
body: string;
|
|
68
67
|
}, undefined, {
|
|
69
68
|
color: {
|
|
@@ -129,7 +128,6 @@ export declare const accordion: import("tailwind-variants").TVReturnType<{
|
|
|
129
128
|
base: string;
|
|
130
129
|
header: string;
|
|
131
130
|
title: string;
|
|
132
|
-
description: string;
|
|
133
131
|
body: string;
|
|
134
132
|
}, import("tailwind-variants").TVReturnType<{
|
|
135
133
|
color: {
|
|
@@ -195,6 +193,5 @@ export declare const accordion: import("tailwind-variants").TVReturnType<{
|
|
|
195
193
|
base: string;
|
|
196
194
|
header: string;
|
|
197
195
|
title: string;
|
|
198
|
-
description: string;
|
|
199
196
|
body: string;
|
|
200
197
|
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -4,8 +4,7 @@ export const accordion = tv({
|
|
|
4
4
|
slots: {
|
|
5
5
|
base: 'w-full relative overflow-hidden rounded-xl transition-all duration-200 hover:shadow-md bg-white border border-default-200',
|
|
6
6
|
header: 'w-full flex cursor-pointer items-center justify-between p-4 transition-colors duration-200 hover:bg-default-50',
|
|
7
|
-
title: 'flex text-default-900 text-
|
|
8
|
-
description: 'text-default-500 text-xs',
|
|
7
|
+
title: 'flex text-default-900 text-lg font-medium leading-tight',
|
|
9
8
|
body: 'w-full border-t border-default-200 p-4 pt-3 transition-all',
|
|
10
9
|
},
|
|
11
10
|
variants: {
|