@sikka/hawa 0.0.171 → 0.0.173

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.
Files changed (53) hide show
  1. package/dist/styles.css +19 -34
  2. package/es/blocks/Misc/Testimonial.d.ts +6 -0
  3. package/es/blocks/Misc/index.d.ts +1 -0
  4. package/es/index.es.js +1 -1
  5. package/es/layout/HawaSiteLayout.d.ts +20 -6
  6. package/lib/blocks/Misc/Testimonial.d.ts +6 -0
  7. package/lib/blocks/Misc/index.d.ts +1 -0
  8. package/lib/index.js +1 -1
  9. package/lib/layout/HawaSiteLayout.d.ts +20 -6
  10. package/package.json +1 -1
  11. package/src/blocks/AuthForms/SignInForm.tsx +1 -0
  12. package/src/blocks/Misc/Testimonial.tsx +52 -0
  13. package/src/blocks/Misc/index.ts +2 -0
  14. package/src/blocks/Pricing/ComparingPlans.tsx +5 -5
  15. package/src/blocks/Pricing/PricingPlans.tsx +2 -2
  16. package/src/blocks/Referral/ReferralAccount.tsx +4 -3
  17. package/src/blocks/Referral/ReferralSettlement.tsx +2 -2
  18. package/src/blocks/Referral/ReferralStats.tsx +3 -3
  19. package/src/elements/DragDropImages.tsx +3 -3
  20. package/src/elements/DraggableCard.tsx +2 -2
  21. package/src/elements/HawaAccordian.tsx +2 -2
  22. package/src/elements/HawaAdCard.tsx +4 -4
  23. package/src/elements/HawaAlert.tsx +1 -1
  24. package/src/elements/HawaButton.tsx +3 -3
  25. package/src/elements/HawaCardInput.tsx +5 -5
  26. package/src/elements/HawaChip.tsx +1 -1
  27. package/src/elements/HawaItemCard.tsx +2 -2
  28. package/src/elements/HawaLogoButton.tsx +1 -1
  29. package/src/elements/HawaMenu.tsx +4 -4
  30. package/src/elements/HawaModal.tsx +2 -2
  31. package/src/elements/HawaPanelTabs.tsx +1 -1
  32. package/src/elements/HawaPhoneInput.tsx +2 -2
  33. package/src/elements/HawaPricingCard.tsx +4 -4
  34. package/src/elements/HawaRadio.tsx +3 -3
  35. package/src/elements/HawaRange.tsx +1 -1
  36. package/src/elements/HawaSelect.tsx +3 -3
  37. package/src/elements/HawaSettingsRow.tsx +1 -1
  38. package/src/elements/HawaSnackbar.tsx +2 -2
  39. package/src/elements/HawaStats.tsx +1 -1
  40. package/src/elements/HawaTable.tsx +1 -1
  41. package/src/elements/HawaTabs.tsx +6 -6
  42. package/src/elements/HawaTextField.tsx +3 -3
  43. package/src/elements/HawaTimeline.tsx +5 -5
  44. package/src/elements/HawaTooltip.tsx +4 -8
  45. package/src/layout/HawaAppLayout.tsx +5 -5
  46. package/src/layout/HawaBottomAppBar.tsx +2 -2
  47. package/src/layout/HawaContainer.tsx +1 -1
  48. package/src/layout/HawaSiteLayout.tsx +125 -278
  49. package/src/styles.css +19 -34
  50. package/src/tailwind.css +2 -0
  51. package/tailwind.config.js +3 -0
  52. package/es/stories/LayoutStories/SimpleGrid.stories.d.ts +0 -4
  53. package/lib/stories/LayoutStories/SimpleGrid.stories.d.ts +0 -4
package/dist/styles.css CHANGED
@@ -383,6 +383,8 @@ video {
383
383
 
384
384
  --button-secondary: #ffc011;
385
385
  --button-secondary-darker: #b48d24;
386
+
387
+ --border-radius: 13px;
386
388
  }
387
389
  input[type="number"]::-webkit-inner-spin-button,
