@redseed/redseed-ui-vue3 7.2.10 → 7.3.0
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/package.json +1 -1
- package/src/components/Modal/Modal.vue +1 -1
- package/src/components/Social/SignInWithGoogle.vue +12 -16
- package/src/components/Social/SignInWithMicrosoft.vue +15 -0
- package/src/components/Social/SignUpWithGoogle.vue +12 -16
- package/src/components/Social/SignUpWithMicrosoft.vue +15 -0
- package/src/components/Social/index.js +5 -1
package/package.json
CHANGED
|
@@ -137,7 +137,7 @@ function handleOverlayAfterLeave() {
|
|
|
137
137
|
enter-active-class="transition ease-out duration-300"
|
|
138
138
|
enter-from-class="opacity-0"
|
|
139
139
|
enter-to-class="opacity-100"
|
|
140
|
-
leave-active-class="transition ease-in duration-
|
|
140
|
+
leave-active-class="transition ease-in duration-200 delay-150"
|
|
141
141
|
leave-from-class="opacity-100"
|
|
142
142
|
leave-to-class="opacity-0"
|
|
143
143
|
@after-leave="handleOverlayAfterLeave"
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
+
import ButtonSecondary from '../Button/ButtonSecondary.vue'
|
|
2
3
|
</script>
|
|
3
4
|
<template>
|
|
4
|
-
<
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
</div>
|
|
16
|
-
<span class="gsi-material-button-contents">Sign in with Google</span>
|
|
17
|
-
<span style="display: none;">Sign in with Google</span>
|
|
18
|
-
</div>
|
|
19
|
-
</button>
|
|
5
|
+
<ButtonSecondary>
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 48 48" aria-hidden="true">
|
|
7
|
+
<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
|
|
8
|
+
<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
|
|
9
|
+
<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
|
|
10
|
+
<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
|
|
11
|
+
<path fill="none" d="M0 0h48v48H0z"></path>
|
|
12
|
+
</svg>
|
|
13
|
+
|
|
14
|
+
<span>Sign in with Google</span>
|
|
15
|
+
</ButtonSecondary>
|
|
20
16
|
</template>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import ButtonSecondary from '../Button/ButtonSecondary.vue'
|
|
3
|
+
</script>
|
|
4
|
+
<template>
|
|
5
|
+
<ButtonSecondary>
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
|
|
7
|
+
<rect x="0" y="0" width="9" height="9" fill="#F35325"></rect>
|
|
8
|
+
<rect x="11" y="0" width="9" height="9" fill="#81BC06"></rect>
|
|
9
|
+
<rect x="0" y="11" width="9" height="9" fill="#05A6F0"></rect>
|
|
10
|
+
<rect x="11" y="11" width="9" height="9" fill="#FFBA08"></rect>
|
|
11
|
+
</svg>
|
|
12
|
+
|
|
13
|
+
<span>Sign in with Microsoft</span>
|
|
14
|
+
</ButtonSecondary>
|
|
15
|
+
</template>
|
|
@@ -1,20 +1,16 @@
|
|
|
1
1
|
<script setup>
|
|
2
|
+
import ButtonSecondary from '../Button/ButtonSecondary.vue'
|
|
2
3
|
</script>
|
|
3
4
|
<template>
|
|
4
|
-
<
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
</div>
|
|
16
|
-
<span class="gsi-material-button-contents">Sign up with Google</span>
|
|
17
|
-
<span style="display: none;">Sign up with Google</span>
|
|
18
|
-
</div>
|
|
19
|
-
</button>
|
|
5
|
+
<ButtonSecondary>
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 48 48" aria-hidden="true">
|
|
7
|
+
<path fill="#EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"></path>
|
|
8
|
+
<path fill="#4285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"></path>
|
|
9
|
+
<path fill="#FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"></path>
|
|
10
|
+
<path fill="#34A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"></path>
|
|
11
|
+
<path fill="none" d="M0 0h48v48H0z"></path>
|
|
12
|
+
</svg>
|
|
13
|
+
|
|
14
|
+
<span>Sign up with Google</span>
|
|
15
|
+
</ButtonSecondary>
|
|
20
16
|
</template>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<script setup>
|
|
2
|
+
import ButtonSecondary from '../Button/ButtonSecondary.vue'
|
|
3
|
+
</script>
|
|
4
|
+
<template>
|
|
5
|
+
<ButtonSecondary>
|
|
6
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" aria-hidden="true">
|
|
7
|
+
<rect width="9" height="9" fill="#F35325"></rect>
|
|
8
|
+
<rect x="11" width="9" height="9" fill="#81BC06"></rect>
|
|
9
|
+
<rect y="11" width="9" height="9" fill="#05A6F0"></rect>
|
|
10
|
+
<rect x="11" y="11" width="9" height="9" fill="#FFBA08"></rect>
|
|
11
|
+
</svg>
|
|
12
|
+
|
|
13
|
+
<span>Sign up with Microsoft</span>
|
|
14
|
+
</ButtonSecondary>
|
|
15
|
+
</template>
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import SignInWithGoogle from './SignInWithGoogle.vue'
|
|
2
|
+
import SignInWithMicrosoft from './SignInWithMicrosoft.vue'
|
|
2
3
|
import SignUpWithGoogle from './SignUpWithGoogle.vue'
|
|
4
|
+
import SignUpWithMicrosoft from './SignUpWithMicrosoft.vue'
|
|
3
5
|
|
|
4
6
|
export {
|
|
5
7
|
SignInWithGoogle,
|
|
8
|
+
SignInWithMicrosoft,
|
|
6
9
|
SignUpWithGoogle,
|
|
7
|
-
|
|
10
|
+
SignUpWithMicrosoft,
|
|
11
|
+
}
|