vueless 0.0.259 → 0.0.260

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.259",
+  "version": "0.0.260",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.form-input/configs/default.config.js

@@ -16,12 +16,6 @@ export default /*tw*/ {
       focus-within:border-brand-500 focus-within:ring-dynamic focus-within:ring-offset-dynamic focus-within:ring-brand-700/15
     `,
     variants: {
-      disabled: {
-        true: `
-          text-gray-900 border-gray-100 bg-gray-100 opacity-100 cursor-default
-          hover:border-gray-100
-        `,
-      },
       error: {
         true: `
           border-red-300
@@ -29,16 +23,17 @@ export default /*tw*/ {
           focus-within:border-red-500 focus-within:ring-red-700/15
         `,
       },
+      disabled: {
+        true: "pointer-events-none",
+      },
     },
   },
   input: {
     base: `
       block w-full py-2 px-3 font-normal leading-none text-gray-900 bg-white
-      border-none rounded-dynamic transition
+      border-none rounded-dynamic transition focus:ring-0
       placeholder:font-normal placeholder-gray-400
-      focus:ring-0 disabled:opacity-50
-      disabled:cursor-not-allowed disabled:text-gray-900 disabled:border-gray-100
-      read-only:ring-0 read-only:border-gray-300
+      disabled:text-gray-700 disabled:bg-gray-100
     `,
     variants: {
       size: {

package/ui.form-input-search/configs/default.config.js

@@ -10,6 +10,7 @@ export default /*tw*/ {
     labelAlign: "topInside",
     debounce: 300,
     disabled: false,
+    readonly: false,
     searchButton: false,
   },
 };

package/ui.form-input-search/index.vue

@@ -5,6 +5,7 @@
     v-model="search"
     :size="size"
     :disabled="disabled"
+    :readonly="readonly"
     :label-align="labelAlign"
     :label="label"
     :error="error"
@@ -158,6 +159,14 @@ const props = defineProps({
     default: "",
   },
 
+  /**
+   * Set input read-only.
+   */
+  readonly: {
+    type: Boolean,
+    default: UIService.get(defaultConfig, UInputSearch).default.readonly,
+  },
+
   /**
    * Set input disabled.
    */

package/ui.form-textarea/configs/default.config.js

@@ -4,10 +4,9 @@ export default /*tw*/ {
   rightSlot: "flex items-center justify-center h-full w-11 absolute right-0",
   textareaWrapper: {
     base: `
-      px-3 py-2 rounded-dynamic border border-gray-300 cursor-text bg-white transition
-      hover:border-gray-400 hover:focus-within:border-gray-500
-      focus-within:ring-dynamic focus-within:ring-offset-dynamic focus-within:ring-gray-700/15
-      focus-within:border-gray-500 focus-within:outline-none
+      px-3 py-2 bg-white transition
+      rounded-dynamic border border-gray-300 hover:border-gray-400 hover:focus-within:border-gray-500 focus-within:border-gray-500
+      focus-within:ring-dynamic focus-within:ring-offset-dynamic focus-within:ring-gray-700/15 focus-within:outline-none
     `,
     variants: {
       error: {
@@ -18,10 +17,7 @@ export default /*tw*/ {
         `,
       },
       disabled: {
-        true: "cursor-not-allowed border-none focus-within:ring-0 bg-gray-100",
-      },
-      readonly: {
-        true: "ring-0 border-gray-300 focus-within:ring-0 focus-within:border-brand-300",
+        true: "pointer-events-none bg-gray-100",
       },
     },
     compoundVariants: [
@@ -32,10 +28,9 @@ export default /*tw*/ {
   },
   textarea: {
     base: `
-      placeholder:font-normal placeholder:text-gray-400 shadow-none w-full
-      disabled:cursor-not-allowed font-normal text-gray-900 resize-none block
-      border-none focus:border-none focus:outline-none focus:ring-0 p-0
-      bg-transparent
+      p-0 block w-full bg-transparent border-none font-normal text-gray-900
+      placeholder:font-normal placeholder:text-gray-400
+      focus:border-none focus:outline-none focus:ring-0
     `,
     variants: {
       size: {
@@ -46,7 +41,7 @@ export default /*tw*/ {
     },
   },
   defaultVariants: {
-    rows: "2",
+    rows: "3",
     size: "md",
     type: "text",
     inputmode: "text",

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.259",
+  "version": "0.0.260",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -4930,6 +4930,15 @@
               },
               "default": "\"\""
             },
+            {
+              "name": "readonly",
+              "description": "Set input read-only.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
             {
               "name": "disabled",
               "description": "Set input disabled.",
@@ -7951,7 +7960,7 @@
                 "kind": "expression",
                 "type": "string"
               },
-              "default": "2"
+              "default": "3"
             },
             {
               "name": "id",