Merge pull request #161 from libvue/improve/misc

Improve/misc

Author: harmendv

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@libvue/core",
-    "version": "1.3.1",
+    "version": "1.3.2",
     "private": false,
     "scripts": {
         "dev": "vite",

package.json

@@ -189,7 +189,7 @@ export default {
             tabs: [
                 { id: 'colors', title: 'Colors', icon: 'palette' },
                 { id: 'sizes', title: 'Sizes', icon: 'scaling' },
-                { id: 'states', title: 'States', icon: 'loader-2' },
+                { id: 'states', title: 'States', icon: 'loader-circle' },
                 { id: 'icons', title: 'Icons', icon: 'box-select' },
                 { id: 'align', title: 'Text Alignment', icon: 'align-center' },
             ],

src/docs/views/documentation/components/lv-button.vue

@@ -70,7 +70,7 @@ export default {
                 { id: 'single', title: 'Single Date', icon: 'calendar-days' },
                 { id: 'range', title: 'Date Range', icon: 'calendar-range' },
                 { id: 'inline', title: 'Inline', icon: 'pencil' },
-                { id: 'states', title: 'States', icon: 'loader-2' },
+                { id: 'states', title: 'States', icon: 'loader-circle' },
             ],
         }
     }

src/docs/views/documentation/components/lv-date-picker.vue

@@ -70,7 +70,7 @@ export default {
             activeTab: 'types',
             tabs: [
                 { id: 'types', title: 'Types', icon: 'form-input' },
-                { id: 'states', title: 'States', icon: 'loader-2' },
+                { id: 'states', title: 'States', icon: 'loader-circle' },
                 { id: 'sizes', title: 'Sizes', icon: 'scaling' },
             ],
         };

src/docs/views/documentation/components/lv-input.vue

@@ -114,7 +114,7 @@ export default {
             activeTab: 'colors',
             tabs: [
                 { id: 'colors', title: 'Colors', icon: 'palette' },
-                { id: 'states', title: 'States', icon: 'loader-2' },
+                { id: 'states', title: 'States', icon: 'loader-circle' },
                 { id: 'icons', title: 'Icons', icon: 'box-select' },
                 { id: 'sizes', title: 'Sizes', icon: 'scaling' },
             ],

src/docs/views/documentation/components/lv-pill.vue

@@ -83,6 +83,7 @@ export default {
         display: flex;
         align-items: center;
         padding: 0.5rem 0.625rem;
+        margin: 0 2px;
     }
 
     &__close {

src/lib/components/LvPill/LvPill.vue

@@ -7,9 +7,9 @@
         :height="computedSize"
         aria-hidden="true"
         :style="push ? `margin-right: ${push}rem;` : false"
-        data-name="loader-2"
+        data-name="loader-circle"
     >
-        <use :href="`${spritePath}#loader-2`" />
+        <use :href="`${spritePath}#loader-circle`" />
         <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 0 0" to="359 0 0" :dur="duration" additive="sum" repeatCount="indefinite" />
     </svg>
 </template>