@tak-ps/vue-tabler 3.35.0 → 3.36.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/CHANGELOG.md CHANGED
@@ -10,6 +10,10 @@
10
10
 
11
11
  ## Version History
12
12
 
13
+ ### v3.26.0
14
+
15
+ - :bug: Icon sizes became variable, explicitly fix all icon sizes
16
+
13
17
  ### v3.25.0
14
18
 
15
19
  - :bug: Add `.stop.prevent` on button & icon click
@@ -6,7 +6,7 @@
6
6
  </div>
7
7
  </template>
8
8
  <template v-else>
9
- <IconTrash @click.stop.prevent='modal = true' class='cursor-pointer'/>
9
+ <IconTrash @click.stop.prevent='modal = true' size='32' class='cursor-pointer'/>
10
10
  </template>
11
11
 
12
12
  <TablerModal v-if='modal'>
@@ -20,7 +20,7 @@
20
20
  </div>
21
21
  <div class="modal-footer">
22
22
  <div @click='$emit("delete")' class="btn btn-danger">
23
- <IconTrash/><span class='mx-2' v-text='label'/>
23
+ <IconTrash size='32'/><span class='mx-2' v-text='label'/>
24
24
  </div>
25
25
  </div>
26
26
  </TablerModal>
@@ -2,7 +2,7 @@
2
2
  <div class="dropdown">
3
3
  <div type="button" :id='id' data-bs-toggle="dropdown" aria-expanded="false">
4
4
  <slot>
5
- <IconSettings style='cursor-pointer'/>
5
+ <IconSettings size='32' class='cursor-pointer'/>
6
6
  </slot>
7
7
  </div>
8
8
  <ul class="dropdown-menu w-100" :aria-labelledby='id'>
@@ -3,7 +3,7 @@
3
3
  <button type="button" class="btn-close" @click='close' aria-label="Close"></button>
4
4
  <div class="modal-status bg-yellow"></div>
5
5
  <div class="modal-body text-center py-4">
6
- <IconAlertCircle/>
6
+ <IconAlertCircle size='40'/>
7
7
  <h3>Website Error</h3>
8
8
  <div class="text-muted" v-text='err.message'></div>
9
9
  <pre v-if='err.body' v-text='err.body'></pre>
@@ -14,7 +14,7 @@
14
14
  <span v-else style='padding-top: 6px;'>Select <span v-text='label'/></span>
15
15
 
16
16
  <div class='ms-auto'>
17
- <IconSettings style='margin-top: 4px;'/>
17
+ <IconSettings size='32' style='margin-top: 4px;'/>
18
18
  </div>
19
19
  </div>
20
20
  </div>
@@ -3,8 +3,8 @@
3
3
  <div class='d-flex justify-content-center' :class='{
4
4
  "mt-4 mb-2": !compact
5
5
  }'>
6
- <IconNotesOff v-if='compact' width='32' height='32' />
7
- <IconNotesOff v-else width='48' height='48' />
6
+ <IconNotesOff v-if='compact' size='32' />
7
+ <IconNotesOff v-else size='48'/>
8
8
  </div>
9
9
 
10
10
  <div class='text-center' :class='{
@@ -3,12 +3,12 @@
3
3
  <div>
4
4
  <template v-if='parseInt(total) <= parseInt(limit)'>
5
5
  <button @click='changePage(0)' class='btn mx-1' >
6
- <IconHome class='icon'/>Home
6
+ <IconHome size='32' class='icon'/>Home
7
7
  </button>
8
8
  </template>
9
9
  <template v-else>
10
10
  <button @click='changePage(0)' class='btn mx-1' :class='{ "btn-primary": current === 0 }'>
11
- <IconHome class='icon'/>Home
11
+ <IconHome size='32' class='icon'/>Home
12
12
  </button>
13
13
 
14
14
  <template v-if='end > 5 && current > 3'>
@@ -46,7 +46,7 @@
46
46
  <div class='d-flex'>
47
47
  <label class='form-label' v-text='key'/>
48
48
  <div class='ms-auto'>
49
- <IconPlus v-if='!disabled' @click='push(key)' class='cursor-pointer'/>
49
+ <IconPlus v-if='!disabled' @click='push(key)' size='32' class='cursor-pointer'/>
50
50
  </div>
51
51
  </div>
52
52
 
@@ -54,7 +54,7 @@
54
54
  <div class='d-flex'>
55
55
  <div class='mx-2 my-2'>Entry <span v-text='i + 1'/></div>
56
56
  <div class='ms-auto mx-2 my-2'>
57
- <IconTrash v-if='!disabled' @click='data[key].splice(i, 1)' class='cursor-pointer'/>
57
+ <IconTrash v-if='!disabled' @click='data[key].splice(i, 1)' size='32' class='cursor-pointer'/>
58
58
  </div>
59
59
  </div>
60
60
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tak-ps/vue-tabler",
3
3
  "type": "module",
4
- "version": "3.35.0",
4
+ "version": "3.36.0",
5
5
  "lib": "lib.js",
6
6
  "module": "lib.js",
7
7
  "description": "Tabler UI components for Vue3",