@redseed/redseed-ui-vue3 7.2.11 → 7.4.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.
Files changed (9) hide show
  1. package/package.json +3 -3
  2. package/src/components/Button/index.js +3 -1
  3. package/src/components/Pagination/index.js +3 -1
  4. package/src/components/Social/SignInWithGoogle.vue +12 -16
  5. package/src/components/Social/SignInWithMicrosoft.vue +15 -0
  6. package/src/components/Social/SignUpWithGoogle.vue +12 -16
  7. package/src/components/Social/SignUpWithMicrosoft.vue +15 -0
  8. package/src/components/Social/index.js +5 -1
  9. package/src/components/Table/index.js +7 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redseed/redseed-ui-vue3",
3
- "version": "7.2.11",
3
+ "version": "7.4.0",
4
4
  "description": "RedSeed UI Vue 3 components",
5
5
  "main": "index.js",
6
6
  "repository": "https://github.com/redseedtraining/redseed-ui",
@@ -12,8 +12,8 @@
12
12
  "license": "ISC",
13
13
  "dependencies": {
14
14
  "@heroicons/vue": "^2.2.0",
15
- "@vueuse/components": "^13.9.0",
16
- "@vueuse/core": "^13.9.0",
15
+ "@vueuse/components": "^14.0.0",
16
+ "@vueuse/core": "^14.0.0",
17
17
  "lodash": "^4.17.21",
18
18
  "lottie-web": "^5.13.0",
19
19
  "vue": "^3.5.22"
package/src/components/Button/index.js CHANGED
@@ -4,6 +4,7 @@ import ButtonSecondary from './ButtonSecondary.vue'
4
4
  import ButtonSecondaryFull from './ButtonSecondaryFull.vue'
5
5
  import ButtonTertiary from './ButtonTertiary.vue'
6
6
  import ButtonTertiaryFull from './ButtonTertiaryFull.vue'
7
+ import ButtonSlot from './ButtonSlot.vue'
7
8
 
8
9
  export {
9
10
  ButtonPrimary,
@@ -12,4 +13,5 @@ export {
12
13
  ButtonSecondaryFull,
13
14
  ButtonTertiary,
14
15
  ButtonTertiaryFull,
15
- }
16
+ ButtonSlot,
17
+ }
package/src/components/Pagination/index.js CHANGED
@@ -3,6 +3,7 @@ import PaginationItem from './PaginationItem.vue'
3
3
  import PaginationItemCollapsed from './PaginationItemCollapsed.vue'
4
4
  import PaginationItemNext from './PaginationItemNext.vue'
5
5
  import PaginationItemPrevious from './PaginationItemPrevious.vue'
6
+ import RecordCount from './RecordCount.vue'
6
7
 
7
8
  export {
8
9
  Pagination,
@@ -10,4 +11,5 @@ export {
10
11
  PaginationItemCollapsed,
11
12
  PaginationItemNext,
12
13
  PaginationItemPrevious,
13
- }
14
+ RecordCount,
15
+ }
package/src/components/Social/SignInWithGoogle.vue CHANGED
@@ -1,20 +1,16 @@
1
1
  <script setup>
2
+ import ButtonSecondary from '../Button/ButtonSecondary.vue'
2
3
  </script>
3
4
  <template>
4
- <button class="gsi-material-button">
5
- <div class="gsi-material-button-state"></div>
6
- <div class="gsi-material-button-content-wrapper">
7
- <div class="gsi-material-button-icon">
8
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
9
- <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>
10
- <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>
11
- <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>
12
- <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>
13
- <path fill="none" d="M0 0h48v48H0z"></path>
14
- </svg>
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>
package/src/components/Social/SignInWithMicrosoft.vue ADDED
@@ -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>
package/src/components/Social/SignUpWithGoogle.vue CHANGED
@@ -1,20 +1,16 @@
1
1
  <script setup>
2
+ import ButtonSecondary from '../Button/ButtonSecondary.vue'
2
3
  </script>
3
4
  <template>
4
- <button class="gsi-material-button">
5
- <div class="gsi-material-button-state"></div>
6
- <div class="gsi-material-button-content-wrapper">
7
- <div class="gsi-material-button-icon">
8
- <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
9
- <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>
10
- <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>
11
- <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>
12
- <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>
13
- <path fill="none" d="M0 0h48v48H0z"></path>
14
- </svg>
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>
package/src/components/Social/SignUpWithMicrosoft.vue ADDED
@@ -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>
package/src/components/Social/index.js CHANGED
@@ -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
+ }
package/src/components/Table/index.js CHANGED
@@ -1,7 +1,13 @@
1
1
  import Table from './Table.vue'
2
+ import Td from './Td.vue'
2
3
  import TdUser from './TdUser.vue'
4
+ import Th from './Th.vue'
5
+ import Tr from './Tr.vue'
3
6
 
4
7
  export {
5
8
  Table,
9
+ Td,
6
10
  TdUser,
7
- }
11
+ Th,
12
+ Tr,
13
+ }