From 315c70895b9120226af15813e54d88a4eccc67d9 Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:44:55 -0400
Subject: [PATCH 1/6] Add classes to LForm

---
 src/components/LForm/LForm.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/LForm/LForm.tsx b/src/components/LForm/LForm.tsx
index 3ff0ff8..399dbb5 100644
--- a/src/components/LForm/LForm.tsx
+++ b/src/components/LForm/LForm.tsx
@@ -33,6 +33,7 @@ export const LForm = defineComponent({
 
     useRender(() => (
       <form
+        class="l-form"
         onSubmit={onSubmit}
         { ...attrs }
       >

From 4f473bb8f9a4c01ef0dbb54620615019e6d0ee3c Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:45:07 -0400
Subject: [PATCH 2/6] Add classes to LInput

---
 src/components/LInput/LInput.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/LInput/LInput.tsx b/src/components/LInput/LInput.tsx
index 170457f..9d262e2 100644
--- a/src/components/LInput/LInput.tsx
+++ b/src/components/LInput/LInput.tsx
@@ -30,12 +30,16 @@ export const LInput = defineComponent({
       <>
         <input
           value={content.value}
+          class="l-input"
+          type="text"
           onInput={onInput}
           onBlur={validation.startValidating}
-          type="text"
           { ...attrs }
         />
-        { validation.renderError.value && <p>{ validation.error.value }</p> }
+        {
+          validation.renderError.value
+          && <p class="l-input__error">{ validation.error.value }</p>
+        }
       </>
     ));
 

From 608e3ed48e9714a4bf5709666ae869d0b4c5a416 Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:45:20 -0400
Subject: [PATCH 3/6] Add classes to LTextarea

---
 src/components/LTextarea/LTextarea.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/LTextarea/LTextarea.tsx b/src/components/LTextarea/LTextarea.tsx
index 98eabfb..d130a1f 100644
--- a/src/components/LTextarea/LTextarea.tsx
+++ b/src/components/LTextarea/LTextarea.tsx
@@ -30,11 +30,15 @@ export const LTextarea = defineComponent({
       <>
         <textarea
           value={content.value}
+          class="l-textarea"
           onInput={onInput}
           onBlur={validation.startValidating}
           { ...attrs }
         />
-        { validation.renderError.value && <p>{ validation.error.value }</p> }
+        {
+          validation.renderError.value
+          && <p class="l-textarea__error">{ validation.error.value }</p>
+        }
       </>
     ));
 

From 0ee29118165d88dfc02fb923a54e0559710bcbed Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:45:37 -0400
Subject: [PATCH 4/6] Add classes to LCheckbox

---
 src/components/LCheckbox/LCheckbox.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/LCheckbox/LCheckbox.tsx b/src/components/LCheckbox/LCheckbox.tsx
index d46fea9..4715986 100644
--- a/src/components/LCheckbox/LCheckbox.tsx
+++ b/src/components/LCheckbox/LCheckbox.tsx
@@ -29,8 +29,9 @@ export const LCheckbox = defineComponent({
       <>
         <input
           value={content.value}
-          onInput={onInput}
+          class="l-checkbox"
           type="checkbox"
+          onInput={onInput}
           { ...attrs }
         />
       </>

From a6835b3bc5f7000a1492a21708e1004f31a20e63 Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:45:46 -0400
Subject: [PATCH 5/6] Add classes to LCheckboxGroup

---
 src/components/LCheckboxGroup/LCheckboxGroup.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/LCheckboxGroup/LCheckboxGroup.tsx b/src/components/LCheckboxGroup/LCheckboxGroup.tsx
index 4e5bd61..8595dc5 100644
--- a/src/components/LCheckboxGroup/LCheckboxGroup.tsx
+++ b/src/components/LCheckboxGroup/LCheckboxGroup.tsx
@@ -18,10 +18,11 @@ export const LCheckboxGroup = defineComponent({
 
     useRender(() => (
       <>
-        <>
-          { slots.default?.() }
-        </>
-        { validation.renderError.value && <p>{ validation.error.value }</p> }
+        { slots.default?.() }
+        {
+          validation.renderError.value
+          && <p class="l-checkbox-group__error">{ validation.error.value }</p>
+        }
       </>
     ));
 

From 6254fe5b45f6b71b862c0f7b20b9ba369c06f5ce Mon Sep 17 00:00:00 2001
From: Daniel Leal <dlleal@uc.cl>
Date: Sat, 9 Jul 2022 15:46:31 -0400
Subject: [PATCH 6/6] Prepare the 0.3.1 release

---
 package-lock.json | 4 ++--
 package.json      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1ec9f5b..c089f1d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "loveform",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "loveform",
-      "version": "0.3.0",
+      "version": "0.3.1",
       "license": "MIT",
       "devDependencies": {
         "@types/node": "^17.0.21",
diff --git a/package.json b/package.json
index ff411fa..2fd962a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "loveform",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "The Vue form assembly tool that won't break your heart 💔",
   "homepage": "https://loveform.daleal.dev",
   "repository": "https://github.com/daleal/loveform",