@sikka/hawa 0.0.286 → 0.0.287

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 (32) hide show
  1. package/dist/styles.css +19 -8
  2. package/es/blocks/AuthForms/SignInForm.d.ts +3 -3
  3. package/es/blocks/AuthForms/SignUpForm.d.ts +3 -3
  4. package/es/elements/HawaButton.d.ts +1 -1
  5. package/es/elements/HawaLogoButton.d.ts +1 -0
  6. package/es/index.es.js +3 -3
  7. package/es/stories/ManualStories/Overview.stories.d.ts +0 -1
  8. package/lib/blocks/AuthForms/SignInForm.d.ts +3 -3
  9. package/lib/blocks/AuthForms/SignUpForm.d.ts +3 -3
  10. package/lib/elements/HawaButton.d.ts +1 -1
  11. package/lib/elements/HawaLogoButton.d.ts +1 -0
  12. package/lib/index.js +3 -3
  13. package/lib/stories/ManualStories/Overview.stories.d.ts +0 -1
  14. package/package.json +1 -1
  15. package/src/blocks/Account/UserSettingsForm.tsx +1 -3
  16. package/src/blocks/AuthForms/SignInForm.tsx +9 -6
  17. package/src/blocks/AuthForms/SignUpForm.tsx +9 -6
  18. package/src/blocks/Pricing/HorizontalPricing.tsx +14 -6
  19. package/src/blocks/Referral/ReferralAccount.tsx +2 -2
  20. package/src/blocks/Referral/ReferralSettlement.tsx +73 -31
  21. package/src/blocks/Referral/ReferralStats.tsx +2 -2
  22. package/src/elements/DragDropImages.tsx +2 -2
  23. package/src/elements/HawaButton.tsx +11 -7
  24. package/src/elements/HawaColorPicker.tsx +2 -2
  25. package/src/elements/HawaLogoButton.tsx +6 -13
  26. package/src/elements/HawaRadio.tsx +4 -4
  27. package/src/elements/HawaTooltip.tsx +1 -1
  28. package/src/elements/UserFeedback.tsx +3 -3
  29. package/src/styles.css +19 -8
  30. package/src/tailwind.css +8 -5
  31. package/src/translations/ar.json +10 -3
  32. package/src/translations/en.json +10 -4
