@sikka/hawa 0.0.174 → 0.0.176

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 (33) hide show
  1. package/dist/styles.css +16 -13
  2. package/es/blocks/AuthForms/SignInForm.d.ts +1 -0
  3. package/es/blocks/AuthForms/SignUpForm.d.ts +1 -0
  4. package/es/blocks/Misc/Newsletter.d.ts +1 -0
  5. package/es/elements/HawaPricingCard.d.ts +9 -6
  6. package/es/index.es.js +1 -1
  7. package/es/layout/HawaContainer.d.ts +1 -0
  8. package/lib/blocks/AuthForms/SignInForm.d.ts +1 -0
  9. package/lib/blocks/AuthForms/SignUpForm.d.ts +1 -0
  10. package/lib/blocks/Misc/Newsletter.d.ts +1 -0
  11. package/lib/elements/HawaPricingCard.d.ts +9 -6
  12. package/lib/index.js +1 -1
  13. package/lib/layout/HawaContainer.d.ts +1 -0
  14. package/package.json +1 -1
  15. package/src/blocks/AuthForms/SignInForm.tsx +2 -2
  16. package/src/blocks/AuthForms/SignUpForm.tsx +4 -3
  17. package/src/blocks/Misc/EmptyState.tsx +1 -1
  18. package/src/blocks/Misc/Newsletter.tsx +11 -4
  19. package/src/elements/HawaButton.tsx +6 -6
  20. package/src/elements/HawaMenu.tsx +1 -1
  21. package/src/elements/HawaPricingCard.tsx +47 -49
  22. package/src/elements/HawaSpinner.tsx +1 -1
  23. package/src/layout/HawaAppLayout.tsx +2 -2
  24. package/src/layout/HawaBottomAppBar.tsx +1 -1
  25. package/src/layout/HawaContainer.tsx +3 -0
  26. package/src/layout/HawaSiteLayout.tsx +0 -1
  27. package/src/styles.css +16 -13
  28. package/src/tailwind.css +2 -2
  29. package/storybook-static/iframe.html +1 -1
  30. package/storybook-static/main.46fe6f33.iframe.bundle.js +1 -0
  31. package/storybook-static/project.json +1 -1
  32. package/tailwind.config.js +7 -22
  33. package/storybook-static/main.ea6f9b48.iframe.bundle.js +0 -1
package/dist/styles.css CHANGED
@@ -382,8 +382,8 @@ video {
382
382
  --button-primary-500: #4c37eb;
383
383
  --button-primary-700: #2e1dac;
384
384
 
385
- --button-secondary: #ffc011;
386
- --button-secondary-darker: #b48d24;
385
+ --button-secondary-500: #ffc011;
386
+ --button-secondary-700: #b48d24;
387
387
 
388
388
  --border-radius: 13px;
389
389
  }
@@ -1439,9 +1439,6 @@ video {
1439
1439
  .bg-buttonPrimary-500 {
1440
1440
  background-color: var(--button-primary-500);
1441
1441
  }
1442
- .bg-buttonSecondary-default {
1443
- background-color: var(--button-secondary);
1444
- }
1445
1442
  .bg-red-200 {
1446
1443
  --tw-bg-opacity: 1;
1447
1444
  background-color: rgb(254 202 202 / var(--tw-bg-opacity));
@@ -1502,9 +1499,8 @@ video {
1502
1499
  --tw-bg-opacity: 1;
1503
1500
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
1504
1501
  }
1505
- .bg-buttonPrimary-lighter {
1506
- --tw-bg-opacity: 1;
1507
- background-color: rgb(237 235 253 / var(--tw-bg-opacity));
1502
+ .bg-buttonPrimary-300 {
1503
+ background-color: var(--button-primary-300);
1508
1504
  }
1509
1505
  .bg-blue-400 {
1510
1506
  --tw-bg-opacity: 1;
@@ -1959,8 +1955,12 @@ body {
1959
1955
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
1960
1956
  }
1961
1957
 
1962
- .hover\:bg-buttonSecondary-darker:hover {
1963
- background-color: var(--button-secondary-darker);
1958
+ .hover\:bg-buttonPrimary-700:hover {
1959
+ background-color: var(--button-primary-700);
1960
+ }
1961
+
1962
+ .hover\:bg-buttonSecondary-700:hover {
1963
+ background-color: var(--button-secondary-700);
1964
1964
  }
1965
1965
 
1966
1966
  .hover\:bg-gray-50:hover {
@@ -1991,9 +1991,8 @@ body {
1991
1991
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
1992
1992
  }
1993
1993
 
1994
- .hover\:bg-buttonPrimary-lighter:hover {
1995
- --tw-bg-opacity: 1;
1996
- background-color: rgb(237 235 253 / var(--tw-bg-opacity));
1994
+ .hover\:bg-buttonPrimary-300:hover {
1995
+ background-color: var(--button-primary-300);
1997
1996
  }
1998
1997
 
1999
1998
  .hover\:text-gray-900:hover {
@@ -2293,6 +2292,10 @@ body {
2293
2292
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
2294
2293
  }
2295
2294
 
2295
+ .dark .dark\:hover\:bg-buttonPrimary-700:hover {
2296
+ background-color: var(--button-primary-700);
2297
+ }
2298
+
2296
2299
  .dark .dark\:hover\:text-white:hover {
2297
2300
  --tw-text-opacity: 1;
2298
2301
  color: rgb(255 255 255 / var(--tw-text-opacity));
package/es/blocks/AuthForms/SignInForm.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  type SignInFormTypes = {
3
+ language?: string;
3
4
  showError?: any;
4
5
  errorTitle?: string;
5
6
  errorText?: string;
package/es/blocks/AuthForms/SignUpForm.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  import React from "react";
2
2
  type SignUpFormTypes = {
3
+ language?: string;
3
4
  texts: {
4
5
  fullNameLabel: string;
5
6
  fullNamePlaceholder: string;
package/es/blocks/Misc/Newsletter.d.ts CHANGED
@@ -5,6 +5,7 @@ type TNewsletter = {
5
5
  wantToStayUpdated: string;
6
6
  subscribeToNewsletter: string;
7
7
  };
8
+ handleNewsletterSub: (e: string) => void;
8
9
  };
9
10
  export declare const Newsletter: React.FunctionComponent<TNewsletter>;
10
11
  export {};
package/es/elements/HawaPricingCard.d.ts CHANGED
@@ -1,14 +1,17 @@
1
1
  import React from "react";
2
2
  type PricingCardTypes = {
3
3
  lang: "ar" | "en";
4
- features: [any];
5
- features_ar: [any];
4
+ features: [{
5
+ included: boolean;
6
+ text: string;
7
+ }];
6
8
  title: string;
7
- title_ar: string;
8
9
  price: number;
9
- currency: string;
10
- buttonText: string;
11
- cycleText: string;
10
+ texts: {
11
+ buttonText: string;
12
+ cycleText: string;
13
+ currencyText: string;
14
+ };
12
15
  size: "small" | "medium" | "large";
13
16
  };
14
17
  export declare const HawaPricingCard: React.FunctionComponent<PricingCardTypes>;