@sikka/hawa 0.1.84 → 0.1.85

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 (5) hide show
  1. package/dist/index.js +39 -5
  2. package/dist/index.mjs +42 -1
  3. package/package.json +1 -1
  4. package/src/blocks/AuthForms/AppLanding.tsx +35 -2
  5. package/src/elements/Icons.tsx +17 -0
package/dist/index.js CHANGED
@@ -8569,6 +8569,23 @@ var Icons = {
8569
8569
  strokeWidth: "16"
8570
8570
  }));
8571
8571
  },
8572
+ mail: function(props) {
8573
+ return /* @__PURE__ */ React.createElement("svg", _object_spread({
8574
+ stroke: "currentColor",
8575
+ fill: "none",
8576
+ "stroke-width": "2",
8577
+ viewBox: "0 0 24 24",
8578
+ "stroke-linecap": "round",
8579
+ "stroke-linejoin": "round",
8580
+ height: "1em",
8581
+ width: "1em",
8582
+ xmlns: "http://www.w3.org/2000/svg"
8583
+ }, props), /* @__PURE__ */ React.createElement("path", {
8584
+ d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"
8585
+ }), /* @__PURE__ */ React.createElement("polyline", {
8586
+ points: "22,6 12,13 2,6"
8587
+ }));
8588
+ },
8572
8589
  twitter: function(props) {
8573
8590
  return /* @__PURE__ */ React.createElement("svg", _object_spread({
8574
8591
  xmlns: "http://www.w3.org/2000/svg",
@@ -8703,11 +8720,28 @@ var AppLanding = function(props) {
8703
8720
  variant: "outline"
8704
8721
  }, /* @__PURE__ */ import_react70.default.createElement(Icons.google, {
8705
8722
  className: "h-4 w-4"
8706
- }), "Continue With Google"), props.handleSignIn && /* @__PURE__ */ import_react70.default.createElement(Button, {
8707
- onClick: props.handleSignIn
8708
- }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ import_react70.default.createElement(Button, {
8709
- onClick: props.handleSignUp
8710
- }, props.texts.signUp))), /* @__PURE__ */ import_react70.default.createElement("div", {
8723
+ }), "Continue With Google"), /* @__PURE__ */ import_react70.default.createElement(Button, {
8724
+ className: "flex flex-row items-center gap-2",
8725
+ variant: "outline"
8726
+ }, /* @__PURE__ */ import_react70.default.createElement(Icons.twitter, {
8727
+ className: "h-4 w-4"
8728
+ }), "Continue With Twitter"), /* @__PURE__ */ import_react70.default.createElement(Button, {
8729
+ className: "flex flex-row items-center gap-2",
8730
+ variant: "outline"
8731
+ }, /* @__PURE__ */ import_react70.default.createElement(Icons.apple, {
8732
+ className: "h-4 w-4"
8733
+ }), "Continue With Apple"), /* @__PURE__ */ import_react70.default.createElement(Button, {
8734
+ className: "flex flex-row items-center gap-2",
8735
+ variant: "outline"
8736
+ }, /* @__PURE__ */ import_react70.default.createElement(Icons.mail, {
8737
+ className: "h-4 w-4"
8738
+ }), "Continue With Email"), /* @__PURE__ */ import_react70.default.createElement("a", {
8739
+ href: "#",
8740
+ className: "text-center text-sm"
8741
+ }, "Don't have an account?", " ", /* @__PURE__ */ import_react70.default.createElement("a", {
8742
+ href: "#",
8743
+ className: "clickable-link"
8744
+ }, "Sign Up")))), /* @__PURE__ */ import_react70.default.createElement("div", {
8711
8745
  className: "mt-6 flex flex-row justify-between"
8712
8746
  }, /* @__PURE__ */ import_react70.default.createElement(HawaRadio, {
8713
8747
  onChangeTab: props.handleLanguage,
package/dist/index.mjs CHANGED
@@ -8913,6 +8913,23 @@ var Icons = {
8913
8913
  strokeWidth: "16"
8914
8914
  }
8915
8915
  )),
8916
+ mail: (props) => /* @__PURE__ */ React.createElement(
8917
+ "svg",
8918
+ {
8919
+ stroke: "currentColor",
8920
+ fill: "none",
8921
+ "stroke-width": "2",
8922
+ viewBox: "0 0 24 24",
8923
+ "stroke-linecap": "round",
8924
+ "stroke-linejoin": "round",
8925
+ height: "1em",
8926
+ width: "1em",
8927
+ xmlns: "http://www.w3.org/2000/svg",
8928
+ ...props
8929
+ },
8930
+ /* @__PURE__ */ React.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
8931
+ /* @__PURE__ */ React.createElement("polyline", { points: "22,6 12,13 2,6" })
8932
+ ),
8916
8933
  twitter: (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement(
8917
8934
  "path",
8918
8935
  {
@@ -9025,7 +9042,31 @@ var AppLanding = (props) => {
9025
9042
  },
9026
9043
  /* @__PURE__ */ React84.createElement(Icons.google, { className: "h-4 w-4" }),
9027
9044
  "Continue With Google"
9028
- ), props.handleSignIn && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignIn }, props.texts.signIn), props.handleSignUp && /* @__PURE__ */ React84.createElement(Button, { onClick: props.handleSignUp }, props.texts.signUp))), /* @__PURE__ */ React84.createElement("div", { className: "mt-6 flex flex-row justify-between" }, /* @__PURE__ */ React84.createElement(
9045
+ ), /* @__PURE__ */ React84.createElement(
9046
+ Button,
9047
+ {
9048
+ className: "flex flex-row items-center gap-2",
9049
+ variant: "outline"
9050
+ },
9051
+ /* @__PURE__ */ React84.createElement(Icons.twitter, { className: "h-4 w-4" }),
9052
+ "Continue With Twitter"
9053
+ ), /* @__PURE__ */ React84.createElement(
9054
+ Button,
9055
+ {
9056
+ className: "flex flex-row items-center gap-2",
9057
+ variant: "outline"
9058
+ },
9059
+ /* @__PURE__ */ React84.createElement(Icons.apple, { className: "h-4 w-4" }),
9060
+ "Continue With Apple"
9061
+ ), /* @__PURE__ */ React84.createElement(
9062
+ Button,
9063
+ {
9064
+ className: "flex flex-row items-center gap-2",
9065
+ variant: "outline"
9066
+ },
9067
+ /* @__PURE__ */ React84.createElement(Icons.mail, { className: "h-4 w-4" }),
9068
+ "Continue With Email"
9069
+ ), /* @__PURE__ */ React84.createElement("a", { href: "#", className: "text-center text-sm" }, "Don't have an account?", " ", /* @__PURE__ */ React84.createElement("a", { href: "#", className: "clickable-link" }, "Sign Up")))), /* @__PURE__ */ React84.createElement("div", { className: "mt-6 flex flex-row justify-between" }, /* @__PURE__ */ React84.createElement(
9029
9070
  HawaRadio,
9030
9071
  {
9031
9072
  onChangeTab: props.handleLanguage,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.1.84",
3
+ "version": "0.1.85",
4
4
  "description": "Modern UI Kit made with Tailwind & Radix Primitives",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/blocks/AuthForms/AppLanding.tsx CHANGED
@@ -32,14 +32,47 @@ export const AppLanding: FC<AppLandingTypes> = (props) => {
32
32
  {/* {!props.logosOnly && props.texts.signInViaGoogleLabel} */}
33
33
  Continue With Google
34
34
  </Button>
35
+ <Button
36
+ className="flex flex-row items-center gap-2"
37
+ variant="outline"
38
+ // onClick={props.handleGoogleSignIn}
39
+ >
40
+ <Icons.twitter className="h-4 w-4" />
41
+ {/* {!props.logosOnly && props.texts.signInViaGoogleLabel} */}
42
+ Continue With Twitter
43
+ </Button>
44
+ <Button
45
+ className="flex flex-row items-center gap-2"
46
+ variant="outline"
47
+ // onClick={props.handleGoogleSignIn}
48
+ >
49
+ <Icons.apple className="h-4 w-4" />
50
+ {/* {!props.logosOnly && props.texts.signInViaGoogleLabel} */}
51
+ Continue With Apple
52
+ </Button>
53
+ <Button
54
+ className="flex flex-row items-center gap-2"
55
+ variant="outline"
56
+ // onClick={props.handleGoogleSignIn}
57
+ >
58
+ <Icons.mail className="h-4 w-4" />
59
+ {/* {!props.logosOnly && props.texts.signInViaGoogleLabel} */}
60
+ Continue With Email
61
+ </Button>
35
62
 
36
- {props.handleSignIn && (
63
+ {/* {props.handleSignIn && (
37
64
  <Button onClick={props.handleSignIn}>{props.texts.signIn}</Button>
38
65
  // <Button onClick={props.handleSignIn}>Continue With Google</Button>
39
66
  )}
40
67
  {props.handleSignUp && (
41
68
  <Button onClick={props.handleSignUp}>{props.texts.signUp}</Button>
42
- )}
69
+ )} */}
70
+ <a href="#" className="text-center text-sm">
71
+ Don't have an account?{" "}
72
+ <a href="#" className="clickable-link">
73
+ Sign Up
74
+ </a>
75
+ </a>
43
76
  </CardContent>
44
77
  </Card>
45
78
  <div className="mt-6 flex flex-row justify-between">
package/src/elements/Icons.tsx CHANGED
@@ -28,6 +28,23 @@ export const Icons = {
28
28
  />
29
29
  </svg>
30
30
  ),
31
+ mail: (props: IconProps) => (
32
+ <svg
33
+ stroke="currentColor"
34
+ fill="none"
35
+ stroke-width="2"
36
+ viewBox="0 0 24 24"
37
+ stroke-linecap="round"
38
+ stroke-linejoin="round"
39
+ height="1em"
40
+ width="1em"
41
+ xmlns="http://www.w3.org/2000/svg"
42
+ {...props}
43
+ >
44
+ <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path>
45
+ <polyline points="22,6 12,13 2,6"></polyline>
46
+ </svg>
47
+ ),
31
48
  twitter: (props: IconProps) => (
32
49
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" {...props}>
33
50
  <path