@sikka/hawa 0.2.4-beta → 0.2.6-beta
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/.github/workflows/hawa-beta.yml +1 -6
- package/dist/index.d.mts +26 -7
- package/dist/index.d.ts +26 -7
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +4 -4
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +24 -3
- package/package.json +1 -1
- package/src/blocks/Account/index.ts +2 -2
- package/src/blocks/AuthForms/SignInPhone.tsx +129 -26
- package/src/elements/Button.tsx +3 -3
- package/src/elements/FeedbackByEmoji.tsx +220 -0
- package/src/elements/{UserFeedback.tsx → FeedbackRating.tsx} +1 -1
- package/src/elements/HawaLoading.tsx +2 -1
- package/src/elements/HawaTextField.tsx +2 -2
- package/src/elements/Popover.tsx +3 -1
- package/src/elements/Textarea.tsx +11 -4
- package/src/elements/UserReferralSource.tsx +1 -1
- package/src/elements/index.ts +2 -1
- package/src/layout/Footer.tsx +1 -0
- package/src/styles.css +24 -3
- package/src/tailwind.css +5 -3
package/src/styles.css
CHANGED
|
@@ -388,7 +388,8 @@ video {
|
|
|
388
388
|
:root {
|
|
389
389
|
--background: 0 0% 100%;
|
|
390
390
|
--foreground: 240 10% 3.9%;
|
|
391
|
-
--card: 0 0% 100%;
|
|
391
|
+
/* --card: 0 0% 100%; */
|
|
392
|
+
--card: 210 50% 98%;
|
|
392
393
|
--card-foreground: 240 10% 3.9%;
|
|
393
394
|
--popover: 0 0% 100%;
|
|
394
395
|
--popover-foreground: 240 10% 3.9%;
|
|
@@ -422,7 +423,7 @@ video {
|
|
|
422
423
|
--border: 240 5.9% 90%;
|
|
423
424
|
--input: 240 5.9% 90%;
|
|
424
425
|
--ring: 240 5% 64.9%;
|
|
425
|
-
--radius:
|
|
426
|
+
--radius: 0.5rem;
|
|
426
427
|
--radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
|
|
427
428
|
|
|
428
429
|
--layout-primary-700: #b7aff7;
|
|
@@ -445,7 +446,8 @@ video {
|
|
|
445
446
|
--layout-primary-300: #4a4a4a;
|
|
446
447
|
--background: 240 10% 3.9%;
|
|
447
448
|
--foreground: 0 0% 98%;
|
|
448
|
-
--card: 240 10% 3.9%;
|
|
449
|
+
/* --card: 240 10% 3.9%; */
|
|
450
|
+
--card: 0 0% 2%;
|
|
449
451
|
--card-foreground: 0 0% 98%;
|
|
450
452
|
--popover: 240 10% 3.9%;
|
|
451
453
|
--popover-foreground: 0 0% 98%;
|
|
@@ -1170,6 +1172,9 @@ video {
|
|
|
1170
1172
|
.h-\[150px\] {
|
|
1171
1173
|
height: 150px;
|
|
1172
1174
|
}
|
|
1175
|
+
.h-\[165px\] {
|
|
1176
|
+
height: 165px;
|
|
1177
|
+
}
|
|
1173
1178
|
.h-\[16px\] {
|
|
1174
1179
|
height: 16px;
|
|
1175
1180
|
}
|
|
@@ -1197,6 +1202,9 @@ video {
|
|
|
1197
1202
|
.h-\[400px\] {
|
|
1198
1203
|
height: 400px;
|
|
1199
1204
|
}
|
|
1205
|
+
.h-\[44px\] {
|
|
1206
|
+
height: 44px;
|
|
1207
|
+
}
|
|
1200
1208
|
.h-\[80px\] {
|
|
1201
1209
|
height: 80px;
|
|
1202
1210
|
}
|
|
@@ -1438,6 +1446,9 @@ video {
|
|
|
1438
1446
|
.max-w-\[200px\] {
|
|
1439
1447
|
max-width: 200px;
|
|
1440
1448
|
}
|
|
1449
|
+
.max-w-\[300px\] {
|
|
1450
|
+
max-width: 300px;
|
|
1451
|
+
}
|
|
1441
1452
|
.max-w-\[52px\] {
|
|
1442
1453
|
max-width: 52px;
|
|
1443
1454
|
}
|
|
@@ -2563,6 +2574,10 @@ video {
|
|
|
2563
2574
|
.tracking-widest {
|
|
2564
2575
|
letter-spacing: 0.1em;
|
|
2565
2576
|
}
|
|
2577
|
+
.text-\[\#666666\] {
|
|
2578
|
+
--tw-text-opacity: 1;
|
|
2579
|
+
color: rgb(102 102 102 / var(--tw-text-opacity));
|
|
2580
|
+
}
|
|
2566
2581
|
.text-black {
|
|
2567
2582
|
--tw-text-opacity: 1;
|
|
2568
2583
|
color: rgb(0 0 0 / var(--tw-text-opacity));
|
|
@@ -2895,6 +2910,9 @@ video {
|
|
|
2895
2910
|
.duration-500 {
|
|
2896
2911
|
transition-duration: 500ms;
|
|
2897
2912
|
}
|
|
2913
|
+
.ease-in-out {
|
|
2914
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2915
|
+
}
|
|
2898
2916
|
.will-change-transform {
|
|
2899
2917
|
will-change: transform;
|
|
2900
2918
|
}
|
|
@@ -2951,6 +2969,9 @@ video {
|
|
|
2951
2969
|
.delay-300 {
|
|
2952
2970
|
animation-delay: 300ms;
|
|
2953
2971
|
}
|
|
2972
|
+
.ease-in-out {
|
|
2973
|
+
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2974
|
+
}
|
|
2954
2975
|
.repeat-infinite {
|
|
2955
2976
|
animation-iteration-count: infinite;
|
|
2956
2977
|
}
|
package/src/tailwind.css
CHANGED
|
@@ -54,7 +54,8 @@
|
|
|
54
54
|
:root {
|
|
55
55
|
--background: 0 0% 100%;
|
|
56
56
|
--foreground: 240 10% 3.9%;
|
|
57
|
-
--card: 0 0% 100%;
|
|
57
|
+
/* --card: 0 0% 100%; */
|
|
58
|
+
--card: 210 50% 98%;
|
|
58
59
|
--card-foreground: 240 10% 3.9%;
|
|
59
60
|
--popover: 0 0% 100%;
|
|
60
61
|
--popover-foreground: 240 10% 3.9%;
|
|
@@ -88,7 +89,7 @@
|
|
|
88
89
|
--border: 240 5.9% 90%;
|
|
89
90
|
--input: 240 5.9% 90%;
|
|
90
91
|
--ring: 240 5% 64.9%;
|
|
91
|
-
--radius:
|
|
92
|
+
--radius: 0.5rem;
|
|
92
93
|
--radius-inner: calc(var(--radius) - calc(var(--radius) / 3));
|
|
93
94
|
|
|
94
95
|
--layout-primary-700: #b7aff7;
|
|
@@ -111,7 +112,8 @@
|
|
|
111
112
|
--layout-primary-300: #4a4a4a;
|
|
112
113
|
--background: 240 10% 3.9%;
|
|
113
114
|
--foreground: 0 0% 98%;
|
|
114
|
-
--card: 240 10% 3.9%;
|
|
115
|
+
/* --card: 240 10% 3.9%; */
|
|
116
|
+
--card: 0 0% 2%;
|
|
115
117
|
--card-foreground: 0 0% 98%;
|
|
116
118
|
--popover: 240 10% 3.9%;
|
|
117
119
|
--popover-foreground: 0 0% 98%;
|