pricing-table.ts
1.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
export default {
"slots": {
"root": "w-full relative",
"table": "w-full table-fixed border-separate border-spacing-x-0 hidden md:table h-fit",
"list": "md:hidden flex flex-col gap-6 w-full",
"item": "p-6 flex flex-col border border-default rounded-lg",
"caption": "sr-only",
"thead": "",
"tbody": "",
"tr": "",
"th": "py-4 font-normal text-left rtl:text-right border-b border-default",
"td": "px-6 py-4 text-center border-b border-default",
"tier": "p-6 text-left rtl:text-right font-normal align-top h-full",
"tierWrapper": "flex flex-col md:h-full",
"tierTitleWrapper": "flex items-center gap-3",
"tierTitle": "text-lg font-semibold text-highlighted",
"tierDescription": "text-sm font-normal text-muted mt-1",
"tierBadge": "truncate",
"tierPriceWrapper": "flex items-center gap-1 mt-4",
"tierPrice": "text-highlighted text-3xl sm:text-4xl font-semibold",
"tierDiscount": "text-muted line-through text-xl sm:text-2xl",
"tierBilling": "flex flex-col justify-between min-w-0",
"tierBillingPeriod": "text-toned truncate text-xs font-medium",
"tierBillingCycle": "text-muted truncate text-xs font-medium",
"tierButton": "mt-6 md:mt-auto md:pt-6",
"tierFeatureIcon": "size-5 shrink-0",
"section": "mt-6 flex flex-col gap-2",
"sectionTitle": "font-semibold text-sm text-highlighted",
"feature": "flex items-center justify-between gap-1",
"featureTitle": "text-sm text-default",
"featureValue": "text-sm text-muted flex justify-center min-w-5"
},
"variants": {
"section": {
"true": {
"tr": "*:pt-8"
}
},
"active": {
"true": {
"tierFeatureIcon": "text-primary"
}
},
"highlight": {
"true": {
"tier": "bg-elevated/50 border-x border-t border-default rounded-t-lg",
"td": "bg-elevated/50 border-x border-default",
"item": "bg-elevated/50"
}
}
}
}