classcard-ui 0.2.1532 → 0.2.1533

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.1532",
+  "version": "0.2.1533",
   "main": "dist/classcard-ui.umd.min.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CTextarea/CTextarea.vue

@@ -17,32 +17,25 @@
       <span v-if="hint" class="text-sm text-gray-500">{{ hint }}</span>
     </div>
 
-    <div class="mt-1">
-      <textarea
-        :value="textareaValue"
-        @input="$emit('input', $event.target.value)"
-        @blur="$emit('blur', $event.target.value)"
-        @keyup="updateCursorPosition"
-        @click="updateCursorPosition"
-        :placeholder="placeholder"
-        :id="controlId"
-        :data-testid="testid"
-        :rows="rows"
-        :class="[
-          errorClasses,
-          extraClasses,
-          disableResize ? 'resize-none' : '',
-        ]"
-        :disabled="disabled"
-        class="block w-full rounded-md text-gray-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 disabled:opacity-50 sm:text-sm"
-      ></textarea>
-      <!-- <div
-        v-if="!isValidate"
-        class="pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-red-600"
-      >
-        <c-icon name="exclamation-circle" type="solid" class="h-5 w-5"></c-icon>
-      </div> -->
-    </div>
+    <textarea
+      :value="textareaValue"
+      @input="$emit('input', $event.target.value)"
+      @blur="$emit('blur', $event.target.value)"
+      @keyup="updateCursorPosition"
+      @click="updateCursorPosition"
+      :placeholder="placeholder"
+      :id="controlId"
+      :data-testid="testid"
+      :rows="rows"
+      :class="[
+        errorClasses,
+        extraClasses,
+        disableResize ? 'resize-none' : '',
+        label || hint ? 'mt-1' : '',
+      ]"
+      :disabled="disabled"
+      class="block w-full rounded-md text-gray-900 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 disabled:opacity-50 sm:text-sm"
+    ></textarea>
     <p v-if="!isValidate" class="mt-2 text-sm text-red-600">
       {{ errorMessage }}
     </p>