nuxt-glorious 1.2.9-9-9-0 → 1.3.0

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "nuxt-glorious",
   "configKey": "glorious",
-  "version": "1.2.9-9-9-0"
+  "version": "1.3.0"
 }

package/dist/runtime/components/G/File.vue

@@ -18,7 +18,10 @@ const deleteFile = (event: any) => {
 </script>
 <template>
   <div class="flex flex-col">
-    <span class="text-sm font-medium text-gray-500">
+    <span
+      v-if="props.title !== ''"
+      class="glorious-title text-sm font-medium text-gray-500"
+    >
       {{ props.title }}
       <span
         v-if="props.required"

package/dist/runtime/components/G/Select.vue

@@ -66,7 +66,7 @@ const firstVal = selectValue.value
         <option
           v-for="(item, index) in props.options"
           :key="index"
-          :value="item.value"
+          :value="item[props.keyOfValue]"
         >
           {{ item[props.displayTextKey] }}
         </option>

package/dist/runtime/components/G/textarea.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, watch } from '#imports'
 import _props from '../props/Textarea'
+import { hasValidationError } from '../helper'
 const props = defineProps(_props)
 const modelValue = defineModel()
 
@@ -30,13 +31,16 @@ watch(
     <div class="glorious-textarea">
       <textarea
         v-model="inputValue"
-        :class="[`glorious-textarea-${props.color}`]"
+        :class="[
+          `glorious-textarea-${props.color}`,
+          hasValidationError(props.error) ? 'validation-error' : '',
+        ]"
         :placeholder="props.placeholder"
         :disabled="props.disabled"
         :rows="props.rows"
       />
+      <GErrorText :error="props.error" />
     </div>
-    <GErrorText :error="props.error" />
   </div>
 </template>
 

package/dist/runtime/components/props/Select.d.ts

@@ -32,6 +32,11 @@ declare const _default: {
         default: string;
         type: StringConstructor;
     };
+    keyOfValue: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
     displayTextKey: {
         required: boolean;
         default: string;

package/dist/runtime/components/props/Select.mjs

@@ -7,7 +7,8 @@ import {
   disabled,
   placeholder,
   required,
-  displayTextKey
+  displayTextKey,
+  keyOfValue
 } from "./common/index.mjs";
 export default {
   ...size(),
@@ -16,6 +17,7 @@ export default {
   ...color(),
   ...required(),
   ...displayTextKey(),
+  ...keyOfValue(),
   ...error,
   ...disabled,
   ...options

package/dist/runtime/components/props/common/index.d.ts

@@ -173,3 +173,10 @@ export declare const displayTextKey: () => {
         type: StringConstructor;
     };
 };
+export declare const keyOfValue: () => {
+    keyOfValue: {
+        required: boolean;
+        default: string;
+        type: StringConstructor;
+    };
+};

package/dist/runtime/components/props/common/index.mjs

@@ -159,3 +159,10 @@ export const displayTextKey = () => ({
     type: String
   }
 });
+export const keyOfValue = () => ({
+  keyOfValue: {
+    required: false,
+    default: "value",
+    type: String
+  }
+});

package/dist/runtime/style/components/select.css

@@ -39,7 +39,7 @@
 }
 
 .glorious-select {
-  @apply rounded-md ring-1 px-3 text-gray-500 text-sm;
+  @apply rounded-md ring-1 px-3 text-gray-500 text-sm h-max;
 }
 .glorious-select:disabled {
   @apply cursor-not-allowed;

package/dist/runtime/style/components/select.scss

@@ -31,7 +31,7 @@
 }
 
 .glorious-select {
-  @apply rounded-md ring-1 px-3 text-gray-500 text-sm;
+  @apply rounded-md ring-1 px-3 text-gray-500 text-sm h-max;
   @extend %select-size, %focus;
 
   &:disabled {

package/dist/runtime/style/components/textarea.css

@@ -54,10 +54,13 @@
 }
 
 .glorious-textarea {
-  @apply relative w-full;
+  @apply relative w-full flex flex-col;
 }
 .glorious-textarea > textarea {
-  @apply w-full;
+  @apply w-full p-2;
+}
+.glorious-textarea > textarea.validation-error {
+  @apply ring-red-500 bg-red-50;
 }
 .glorious-textarea > textarea::placeholder {
   @apply text-[14px];

package/dist/runtime/style/components/textarea.scss

@@ -33,9 +33,13 @@
 }
 
 .glorious-textarea {
-  @apply relative w-full;
+  @apply relative w-full flex flex-col;
   > textarea {
-    @apply w-full;
+    @apply w-full p-2;
+
+    &.validation-error{
+        @apply ring-red-500 bg-red-50
+    }
   }
   > textarea::placeholder {
     @apply text-[14px];

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.9-9-9-0",
+  "version": "1.3.0",
   "name": "nuxt-glorious",
   "description": "This package provides many things needed by a project, including server requests and authentication, SEO and other requirements of a project.",
   "repository": "sajadhzj/nuxt-glorious",