@sikka/hawa 0.0.87 → 0.0.89

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 (14) hide show
  1. package/dist/styles.css +27 -29
  2. package/es/index.es.js +1 -1
  3. package/lib/index.js +1 -1
  4. package/package.json +1 -1
  5. package/src/blocks/AuthForms/AppLanding.js +16 -12
  6. package/src/blocks/AuthForms/SignUpForm.js +53 -25
  7. package/src/elements/HawaButton.js +5 -2
  8. package/src/elements/HawaCheckbox.js +16 -6
  9. package/src/elements/HawaModal.js +2 -54
  10. package/src/elements/HawaPhoneInput.js +2 -2
  11. package/src/elements/HawaSelect.js +12 -54
  12. package/src/elements/HawaTextField.js +2 -2
  13. package/src/styles.css +27 -29
  14. package/src/tailwind.css +2 -2
package/dist/styles.css CHANGED
@@ -626,6 +626,10 @@ video {
626
626
  margin-top: 0.25rem;
627
627
  margin-bottom: 0.25rem;
628
628
  }
629
+ .mx-2 {
630
+ margin-left: 0.5rem;
631
+ margin-right: 0.5rem;
632
+ }
629
633
  .my-2 {
630
634
  margin-top: 0.5rem;
631
635
  margin-bottom: 0.5rem;
@@ -654,10 +658,6 @@ video {
654
658
  margin-top: -0.25rem;
655
659
  margin-bottom: -0.25rem;
656
660
  }
657
- .mx-2 {
658
- margin-left: 0.5rem;
659
- margin-right: 0.5rem;
660
- }
661
661
  .ml-auto {
662
662
  margin-left: auto;
663
663
  }
@@ -670,6 +670,9 @@ video {
670
670
  .ml-2 {
671
671
  margin-left: 0.5rem;
672
672
  }
673
+ .mt-1 {
674
+ margin-top: 0.25rem;
675
+ }
673
676
  .mr-2 {
674
677
  margin-right: 0.5rem;
675
678
  }
@@ -727,9 +730,6 @@ video {
727
730
  .h-full {
728
731
  height: 100%;
729
732
  }
730
- .h-4 {
731
- height: 1rem;
732
- }
733
733
  .h-7 {
734
734
  height: 1.75rem;
735
735
  }
@@ -739,9 +739,15 @@ video {
739
739
  .h-8 {
740
740
  height: 2rem;
741
741
  }
742
+ .h-4 {
743
+ height: 1rem;
744
+ }
742
745
  .h-2 {
743
746
  height: 0.5rem;
744
747
  }
748
+ .h-10 {
749
+ height: 2.5rem;
750
+ }
745
751
  .h-14 {
746
752
  height: 3.5rem;
747
753
  }
@@ -751,9 +757,6 @@ video {
751
757
  .h-9 {
752
758
  height: 2.25rem;
753
759
  }
754
- .h-10 {
755
- height: 2.5rem;
756
- }
757
760
  .h-12 {
758
761
  height: 3rem;
759
762
  }
@@ -1271,9 +1274,6 @@ video {
1271
1274
  .uppercase {
1272
1275
  text-transform: uppercase;
1273
1276
  }
1274
- .leading-relaxed {
1275
- line-height: 1.625;
1276
- }
1277
1277
  .leading-tight {
1278
1278
  line-height: 1.25;
1279
1279
  }
@@ -1316,6 +1316,10 @@ video {
1316
1316
  --tw-text-opacity: 1;
1317
1317
  color: rgb(255 255 255 / var(--tw-text-opacity));
1318
1318
  }
1319
+ .text-red-600 {
1320
+ --tw-text-opacity: 1;
1321
+ color: rgb(220 38 38 / var(--tw-text-opacity));
1322
+ }
1319
1323
  .text-blue-800 {
1320
1324
  --tw-text-opacity: 1;
1321
1325
  color: rgb(30 64 175 / var(--tw-text-opacity));
@@ -1324,10 +1328,6 @@ video {
1324
1328
  --tw-text-opacity: 1;
1325
1329
  color: rgb(55 65 81 / var(--tw-text-opacity));
1326
1330
  }
1327
- .text-red-600 {
1328
- --tw-text-opacity: 1;
1329
- color: rgb(220 38 38 / var(--tw-text-opacity));
1330
- }
1331
1331
  .text-green-500 {
1332
1332
  --tw-text-opacity: 1;
1333
1333
  color: rgb(34 197 94 / var(--tw-text-opacity));
@@ -1380,9 +1380,10 @@ video {
1380
1380
  .duration-300 {
1381
1381
  transition-duration: 300ms;
1382
1382
  }
1383
+ @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;700&display=swap");
1383
1384
 
1384
1385
  body {
1385
- font-family: "IBM Plex Sans Arabic";
1386
+ font-family: "IBM Plex Sans Arabic", sans-serif;
1386
1387
  }
1387
1388
  /* <div className="react-select-container">
1388
1389
  <div className="react-select__control">
@@ -1482,9 +1483,6 @@ body {
1482
1483
  -webkit-text-decoration-line: underline;
1483
1484
  text-decoration-line: underline;
1484
1485
  }
1485
- .focus\:z-10:focus {
1486
- z-index: 10;
1487
- }
1488
1486
  .focus\:border-blue-500:focus {
1489
1487
  --tw-border-opacity: 1;
1490
1488
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
@@ -1576,14 +1574,14 @@ body {
1576
1574
  --tw-border-opacity: 1;
1577
1575
  border-color: rgb(75 85 99 / var(--tw-border-opacity));
1578
1576
  }
1579
- .dark .dark\:border-gray-500 {
1580
- --tw-border-opacity: 1;
1581
- border-color: rgb(107 114 128 / var(--tw-border-opacity));
1582
- }
1583
1577
  .dark .dark\:border-blue-500 {
1584
1578
  --tw-border-opacity: 1;
1585
1579
  border-color: rgb(59 130 246 / var(--tw-border-opacity));
1586
1580
  }
1581
+ .dark .dark\:border-gray-500 {
1582
+ --tw-border-opacity: 1;
1583
+ border-color: rgb(107 114 128 / var(--tw-border-opacity));
1584
+ }
1587
1585
  .dark .dark\:bg-gray-800 {
1588
1586
  --tw-bg-opacity: 1;
1589
1587
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
@@ -1652,6 +1650,10 @@ body {
1652
1650
  --tw-text-opacity: 1;
1653
1651
  color: rgb(209 213 219 / var(--tw-text-opacity));
1654
1652
  }
1653
+ .dark .dark\:text-red-500 {
1654
+ --tw-text-opacity: 1;
1655
+ color: rgb(239 68 68 / var(--tw-text-opacity));
1656
+ }
1655
1657
  .dark .dark\:text-gray-200 {
1656
1658
  --tw-text-opacity: 1;
1657
1659
  color: rgb(229 231 235 / var(--tw-text-opacity));
@@ -1660,10 +1662,6 @@ body {
1660
1662
  --tw-text-opacity: 1;
1661
1663
  color: rgb(107 114 128 / var(--tw-text-opacity));
1662
1664
  }
1663
- .dark .dark\:text-red-500 {
1664
- --tw-text-opacity: 1;
1665
- color: rgb(239 68 68 / var(--tw-text-opacity));
1666
- }
1667
1665
  .dark .dark\:text-blue-400 {
1668
1666
  --tw-text-opacity: 1;
1669
1667
  color: rgb(96 165 250 / var(--tw-text-opacity));