@sikka/hawa 0.0.207 → 0.0.209
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 -14
- package/es/blocks/Pricing/PricingPlans.d.ts +33 -2
- package/es/elements/HawaPricingCard.d.ts +3 -2
- package/es/index.es.js +1 -1
- package/lib/blocks/Pricing/PricingPlans.d.ts +33 -2
- package/lib/elements/HawaPricingCard.d.ts +3 -2
- package/lib/index.js +1 -1
- package/package.json +1 -1
- package/src/blocks/Pricing/ComparingPlans.tsx +0 -1
- package/src/blocks/Pricing/PricingPlans.tsx +43 -39
- package/src/elements/HawaMenu.tsx +2 -15
- package/src/elements/HawaPricingCard.tsx +24 -37
- package/src/elements/HawaTabs.tsx +22 -13
- package/src/styles.css +3 -14
package/dist/styles.css
CHANGED
|
@@ -584,9 +584,6 @@ video {
|
|
|
584
584
|
.bottom-4 {
|
|
585
585
|
bottom: 1rem;
|
|
586
586
|
}
|
|
587
|
-
.bottom-8 {
|
|
588
|
-
bottom: 2rem;
|
|
589
|
-
}
|
|
590
587
|
.left-0 {
|
|
591
588
|
left: 0px;
|
|
592
589
|
}
|
|
@@ -632,9 +629,6 @@ video {
|
|
|
632
629
|
.top-4 {
|
|
633
630
|
top: 1rem;
|
|
634
631
|
}
|
|
635
|
-
.top-8 {
|
|
636
|
-
top: 2rem;
|
|
637
|
-
}
|
|
638
632
|
.top-auto {
|
|
639
633
|
top: auto;
|
|
640
634
|
}
|
|
@@ -883,10 +877,6 @@ video {
|
|
|
883
877
|
.h-full {
|
|
884
878
|
height: 100%;
|
|
885
879
|
}
|
|
886
|
-
.h-max {
|
|
887
|
-
height: -moz-max-content;
|
|
888
|
-
height: max-content;
|
|
889
|
-
}
|
|
890
880
|
.h-screen {
|
|
891
881
|
height: 100vh;
|
|
892
882
|
}
|
|
@@ -1478,10 +1468,6 @@ video {
|
|
|
1478
1468
|
--tw-bg-opacity: 1;
|
|
1479
1469
|
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
|
|
1480
1470
|
}
|
|
1481
|
-
.bg-green-400 {
|
|
1482
|
-
--tw-bg-opacity: 1;
|
|
1483
|
-
background-color: rgb(74 222 128 / var(--tw-bg-opacity));
|
|
1484
|
-
}
|
|
1485
1471
|
.bg-green-500 {
|
|
1486
1472
|
--tw-bg-opacity: 1;
|
|
1487
1473
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
@@ -1553,6 +1539,9 @@ video {
|
|
|
1553
1539
|
.p-0 {
|
|
1554
1540
|
padding: 0px;
|
|
1555
1541
|
}
|
|
1542
|
+
.p-0\.5 {
|
|
1543
|
+
padding: 0.125rem;
|
|
1544
|
+
}
|
|
1556
1545
|
.p-1 {
|
|
1557
1546
|
padding: 0.25rem;
|
|
1558
1547
|
}
|
|
@@ -1,7 +1,38 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type PricingPlansTypes = {
|
|
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 PricingPlans: React.FunctionComponent<PricingPlansTypes>;
|
|
7
38
|
export {};
|
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
type PricingCardTypes = {
|
|
3
|
-
|
|
3
|
+
direction?: "rtl" | "ltr";
|
|
4
4
|
features: [{
|
|
5
5
|
included: boolean;
|
|
6
6
|
text: string;
|
|
7
7
|
}];
|
|
8
|
-
title: string;
|
|
9
8
|
price: number;
|
|
10
9
|
texts: {
|
|
10
|
+
title: string;
|
|
11
11
|
subtitle: string;
|
|
12
12
|
buttonText: string;
|
|
13
13
|
cycleText: string;
|
|
14
14
|
currencyText: string;
|
|
15
15
|
};
|
|
16
|
+
currentPlan?: boolean;
|
|
16
17
|
size: "small" | "medium" | "large";
|
|
17
18
|
};
|
|
18
19
|
export declare const HawaPricingCard: React.FunctionComponent<PricingCardTypes>;
|