388
390
  input[type="number"]::-webkit-outer-spin-button {
@@ -638,6 +640,9 @@ video {
638
640
  .-left-1 {
639
641
  left: -0.25rem;
640
642
  }
643
+ .top-2\.5 {
644
+ top: 0.625rem;
645
+ }
641
646
  .right-2\.5 {
642
647
  right: 0.625rem;
643
648
  }
@@ -647,9 +652,6 @@ video {
647
652
  .left-2 {
648
653
  left: 0.5rem;
649
654
  }
650
- .top-2\.5 {
651
- top: 0.625rem;
652
- }
653
655
  .bottom-2 {
654
656
  bottom: 0.5rem;
655
657
  }
@@ -898,6 +900,9 @@ video {
898
900
  .h-\[1px\] {
899
901
  height: 1px;
900
902
  }
903
+ .h-44 {
904
+ height: 11rem;
905
+ }
901
906
  .h-96 {
902
907
  height: 24rem;
903
908
  }
@@ -984,12 +989,6 @@ video {
984
989
  .w-10\/12 {
985
990
  width: 83.333333%;
986
991
  }
987
- .w-80 {
988
- width: 20rem;
989
- }
990
- .w-12 {
991
- width: 3rem;
992
- }
993
992
  .min-w-min {
994
993
  min-width: -moz-min-content;
995
994
  min-width: min-content;
@@ -1159,11 +1158,6 @@ video {
1159
1158
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
1160
1159
  margin-bottom: calc(0px * var(--tw-space-y-reverse));
1161
1160
  }
1162
- .space-y-2 > :not([hidden]) ~ :not([hidden]) {
1163
- --tw-space-y-reverse: 0;
1164
- margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
1165
- margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
1166
- }
1167
1161
  .divide-y > :not([hidden]) ~ :not([hidden]) {
1168
1162
  --tw-divide-y-reverse: 0;
1169
1163
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
@@ -1212,21 +1206,21 @@ video {
1212
1206
  .whitespace-nowrap {
1213
1207
  white-space: nowrap;
1214
1208
  }
1209
+ .rounded {
1210
+ border-radius: var(--border-radius);
1211
+ }
1215
1212
  .rounded-lg {
1216
1213
  border-radius: 0.5rem;
1217
1214
  }
1218
- .rounded-xl {
1219
- border-radius: 0.75rem;
1220
- }
1221
- .rounded {
1222
- border-radius: 0.25rem;
1223
- }
1224
1215
  .rounded-full {
1225
1216
  border-radius: 9999px;
1226
1217
  }
1227
1218
  .rounded-none {
1228
1219
  border-radius: 0px;
1229
1220
  }
1221
+ .rounded-\[30px\] {
1222
+ border-radius: 30px;
1223
+ }
1230
1224
  .rounded-3xl {
1231
1225
  border-radius: 1.5rem;
1232
1226
  }
@@ -1251,8 +1245,8 @@ video {
1251
1245
  border-bottom-left-radius: 0.5rem;
1252
1246
  }
1253
1247
  .rounded-t {
1254
- border-top-left-radius: 0.25rem;
1255
- border-top-right-radius: 0.25rem;
1248
+ border-top-left-radius: var(--border-radius);
1249
+ border-top-right-radius: var(--border-radius);
1256
1250
  }
1257
1251
  .rounded-l-none {
1258
1252
  border-top-left-radius: 0px;
@@ -1527,6 +1521,9 @@ video {
1527
1521
  .bg-\[url\(\'https\:\/\/via\.placeholder\.com\/50\'\)\] {
1528
1522
  background-image: url('https://via.placeholder.com/50');
1529
1523
  }
1524
+ .bg-none {
1525
+ background-image: none;
1526
+ }
1530
1527
  .bg-cover {
1531
1528
  background-size: cover;
1532
1529
  }
@@ -1620,10 +1617,6 @@ video {
1620
1617
  padding-top: 0.75rem;
1621
1618
  padding-bottom: 0.75rem;
1622
1619
  }
1623
- .py-4 {
1624
- padding-top: 1rem;
1625
- padding-bottom: 1rem;
1626
- }
1627
1620
  .py-5 {
1628
1621
  padding-top: 1.25rem;
1629
1622
  padding-bottom: 1.25rem;
@@ -1667,9 +1660,6 @@ video {
1667
1660
  .align-middle {
1668
1661
  vertical-align: middle;
1669
1662
  }
1670
- .font-plex {
1671
- font-family: IBM Plex Sans Arabic;
1672
- }
1673
1663
  .text-sm {
1674
1664
  font-size: 0.875rem;
1675
1665
  line-height: 1.25rem;
@@ -2158,11 +2148,6 @@ body {
2158
2148
  flex-direction: row-reverse;
2159
2149
  }
2160
2150
 
2161
- .dark .dark\:divide-gray-600 > :not([hidden]) ~ :not([hidden]) {
2162
- --tw-divide-opacity: 1;
2163
- border-color: rgb(75 85 99 / var(--tw-divide-opacity));
2164
- }
2165
-
2166
2151
  .dark .dark\:border-gray-700 {
2167
2152
  --tw-border-opacity: 1;
2168
2153
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ type TEmptyState = {
3
+ variant?: "outlined" | "contained" | "neobrutalism";
4
+ };
5
+ export declare const Testimonial: React.FunctionComponent<TEmptyState>;
6
+ export {};
@@ -1,3 +1,4 @@
1
1
  export * from "./NotFound";
2
2
  export * from "./EmptyState";
3
3
  export * from "./Newsletter";
4
+ export * from "./Testimonial";