package/dist/styles.css CHANGED
@@ -400,6 +400,7 @@ video {
400
400
 
401
401
  --button-primary-300: 247 72% 61%;
402
402
  --button-primary-500: 247 82% 57%;
403
+ --button-primary-500-hsl: hsl(247, 82%, 57%);
403
404
  --button-primary-700: 247 71% 39%;
404
405
 
405
406
  --button-secondary-500: #ffc011;
@@ -422,8 +423,10 @@ video {
422
423
  --layout-primary-600: #2d2d2d;
423
424
  --layout-primary-700: #1d1d1d;
424
425
  --layout-primary-300: #4a4a4a;
426
+ /* --layout-primary-300: hsl(240, 8%, 10%); */
425
427
 
426
- --background: 240 10% 3.9%;
428
+ /* --background: 240 10% 3.9%; //odd */
429
+ --background: 240 8% 10%;
427
430
 
428
431
  --foreground: 0 0% 98%;
429
432
  --card: 240 10% 3.9%;
@@ -452,10 +455,10 @@ video {
452
455
  margin-right: 0.25em;
453
456
  width: 0.75em;
454
457
  vertical-align: middle;
455
- color: var(--button-primary-500);
458
+ color: var(--button-primary-500-hsl);
456
459
  }
457
460
  .link {
458
- color: var(--button-primary-500);
461
+ color: var(--button-primary-500-hsl);
459
462
  }
460
463
  .link:hover {
461
464
  text-decoration: underline;
@@ -516,7 +519,7 @@ video {
516
519
  left: 11px;
517
520
  content: " ";
518
521
  display: block;
519
- background: var(--button-primary-500);
522
+ background: var(--button-primary-500-hsl);
520
523
  }
521
524
  .radio-item-bordered input[type="radio"]:checked + label:after {
522
525
  border-radius: 100%;
@@ -527,7 +530,7 @@ video {
527
530
  left: 23px;
528
531
  content: " ";
529
532
  display: block;
530
- background: var(--button-primary-500);
533
+ background: var(--button-primary-500-hsl);
531
534
  }
532
535
  * {
533
536
  border-color: hsl(var(--border));
@@ -2002,9 +2005,6 @@ video {
2002
2005
  .p-2\.5 {
2003
2006
  padding: 0.625rem;
2004
2007
  }
2005
- .p-20 {
2006
- padding: 5rem;
2007
- }
2008
2008
  .p-3 {
2009
2009
  padding: 0.75rem;
2010
2010
  }
@@ -2293,6 +2293,9 @@ video {
2293
2293
  .text-card-foreground {
2294
2294
  color: hsl(var(--card-foreground));
2295
2295
  }
2296
+ .text-foreground {
2297
+ color: hsl(var(--foreground));
2298
+ }
2296
2299
  .text-gray-300 {
2297
2300
  --tw-text-opacity: 1;
2298
2301
  color: rgb(209 213 219 / var(--tw-text-opacity));
@@ -3095,6 +3098,10 @@ body {
3095
3098
  --tw-text-opacity: 1;
3096
3099
  color: rgb(30 64 175 / var(--tw-text-opacity));
3097
3100
  }
3101
+ :is(.dark .dark\:text-gray-100) {
3102
+ --tw-text-opacity: 1;
3103
+ color: rgb(243 244 246 / var(--tw-text-opacity));
3104
+ }
3098
3105
  :is(.dark .dark\:text-gray-200) {
3099
3106
  --tw-text-opacity: 1;
3100
3107
  color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -3250,6 +3257,10 @@ body {
3250
3257
  gap: 2rem;
3251
3258
  }
3252
3259
 
3260
+ .sm\:p-20 {
3261
+ padding: 5rem;
3262
+ }
3263
+
3253
3264
  .sm\:text-2xl {
3254
3265
  font-size: 1.5rem;
3255
3266
  line-height: 2rem;
package/es/blocks/AuthForms/SignInForm.d.ts CHANGED
@@ -22,9 +22,9 @@ type SignInFormTypes = {
22
22
  newUserText?: string;
23
23
  signUpText?: string;
24
24
  signInText?: string;
25
- googleButtonLabel?: string;
26
- githubButtonLabel?: string;
27
- twitterButtonLabel?: string;
25
+ signInViaGoogleLabel?: string;
26
+ signInViaGithubLabel?: string;
27
+ signInViaTwitterLabel?: string;
28
28
  };
29
29
  withoutResetPassword?: boolean;
30
30
  withoutSignUp?: boolean;
package/es/blocks/AuthForms/SignUpForm.d.ts CHANGED
@@ -27,9 +27,9 @@ type SignUpFormTypes = {
27
27
  signUpText: string;
28
28
  signInText: string;
29
29
  existingUserText: string;
30
- googleButtonLabel: string;
31
- githubButtonLabel: string;
32
- twitterButtonLabel: string;
30
+ signUpViaGoogleLabel: string;
31
+ signUpViaGithubLabel: string;
32
+ signUpViaTwitterLabel: string;
33
33
  refCode: string;
34
34
  };
35
35
  showUserSource: any;
package/es/elements/HawaButton.d.ts CHANGED
@@ -5,7 +5,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
5
5
  tooltipDirection?: "rtl" | "ltr";
6
6
  color?: "default" | "primary" | "secondary" | "light" | "dark";
7
7
  width?: "full" | "normal" | "half";
8
- size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full";
8
+ size?: "xs" | "small" | "medium" | "large" | "noPadding" | "full" | "icon";
9
9
  margins?: "none" | "1" | "2" | "3" | "4";
10
10
  tooltip?: string;
11
11
  tooltipSize?: "normal" | "small" | "large";
package/es/elements/HawaLogoButton.d.ts CHANGED
@@ -4,6 +4,7 @@ type LogoButtonTypes = {
4
4
  logo?: "google" | "github" | "twitter" | "wallet" | "googlepay" | "applepay" | "stcpay" | "visa/master" | "paypal" | "mada";
5
5
  onClick?: any;
6
6
  buttonText?: any;
7
+ direction?: "rtl" | "ltr";
7
8
  };
8
9
  export declare const HawaLogoButton: FC<LogoButtonTypes>;
9
10
  export {};