fix: update button behavior

Author: linspw

src/components/atoms/button/button.vue

@@ -20,17 +20,20 @@
       :color="iconLeftColor"
       :class="{'h-button__icon h-button__icon--position-left': slotPassed}"
     />
+
     <HIcon
       v-if="isLoading"
       icon="fas fa-circle-notch fa-spin"
       class="h-button__icon h-button__icon--is-loading"
     />
+
     <span
-      v-if="slotPassed"
+      v-if="slotPassed && !onlyIcon"
       :class="{ 'h-button__text': true }"
     >
       <slot />
     </span>
+
     <HIcon
       v-if="iconRight"
       :icon="iconRight"
@@ -77,6 +80,11 @@ export default {
     variant: {
       type: String,
       default: 'contained',
+      validator: shouldBeOneOf([
+        'contained',
+        'outlined',
+        'text',
+      ]),
     },
     size: {
       type: String,

src/components/molecules/input-field/input-field.vue

@@ -11,7 +11,9 @@
     >
       {{ label }}
     </HText>
+
     <slot />
+
     <HText
       v-if="helperTextActive"
       :color="finalHasError ? 'danger' : 'grey'"
@@ -55,8 +57,8 @@ export default {
     },
   },
   setup(props) {
-    const $state = reactive({ _hasError: false });
-    const finalHasError = computed(() => props.hasError || $state._hasError);
+    const $state = reactive({ hasError: false });
+    const finalHasError = computed(() => props.hasError || $state.hasError);
     provide('hasErrorFromValidate', finalHasError.value);
 
     return { finalHasError };