@sikka/hawa 0.0.288 → 0.1.1
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/dist/styles.css +182 -89
- package/es/blocks/AuthForms/SignInBlock.d.ts +2 -0
- package/es/blocks/AuthForms/SignInForm.d.ts +1 -1
- package/es/blocks/AuthForms/index.d.ts +1 -0
- package/es/elements/Button.d.ts +12 -0
- package/es/elements/Card.d.ts +10 -0
- package/es/elements/Icons.d.ts +19 -0
- package/es/elements/Input.d.ts +5 -0
- package/es/elements/Label.d.ts +5 -0
- package/es/index.es.js +3 -3
- package/es/util.d.ts +2 -0
- package/lib/blocks/AuthForms/SignInBlock.d.ts +2 -0
- package/lib/blocks/AuthForms/SignInForm.d.ts +1 -1
- package/lib/blocks/AuthForms/index.d.ts +1 -0
- package/lib/elements/Button.d.ts +12 -0
- package/lib/elements/Card.d.ts +10 -0
- package/lib/elements/Icons.d.ts +19 -0
- package/lib/elements/Input.d.ts +5 -0
- package/lib/elements/Label.d.ts +5 -0
- package/lib/index.js +3 -3
- package/lib/util.d.ts +2 -0
- package/package.json +5 -2
- package/src/blocks/AuthForms/ResetPasswordForm.tsx +59 -49
- package/src/blocks/AuthForms/SignInBlock.tsx +60 -0
- package/src/blocks/AuthForms/SignInForm.tsx +139 -128
- package/src/blocks/AuthForms/SignUpForm.tsx +237 -225
- package/src/blocks/AuthForms/index.ts +8 -7
- package/src/elements/Button.tsx +77 -0
- package/src/elements/Card.tsx +87 -0
- package/src/elements/HawaLoading.tsx +4 -4
- package/src/elements/HawaTextField.tsx +9 -7
- package/src/elements/Icons.tsx +145 -0
- package/src/elements/Input.tsx +25 -0
- package/src/elements/Label.tsx +26 -0
- package/src/styles.css +182 -89
- package/src/tailwind.css +22 -22
- package/src/translations/ar.json +1 -0
- package/src/translations/en.json +1 -0
- package/src/util.ts +10 -4
- package/tailwind.config.js +39 -3
package/tailwind.config.js
CHANGED
|
@@ -10,7 +10,13 @@ module.exports = {
|
|
|
10
10
|
fontFamily: {
|
|
11
11
|
plex: ["IBM Plex Sans Arabic"]
|
|
12
12
|
},
|
|
13
|
-
|
|
13
|
+
container: {
|
|
14
|
+
center: true,
|
|
15
|
+
padding: "2rem",
|
|
16
|
+
screens: {
|
|
17
|
+
"2xl": "1400px"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
14
20
|
extend: {
|
|
15
21
|
boxShadow: {
|
|
16
22
|
neobrutalism: "5px 5px 0px 0px rgba(0,0,0,1);"
|
|
@@ -101,18 +107,48 @@ module.exports = {
|
|
|
101
107
|
slideRightAndFade:
|
|
102
108
|
"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)"
|
|
103
109
|
},
|
|
110
|
+
// borderRadius: {
|
|
111
|
+
// DEFAULT: "var(--border-radius)",
|
|
112
|
+
// inner: "var(--border-radius-inner)"
|
|
113
|
+
// },
|
|
104
114
|
borderRadius: {
|
|
105
|
-
|
|
106
|
-
|
|
115
|
+
inner: "var(--radius-inner)",
|
|
116
|
+
DEFAULT: "var(--radius)",
|
|
117
|
+
xl: `calc(var(--radius) + 4px)`,
|
|
118
|
+
lg: `var(--radius)`,
|
|
119
|
+
md: `calc(var(--radius) - 2px)`,
|
|
120
|
+
sm: "calc(var(--radius) - 4px)"
|
|
107
121
|
},
|
|
108
122
|
colors: {
|
|
109
123
|
border: "hsl(var(--border))",
|
|
124
|
+
input: "hsl(var(--input))",
|
|
125
|
+
ring: "hsl(var(--ring))",
|
|
110
126
|
background: "hsl(var(--background))",
|
|
111
127
|
foreground: "hsl(var(--foreground))",
|
|
128
|
+
primary: {
|
|
129
|
+
DEFAULT: "hsl(var(--primary))",
|
|
130
|
+
foreground: "hsl(var(--primary-foreground))"
|
|
131
|
+
},
|
|
132
|
+
secondary: {
|
|
133
|
+
DEFAULT: "hsl(var(--secondary))",
|
|
134
|
+
foreground: "hsl(var(--secondary-foreground))"
|
|
135
|
+
},
|
|
136
|
+
destructive: {
|
|
137
|
+
DEFAULT: "hsl(var(--destructive) / <alpha-value>)",
|
|
138
|
+
foreground: "hsl(var(--destructive-foreground) / <alpha-value>)"
|
|
139
|
+
},
|
|
112
140
|
muted: {
|
|
113
141
|
DEFAULT: "hsl(var(--muted))",
|
|
114
142
|
foreground: "hsl(var(--muted-foreground))"
|
|
115
143
|
},
|
|
144
|
+
accent: {
|
|
145
|
+
DEFAULT: "hsl(var(--accent))",
|
|
146
|
+
foreground: "hsl(var(--accent-foreground))"
|
|
147
|
+
},
|
|
148
|
+
popover: {
|
|
149
|
+
DEFAULT: "hsl(var(--popover))",
|
|
150
|
+
foreground: "hsl(var(--popover-foreground))"
|
|
151
|
+
},
|
|
116
152
|
card: {
|
|
117
153
|
DEFAULT: "hsl(var(--card))",
|
|
118
154
|
foreground: "hsl(var(--card-foreground))"
|