@sikka/hawa 0.0.219 → 0.0.221
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 +27 -2
- package/es/blocks/Misc/LeadGenerator.d.ts +12 -0
- package/es/blocks/Misc/index.d.ts +1 -0
- package/es/elements/HawaCheckbox.d.ts +1 -0
- package/es/index.es.js +1 -1
- package/es/layout/Footer.d.ts +20 -0
- package/es/layout/index.d.ts +1 -0
- package/lib/blocks/Misc/LeadGenerator.d.ts +12 -0
- package/lib/blocks/Misc/index.d.ts +1 -0
- package/lib/elements/HawaCheckbox.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/layout/Footer.d.ts +20 -0
- package/lib/layout/index.d.ts +1 -0
- package/package.json +1 -1
- package/src/blocks/Misc/LeadGenerator.tsx +46 -0
- package/src/blocks/Misc/index.ts +1 -1
- package/src/elements/HawaButton.tsx +2 -1
- package/src/elements/HawaCheckbox.tsx +6 -5
- package/src/elements/HawaSelect.tsx +1 -1
- package/src/elements/HawaTextField.tsx +1 -2
- package/src/layout/Footer.tsx +74 -0
- package/src/layout/index.ts +1 -0
- package/src/styles.css +27 -2
package/dist/styles.css
CHANGED
|
@@ -813,6 +813,9 @@ video {
|
|
|
813
813
|
.h-11 {
|
|
814
814
|
height: 2.75rem;
|
|
815
815
|
}
|
|
816
|
+
.h-12 {
|
|
817
|
+
height: 3rem;
|
|
818
|
+
}
|
|
816
819
|
.h-14 {
|
|
817
820
|
height: 3.5rem;
|
|
818
821
|
}
|
|
@@ -861,8 +864,8 @@ video {
|
|
|
861
864
|
.h-\[1px\] {
|
|
862
865
|
height: 1px;
|
|
863
866
|
}
|
|
864
|
-
.h-\[2\.
|
|
865
|
-
height: 2.
|
|
867
|
+
.h-\[2\.36rem\] {
|
|
868
|
+
height: 2.36rem;
|
|
866
869
|
}
|
|
867
870
|
.h-\[calc\(100\%-3\.5rem\)\] {
|
|
868
871
|
height: calc(100% - 3.5rem);
|
|
@@ -929,6 +932,9 @@ video {
|
|
|
929
932
|
.w-3 {
|
|
930
933
|
width: 0.75rem;
|
|
931
934
|
}
|
|
935
|
+
.w-32 {
|
|
936
|
+
width: 8rem;
|
|
937
|
+
}
|
|
932
938
|
.w-4 {
|
|
933
939
|
width: 1rem;
|
|
934
940
|
}
|
|
@@ -1140,6 +1146,9 @@ video {
|
|
|
1140
1146
|
.gap-4 {
|
|
1141
1147
|
gap: 1rem;
|
|
1142
1148
|
}
|
|
1149
|
+
.gap-8 {
|
|
1150
|
+
gap: 2rem;
|
|
1151
|
+
}
|
|
1143
1152
|
.gap-9 {
|
|
1144
1153
|
gap: 2.25rem;
|
|
1145
1154
|
}
|
|
@@ -1424,6 +1433,10 @@ video {
|
|
|
1424
1433
|
--tw-bg-opacity: 1;
|
|
1425
1434
|
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
|
|
1426
1435
|
}
|
|
1436
|
+
.bg-blue-200 {
|
|
1437
|
+
--tw-bg-opacity: 1;
|
|
1438
|
+
background-color: rgb(191 219 254 / var(--tw-bg-opacity));
|
|
1439
|
+
}
|
|
1427
1440
|
.bg-blue-50 {
|
|
1428
1441
|
--tw-bg-opacity: 1;
|
|
1429
1442
|
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
|
|
@@ -1470,6 +1483,10 @@ video {
|
|
|
1470
1483
|
--tw-bg-opacity: 1;
|
|
1471
1484
|
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
|
|
1472
1485
|
}
|
|
1486
|
+
.bg-green-300 {
|
|
1487
|
+
--tw-bg-opacity: 1;
|
|
1488
|
+
background-color: rgb(134 239 172 / var(--tw-bg-opacity));
|
|
1489
|
+
}
|
|
1473
1490
|
.bg-green-500 {
|
|
1474
1491
|
--tw-bg-opacity: 1;
|
|
1475
1492
|
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
|
|
@@ -1515,6 +1532,10 @@ video {
|
|
|
1515
1532
|
--tw-bg-opacity: 1;
|
|
1516
1533
|
background-color: rgb(254 249 195 / var(--tw-bg-opacity));
|
|
1517
1534
|
}
|
|
1535
|
+
.bg-yellow-300 {
|
|
1536
|
+
--tw-bg-opacity: 1;
|
|
1537
|
+
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
|
|
1538
|
+
}
|
|
1518
1539
|
.bg-yellow-400 {
|
|
1519
1540
|
--tw-bg-opacity: 1;
|
|
1520
1541
|
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
|
|
@@ -2082,6 +2103,10 @@ body {
|
|
|
2082
2103
|
background-color: var(--layout-primary-700);
|
|
2083
2104
|
}
|
|
2084
2105
|
|
|
2106
|
+
.hover\:font-bold:hover {
|
|
2107
|
+
font-weight: 700;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2085
2110
|
.hover\:text-blue-600:hover {
|
|
2086
2111
|
--tw-text-opacity: 1;
|
|
2087
2112
|
color: rgb(37 99 235 / var(--tw-text-opacity));
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
type TLeadGenerator = {
|
|
3
|
+
variant?: "outlined" | "contained" | "neobrutalism";
|
|
4
|
+
texts: {
|
|
5
|
+
title: string;
|
|
6
|
+
subtitle: string;
|
|
7
|
+
submit: string;
|
|
8
|
+
};
|
|
9
|
+
handleNewsletterSub: (e: string) => void;
|
|
10
|
+
};
|
|
11
|
+
export declare const LeadGenerator: React.FunctionComponent<TLeadGenerator>;
|
|
12
|
+
export {};
|