@iankibetsh/shframework 1.5.0 → 1.5.2

package/dist/dist/library.mjs.css

@@ -95,6 +95,21 @@
   flex-grow: 1;
 }
 
+.sh-selected-item{
+  line-height: unset!important;
+}
+.sh-suggestion-input{
+  padding: 0.375rem 0.75rem;
+}
+.sh-suggest{
+  margin-bottom: 1rem;
+}
+.sh-suggest-control::after{
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.255em;
+}
+
 :root {
   --ck-z-default: 10555 !important;
   --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
@@ -116,21 +131,6 @@
   }
 }
 
-.sh-selected-item{
-  line-height: unset!important;
-}
-.sh-suggestion-input{
-  padding: 0.375rem 0.75rem;
-}
-.sh-suggest{
-  margin-bottom: 1rem;
-}
-.sh-suggest-control::after{
-  margin-top: auto;
-  margin-bottom: auto;
-  margin-right: 0.255em;
-}
-
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -1887,8 +1887,8 @@ var script$o = {
         isoCode: 'KE',
         flag: 'https://www.countryflags.io/KE/flat/64.png'
       },
-      flag: window.VITE_APP_HOME_URL + 'flags/ke.svg',
-      appUrl: window.VITE_APP_HOME_URL
+      flag: undefined.VITE_APP_HOME_URL + 'flags/ke.svg',
+      appUrl: undefined.VITE_APP_HOME_URL
     }
   },
   updated () {
@@ -2906,7 +2906,7 @@ script$j.__file = "src/lib/components/form-components/NumberInput.vue";
 
 var script$i = {
   __name: 'TextInput',
-  props: ['modelValue','label'],
+  props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
   setup(__props, { emit }) {
 
@@ -3270,12 +3270,13 @@ return (_ctx, _cache) => {
               }, null, 10 /* CLASS, PROPS */, _hoisted_2$a))
             : vue.createCommentVNode("v-if", true),
           (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(getFieldComponent(field)), vue.mergeProps(getComponentProps(field), {
+            isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
             onClick: $event => (removeValidationError(field.field)),
             "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
             modelValue: formFields.value[index].value,
             placeholder: vue.unref(isFloating) ? field.label:field.placeholder,
             class: getComponentClass(field.field)
-          }), null, 16 /* FULL_PROPS */, ["onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
+          }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
           (vue.unref(isFloating) && field.label)
             ? (vue.openBlock(), vue.createElementBlock("label", {
                 key: 1,

package/dist/library.mjs

@@ -1874,8 +1874,8 @@ var script$o = {
         isoCode: 'KE',
         flag: 'https://www.countryflags.io/KE/flat/64.png'
       },
-      flag: window.VITE_APP_HOME_URL + 'flags/ke.svg',
-      appUrl: window.VITE_APP_HOME_URL
+      flag: import.meta.env.VITE_APP_HOME_URL + 'flags/ke.svg',
+      appUrl: import.meta.env.VITE_APP_HOME_URL
     }
   },
   updated () {
@@ -2893,7 +2893,7 @@ script$j.__file = "src/lib/components/form-components/NumberInput.vue";
 
 var script$i = {
   __name: 'TextInput',
-  props: ['modelValue','label'],
+  props: ['modelValue','label','isInvalid'],
   emits: ['update:modelValue','clearValidationErrors'],
   setup(__props, { emit }) {
 
@@ -3257,12 +3257,13 @@ return (_ctx, _cache) => {
               }, null, 10 /* CLASS, PROPS */, _hoisted_2$a))
             : createCommentVNode("v-if", true),
           (openBlock(), createBlock(resolveDynamicComponent(getFieldComponent(field)), mergeProps(getComponentProps(field), {
+            isInvalid: typeof validationErrors.value[field.field] !== 'undefined',
             onClick: $event => (removeValidationError(field.field)),
             "onUpdate:modelValue": [$event => (removeValidationError(field.field)), $event => ((formFields.value[index].value) = $event)],
             modelValue: formFields.value[index].value,
             placeholder: unref(isFloating) ? field.label:field.placeholder,
             class: getComponentClass(field.field)
-          }), null, 16 /* FULL_PROPS */, ["onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
+          }), null, 16 /* FULL_PROPS */, ["isInvalid", "onClick", "onUpdate:modelValue", "modelValue", "placeholder", "class"])),
           (unref(isFloating) && field.label)
             ? (openBlock(), createElementBlock("label", {
                 key: 1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",