classcard-ui 0.2.647 → 0.2.648

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.647",
3
+ "version": "0.2.648",
4
4
  "main": "dist/classcard-ui.umd.min.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
@@ -8,7 +8,7 @@
8
8
  </div>
9
9
  <button
10
10
  type="button"
11
- class="focus:outline-none inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
11
+ class="inline-flex items-center rounded-md border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
12
12
  @click="initFilestack()"
13
13
  v-if="displayMode == 'overlay' && icon"
14
14
  >
@@ -22,7 +22,7 @@
22
22
  </button>
23
23
  <button
24
24
  type="button"
25
- class="focus:outline-none mt-1.5 flex h-full w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400"
25
+ class="mt-1.5 flex h-full w-auto items-center justify-center rounded-lg border-2 border-dashed border-gray-300 px-9 py-14 text-center hover:border-gray-400 focus:outline-none"
26
26
  @click="initFilestack()"
27
27
  v-if="displayMode == 'overlay' && !icon && !isAvatar"
28
28
  >
@@ -44,7 +44,13 @@
44
44
  class="relative h-full w-full rounded-full object-cover"
45
45
  :src="imageUrl"
46
46
  />
47
- <c-avatar v-else size="very large" :nameInitials="shortName" :rounded="true"></c-avatar>
47
+ <c-avatar
48
+ v-else
49
+ size="very large"
50
+ :nameInitials="shortName"
51
+ :isDynamicallyColored="coloredAvatars"
52
+ :rounded="true"
53
+ ></c-avatar>
48
54
  <label
49
55
  class="absolute inset-0 flex h-full w-full cursor-pointer items-center justify-center bg-gray-900 bg-opacity-75 text-sm font-medium text-white opacity-0 focus-within:opacity-100 hover:opacity-100"
50
56
  >
@@ -161,9 +167,13 @@ export default {
161
167
  type: Boolean,
162
168
  default: false,
163
169
  },
170
+ coloredAvatars: {
171
+ type: Boolean,
172
+ default: false,
173
+ },
164
174
  uploadSources: {
165
175
  type: Array,
166
- default:() => ["local_file_system", "unsplash"],
176
+ default: () => ["local_file_system", "unsplash"],
167
177
  },
168
178
  },
169
179
  data() {