classcard-ui 0.2.760 → 0.2.762

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/dist/classcard-ui.common.js +73 -53
  2. package/dist/classcard-ui.common.js.map +1 -1
  3. package/dist/classcard-ui.umd.js +73 -53
  4. package/dist/classcard-ui.umd.js.map +1 -1
  5. package/dist/classcard-ui.umd.min.js +1 -1
  6. package/dist/classcard-ui.umd.min.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/components/CButtonIcon/CButtonIcon.vue +29 -8
  9. package/src/icons.js +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "classcard-ui",
3
- "version": "0.2.760",
3
+ "version": "0.2.762",
4
4
  "main": "dist/classcard-ui.umd.min.js",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/CButtonIcon/CButtonIcon.vue CHANGED
@@ -3,33 +3,52 @@
3
3
  <slot></slot>
4
4
  <button
5
5
  v-if="type == 'tertiary'"
6
- class="focus:outline-none flex cursor-pointer flex-row rounded-md px-2 py-2 text-sm text-indigo-600 hover:bg-indigo-100 hover:text-indigo-800 focus:ring-2 focus:ring-indigo-200 focus:ring-offset-2"
6
+ class="flex cursor-pointer flex-row rounded-md px-2 py-2 text-sm text-indigo-600 hover:bg-indigo-100 hover:text-indigo-800 focus:outline-none focus:ring-2 focus:ring-indigo-200 focus:ring-offset-2"
7
7
  @click.prevent="$emit('action')"
8
8
  >
9
- <c-icon v-if="icon" :type="icon.type" :class="icon.class" :name="icon.name"></c-icon>
9
+ <c-icon
10
+ cursorType="cursor-pointer"
11
+ v-if="icon"
12
+ :type="icon.type"
13
+ :class="icon.class"
14
+ :name="icon.name"
15
+ ></c-icon>
10
16
  <slot></slot>
11
17
  </button>
12
18
  <button
13
19
  v-else-if="type == 'rounded-hover'"
14
20
  @click.prevent="$emit('action')"
15
- class="focus:outline-none flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-500 focus:ring-2 focus:ring-indigo-500"
21
+ class="flex h-8 w-8 cursor-pointer items-center justify-center rounded-full bg-white text-gray-500 hover:bg-gray-100 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500"
16
22
  >
17
- <c-icon v-if="icon" :type="icon.type" :class="icon.class" :name="icon.name"></c-icon>
23
+ <c-icon
24
+ v-if="icon"
25
+ cursorType="cursor-pointer"
26
+ :type="icon.type"
27
+ :class="icon.class"
28
+ :name="icon.name"
29
+ ></c-icon>
18
30
  </button>
19
31
  <button
20
32
  v-else
21
33
  :type="type"
22
34
  :class="classes"
23
- class="focus:outline-none inline-flex items-center rounded-md px-2 py-2 text-sm font-medium shadow-sm focus:ring-2 focus:ring-offset-2"
35
+ class="inline-flex items-center rounded-md px-2 py-2 text-sm font-medium shadow-sm focus:outline-none focus:ring-2 focus:ring-offset-2"
24
36
  @click.prevent="$emit('action')"
25
37
  >
26
- <c-icon v-if="isLoading" class="mr-2 h-5 w-5" :class="loaderClasses" name="loader"></c-icon>
38
+ <c-icon
39
+ v-if="isLoading"
40
+ cursorType="cursor-pointer"
41
+ class="mr-2 h-5 w-5"
42
+ :class="loaderClasses"
43
+ name="loader"
44
+ ></c-icon>
27
45
  <c-icon
28
46
  v-if="icon"
29
47
  :type="icon.type"
30
48
  :class="icon.class"
31
49
  :name="icon.name"
32
50
  :viewBox="icon.viewBox"
51
+ cursorType="cursor-pointer"
33
52
  ></c-icon>
34
53
  <slot></slot>
35
54
  </button>
@@ -71,10 +90,12 @@ export default {
71
90
  this.type == "secondary",
72
91
  "border text-white hover:bg-indigo-800 bg-indigo-700 focus:ring-indigo-600":
73
92
  this.type == "primary",
74
- "border text-white hover:bg-red-800 bg-red-700 focus:ring-red-600": this.type == "danger",
93
+ "border text-white hover:bg-red-800 bg-red-700 focus:ring-red-600":
94
+ this.type == "danger",
75
95
  "border text-white hover:bg-green-800 bg-green-700 focus:ring-green-600":
76
96
  this.type == "success",
77
- "text-gray-900 hover:bg-gray-200 bg-gray-100": this.type == "secondary-gray",
97
+ "text-gray-900 hover:bg-gray-200 bg-gray-100":
98
+ this.type == "secondary-gray",
78
99
  "cursor-default pointer-events-none": this.isLoading,
79
100
  };
80
101
  },
package/src/icons.js CHANGED
@@ -251,6 +251,8 @@ export default {
251
251
  "M4 3a2 2 0 100 4h12a2 2 0 100-4H4z M3 8h14v7a2 2 0 01-2 2H5a2 2 0 01-2-2V8zm5 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z",
252
252
  printer:
253
253
  "M5 4v3H4a2 2 0 00-2 2v3a2 2 0 002 2h1v2a2 2 0 002 2h6a2 2 0 002-2v-2h1a2 2 0 002-2V9a2 2 0 00-2-2h-1V4a2 2 0 00-2-2H7a2 2 0 00-2 2zm8 0H7v3h6V4zm0 8H7v4h6v-4z",
254
+ "user-circle-outline":
255
+ "M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z",
254
256
  "user-circle":
255
257
  "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z",
256
258
  key: "M18 8a6 6 0 01-7.743 5.743L10 14l-1 1-1 1H6v2H2v-4l4.257-4.257A6 6 0 1118 8zm-6-4a1 1 0 100 2 2 2 0 012 2 1 1 0 102 0 4 4 0 00-4-4z",