@naptics/vue-collection 0.2.1 → 0.2.3

package/components/NCheckboxLabel.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { createComponent } from '../utils/component';
 import NCheckbox, { nCheckboxProps } from './NCheckbox';
 export const nCheckboxLabelProps = {
@@ -24,8 +24,10 @@ export default createComponent('NCheckboxLabel', nCheckboxLabelProps, props => {
     if (!props.disabled) props.onUpdateValue?.(!props.value);
   };
   return () => _createVNode("div", {
-    "class": `flex items-center`
-  }, [_createVNode(NCheckbox, props, null), _createVNode("div", {
+    "class": `flex ${props.description ? 'items-start' : 'items-center'}`
+  }, [_createVNode(NCheckbox, _mergeProps(props, {
+    "class": props.description ? 'mt-1' : ''
+  }), null), _createVNode("div", {
     "class": `${props.compact ? 'ml-2' : 'ml-3'} text-sm`
   }, [_createVNode("label", {
     "onClick": toggleValue,

package/components/NPagination.js

@@ -1,4 +1,4 @@
-import { createVNode as _createVNode, createTextVNode as _createTextVNode } from "vue";
+import { createVNode as _createVNode } from "vue";
 import { createComponent } from '../utils/component';
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/vue/24/solid';
 import { computed, watch } from 'vue';
@@ -77,9 +77,7 @@ export default createComponent('NPagination', nPaginationProps, props => {
   }, [_createVNode("button", {
     "class": ['pagination-item selectable rounded-l-md', props.small ? '' : 'not-small'],
     "onClick": previous
-  }, [_createVNode("span", {
-    "class": "sr-only"
-  }, [_createTextVNode("Previous")]), _createVNode(ChevronLeftIcon, {
+  }, [_createVNode(ChevronLeftIcon, {
     "class": "h-5 w-5",
     "aria-hidden": "true"
   }, null)]), items.value.map((item, index) => item.selectable ? _createVNode("button", {
@@ -92,9 +90,7 @@ export default createComponent('NPagination', nPaginationProps, props => {
   }, [item.label])), _createVNode("button", {
     "class": ['pagination-item selectable rounded-r-md', props.small ? '' : 'not-small'],
     "onClick": next
-  }, [_createVNode("span", {
-    "class": "sr-only"
-  }, [_createTextVNode("Next")]), _createVNode(ChevronRightIcon, {
+  }, [_createVNode(ChevronRightIcon, {
     "class": "h-5 w-5",
     "aria-hidden": "true"
   }, null)])]);

package/components/NSearchbar.js

@@ -41,10 +41,7 @@ export default createComponent('NSearchbar', nSearchbarProps, (props, context) =
     }
   };
   context.expose(exposed);
-  return () => _createVNode("div", null, [_createVNode("label", {
-    "for": "search",
-    "class": "sr-only"
-  }, [props.placeholder]), _createVNode("div", {
+  return () => _createVNode("div", {
     "class": "relative"
   }, [_createVNode("div", {
     "class": "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"
@@ -62,5 +59,5 @@ export default createComponent('NSearchbar', nSearchbarProps, (props, context) =
     "class": ['block w-full pl-10 pr-4 rounded-md border focus:outline-none focus:ring-1 transition placeholder-default-400 border-default-300 focus:border-primary-500 focus:ring-primary-500', props.small ? 'py-1' : 'py-2', props.inputClass],
     "onFocus": props.onFocus,
     "onBlur": props.onBlur
-  }, null)])]);
+  }, null)]);
 });

package/package.json

@@ -2,7 +2,7 @@
     "name": "@naptics/vue-collection",
     "author": "Timo Siegenthaler",
     "description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
-    "version": "0.2.1",
+    "version": "0.2.3",
     "main": "./index.js",
     "repository": {
         "type": "git",