@sikka/hawa 0.0.276 → 0.0.278
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-publish-push.yml +17 -3
- package/dist/styles.css +60 -27
- package/es/blocks/Payment/Confirmation.d.ts +0 -2
- package/es/index.es.js +3 -3
- package/lib/blocks/Payment/Confirmation.d.ts +0 -2
- package/lib/index.js +3 -3
- package/package.json +2 -2
- package/src/blocks/Account/UserProfileForm.tsx +0 -1
- package/src/blocks/Account/UserSettingsForm.tsx +3 -2
- package/src/blocks/AuthForms/CodeConfirmation.tsx +3 -3
- package/src/blocks/AuthForms/SignUpForm.tsx +1 -1
- package/src/blocks/Payment/CheckoutForm.tsx +2 -2
- package/src/blocks/Payment/Confirmation.tsx +4 -6
- package/src/elements/HawaButton.tsx +1 -1
- package/src/elements/HawaLogoButton.tsx +1 -1
- package/src/elements/HawaPhoneInput.tsx +84 -28
- package/src/elements/HawaPinInput.tsx +1 -1
- package/src/elements/HawaSelect.tsx +13 -4
- package/src/elements/HawaTextField.tsx +1 -1
- package/src/layout/HawaContainer.tsx +2 -2
- package/src/styles.css +60 -27
- package/src/tailwind.css +14 -3
- package/tailwind.config.js +4 -13
package/src/tailwind.css
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
:root {
|
|
8
8
|
--background: 0 0% 100%;
|
|
9
9
|
--foreground: 240 10% 3.9%;
|
|
10
|
+
--border: 240 5.9% 90%;
|
|
10
11
|
|
|
11
12
|
--layout-primary-700: #b7aff7;
|
|
12
13
|
/* --layout-primary-500: #dfdcfc; */
|
|
@@ -16,9 +17,9 @@
|
|
|
16
17
|
|
|
17
18
|
--layout-secondary: #d2cdfa;
|
|
18
19
|
|
|
19
|
-
--button-primary-300:
|
|
20
|
-
--button-primary-500:
|
|
21
|
-
--button-primary-700:
|
|
20
|
+
--button-primary-300: 247 72% 61%;
|
|
21
|
+
--button-primary-500: 247 82% 57%;
|
|
22
|
+
--button-primary-700: 247 71% 39%;
|
|
22
23
|
|
|
23
24
|
--button-secondary-500: #ffc011;
|
|
24
25
|
--button-secondary-700: #b48d24;
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
--layout-primary-600: #2d2d2d;
|
|
41
42
|
--layout-primary-700: #1d1d1d;
|
|
42
43
|
--layout-primary-300: #4a4a4a;
|
|
44
|
+
--border: 240 3.7% 15.9%;
|
|
43
45
|
|
|
44
46
|
--background: 240 10% 3.9%;
|
|
45
47
|
|
|
@@ -148,6 +150,15 @@
|
|
|
148
150
|
background: var(--button-primary-500);
|
|
149
151
|
}
|
|
150
152
|
}
|
|
153
|
+
@layer base {
|
|
154
|
+
* {
|
|
155
|
+
@apply border-border;
|
|
156
|
+
}
|
|
157
|
+
body {
|
|
158
|
+
@apply bg-background text-foreground;
|
|
159
|
+
font-feature-settings: "rlig" 1, "calt" 1;
|
|
160
|
+
}
|
|
161
|
+
}
|
|
151
162
|
|
|
152
163
|
@layer utilities {
|
|
153
164
|
/* Chrome, Safari and Opera */
|
package/tailwind.config.js
CHANGED
|
@@ -106,6 +106,7 @@ module.exports = {
|
|
|
106
106
|
inner: "var(--border-radius-inner)"
|
|
107
107
|
},
|
|
108
108
|
colors: {
|
|
109
|
+
border: "hsl(var(--border))",
|
|
109
110
|
background: "hsl(var(--background))",
|
|
110
111
|
foreground: "hsl(var(--foreground))",
|
|
111
112
|
muted: {
|
|
@@ -116,16 +117,6 @@ module.exports = {
|
|
|
116
117
|
DEFAULT: "hsl(var(--card))",
|
|
117
118
|
foreground: "hsl(var(--card-foreground))"
|
|
118
119
|
},
|
|
119
|
-
// #f6f5fe
|
|
120
|
-
// #edebfd lighter
|
|
121
|
-
// #d2cdfa
|
|
122
|
-
// #b7aff7
|
|
123
|
-
// #8273f1
|
|
124
|
-
// #4c37eb default
|
|
125
|
-
// #4432d4
|
|
126
|
-
// #3929b0 700 (darker)
|
|
127
|
-
// #2e218d
|
|
128
|
-
// #251b73
|
|
129
120
|
|
|
130
121
|
blackA: {
|
|
131
122
|
1: "hsla(0, 0%, 0%, 0.012)",
|
|
@@ -171,9 +162,9 @@ module.exports = {
|
|
|
171
162
|
},
|
|
172
163
|
|
|
173
164
|
buttonPrimary: {
|
|
174
|
-
300: "var(--button-primary-300)",
|
|
175
|
-
500: "var(--button-primary-500)",
|
|
176
|
-
700: "var(--button-primary-700)"
|
|
165
|
+
300: "hsl(var(--button-primary-300))",
|
|
166
|
+
500: "hsl(var(--button-primary-500))",
|
|
167
|
+
700: "hsl(var(--button-primary-700))"
|
|
177
168
|
},
|
|
178
169
|
buttonSecondary: {
|
|
179
170
|
300: "var(--button-secondary-300)",
|