@sikka/hawa 0.0.208 → 0.0.210
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/styles.css +3 -4
- package/es/blocks/Pricing/ComparingPlans.d.ts +33 -2
- package/es/blocks/Pricing/PricingPlans.d.ts +15 -1
- package/es/elements/HawaPricingCard.d.ts +1 -0
- package/es/index.es.js +1 -1
- package/lib/blocks/Pricing/ComparingPlans.d.ts +33 -2
- package/lib/blocks/Pricing/PricingPlans.d.ts +15 -1
- package/lib/elements/HawaPricingCard.d.ts +1 -0
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/Pricing/ComparingPlans.tsx +92 -95
- package/src/blocks/Pricing/PricingPlans.tsx +32 -28
- package/src/elements/HawaPricingCard.tsx +21 -35
- package/src/elements/HawaTabs.tsx +22 -13
- package/src/styles.css +3 -4
package/dist/styles.css
CHANGED
|
@@ -1539,6 +1539,9 @@ video {
|
|
|
1539
1539
|
.p-0 {
|
|
1540
1540
|
padding: 0px;
|
|
1541
1541
|
}
|
|
1542
|
+
.p-0\.5 {
|
|
1543
|
+
padding: 0.125rem;
|
|
1544
|
+
}
|
|
1542
1545
|
.p-1 {
|
|
1543
1546
|
padding: 0.25rem;
|
|
1544
1547
|
}
|
|
@@ -2468,10 +2471,6 @@ body {
|
|
|
2468
2471
|
|
|
2469
2472
|
@media (min-width: 640px) {
|
|
2470
2473
|
|
|
2471
|
-
.sm\:p-8 {
|
|
2472
|
-
padding: 2rem;
|
|
2473
|
-
}
|
|
2474
|
-
|
|
2475
2474
|
.sm\:after\:inline-block::after {
|
|
2476
2475
|
content: var(--tw-content);
|
|
2477
2476
|
display: inline-block;
|
|
@@ -1,7 +1,38 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type ComparingPlansTypes = {
|
|
3
|
-
plans:
|
|
4
|
-
|
|
3
|
+
plans: [
|
|
4
|
+
{
|
|
5
|
+
direction: "rtl" | "ltr";
|
|
6
|
+
features: [{
|
|
7
|
+
included: boolean;
|
|
8
|
+
text: string;
|
|
9
|
+
}];
|
|
10
|
+
price: number;
|
|
11
|
+
texts: {
|
|
12
|
+
title: string;
|
|
13
|
+
subtitle: string;
|
|
14
|
+
buttonText: string;
|
|
15
|
+
cycleText: string;
|
|
16
|
+
currencyText: string;
|
|
17
|
+
};
|
|
18
|
+
size: "small" | "medium" | "large";
|
|
19
|
+
}
|
|
20
|
+
];
|
|
21
|
+
currencies: [
|
|
22
|
+
{
|
|
23
|
+
label: string;
|
|
24
|
+
value: string;
|
|
25
|
+
}
|
|
26
|
+
];
|
|
27
|
+
billingCycles: [
|
|
28
|
+
{
|
|
29
|
+
label: string;
|
|
30
|
+
value: string;
|
|
31
|
+
}
|
|
32
|
+
];
|
|
33
|
+
onCycleChange?: (e: any) => void;
|
|
34
|
+
onCurrencyChange?: (e: any) => void;
|
|
35
|
+
direction?: "rtl" | "ltr";
|
|
5
36
|
};
|
|
6
37
|
export declare const ComparingPlans: React.FunctionComponent<ComparingPlansTypes>;
|
|
7
38
|
export {};
|
|
@@ -18,7 +18,21 @@ type PricingPlansTypes = {
|
|
|
18
18
|
size: "small" | "medium" | "large";
|
|
19
19
|
}
|
|
20
20
|
];
|
|
21
|
-
|
|
21
|
+
currencies: [
|
|
22
|
+
{
|
|
23
|
+
label: string;
|
|
24
|
+
value: string;
|
|
25
|
+
}
|
|
26
|
+
];
|
|
27
|
+
billingCycles: [
|
|
28
|
+
{
|
|
29
|
+
label: string;
|
|
30
|
+
value: string;
|
|
31
|
+
}
|
|
32
|
+
];
|
|
33
|
+
onCycleChange?: (e: any) => void;
|
|
34
|
+
onCurrencyChange?: (e: any) => void;
|
|
35
|
+
direction?: "rtl" | "ltr";
|
|
22
36
|
};
|
|
23
37
|
export declare const PricingPlans: React.FunctionComponent<PricingPlansTypes>;
|
|
24
38
|
export {};
|