From 843afc7445a95f6877627c88c27b0ce95626dfb5 Mon Sep 17 00:00:00 2001
From: Renato <re2005@gmail.com>
Date: Mon, 31 Aug 2020 15:52:59 +0200
Subject: [PATCH] feat: add size for inputs

---
 .../UiFormInputs/UiInputAddress/UiInputAddress.vue         | 7 +++++++
 .../UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue       | 2 ++
 .../UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue   | 2 ++
 src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue  | 2 ++
 .../UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue     | 2 ++
 src/components/UiFormInputs/UiInputText/UiInputText.vue    | 2 ++
 6 files changed, 17 insertions(+)

diff --git a/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue b/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue
index 8b21dfc..7200174 100644
--- a/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue
+++ b/src/components/UiFormInputs/UiInputAddress/UiInputAddress.vue
@@ -5,17 +5,21 @@
                 v-model="value.postalCode"
                 :label="$t('ADDRESS.POSTAL_CODE')"
                 class="column"
+                :size="size"
             />
             <UiInputText
                 v-model="value.number"
                 :label="$t('ADDRESS.NUMBER')"
                 class="column is-3"
+                :size="size"
+
             />
             <UiInputText
                 v-model="value.addition"
                 :label="$t('ADDRESS.ADDITION')"
                 class="column is-3"
                 rules=""
+                :size="size"
             />
         </div>
         <div class="columns">
@@ -23,11 +27,13 @@
                 v-model="value.street"
                 :label="$t('ADDRESS.STREET')"
                 class="column is-6"
+                :size="size"
             />
             <UiInputText
                 v-model="value.city"
                 :label="$t('ADDRESS.CITY')"
                 class="column is-6"
+                :size="size"
             />
         </div>
     </div>
@@ -42,5 +48,6 @@
     })
     export default class UiInputAddress extends Vue {
         @Prop() value: any;
+        @Prop() size: any;
     }
 </script>
diff --git a/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue b/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue
index 2b1cceb..7d9a5e6 100644
--- a/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue
+++ b/src/components/UiFormInputs/UiInputCheckbox/UiInputCheckbox.vue
@@ -37,6 +37,7 @@
                 <b-checkbox
                     v-model="selected"
                     :native-value="option.id"
+                    :size="size"
                 >
                     {{ option.name }}
                     <slot />
@@ -62,6 +63,7 @@
         @Prop() tooltip!: string;
         @Prop() label!: string;
         @Prop() rules!: string;
+        @Prop() size!: string;
         @Prop({
             default: () => (
                 [
diff --git a/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue b/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue
index 965845b..9ec8774 100644
--- a/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue
+++ b/src/components/UiFormInputs/UiInputDatepicker/UiInputDatepicker.vue
@@ -37,6 +37,7 @@
                     :min-date="min"
                     :max-date="max"
                     :placeholder="$t('VALIDATION.DATE_SELECT')"
+                    :size="size"
                 />
             </b-field>
         </ValidationProvider>
@@ -58,6 +59,7 @@
         @Prop() max!: number;
         @Prop() locale!: string;
         @Prop() defaultDate!: number;
+        @Prop() size!: number;
 
         isActive = false;
 
diff --git a/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue b/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue
index 559ec16..5df7b5a 100644
--- a/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue
+++ b/src/components/UiFormInputs/UiInputRadio/UiInputRadio.vue
@@ -41,6 +41,7 @@
                     <b-radio
                         v-model="selected"
                         :native-value="option.id"
+                        :size="size"
                     >
                         {{ option.name }}
                         <b-tooltip
@@ -69,6 +70,7 @@
         @Prop() inline!: boolean;
         @Prop() items!: Array<any>;
         @Prop({ default: 'required' }) rules!: string;
+        @Prop() size!: string;
 
         isActive = false;
 
diff --git a/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue b/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue
index 2069612..7679b4e 100644
--- a/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue
+++ b/src/components/UiFormInputs/UiInputSelectbox/UiInputSelectbox.vue
@@ -34,6 +34,7 @@
                     :expanded="expanded"
                     :rounded="rounded"
                     :loading="isLoading"
+                    :size="size"
                 >
                     <option
                         v-for="item in items"
@@ -62,6 +63,7 @@
         @Prop() rounded!: boolean;
         @Prop() expanded!: boolean;
         @Prop({ default: 'required' }) rules!: string;
+        @Prop() size!: string;
 
         isActive = false;
 
diff --git a/src/components/UiFormInputs/UiInputText/UiInputText.vue b/src/components/UiFormInputs/UiInputText/UiInputText.vue
index e64baf2..811e8c5 100644
--- a/src/components/UiFormInputs/UiInputText/UiInputText.vue
+++ b/src/components/UiFormInputs/UiInputText/UiInputText.vue
@@ -39,6 +39,7 @@
                     :validation-message="validation"
                     :step="step"
                     :placeholder="placeholder"
+                    :size="size"
                 />
             </b-field>
         </ValidationProvider>
@@ -63,6 +64,7 @@
         @Prop() step!: string;
         @Prop() name!: string;
         @Prop() placeholder!: string;
+        @Prop() size!: string;
 
         isActive = false;