vueless 0.0.605 → 0.0.606

package/constants.js

@@ -171,21 +171,21 @@ export const TAILWIND_MERGE_EXTENSION = {
       "ring-offset-w": [{ "ring-offset": ["dynamic"] }],
       "ring-offset-color": [{ "ring-offset": ["color-dynamic"] }],
       "font-size": [{ text: ["2xs"] }],
-      rounded: [{ rounded: ["dynamic"] }],
-      "rounded-s": [{ "rounded-s": ["dynamic"] }],
-      "rounded-e": [{ "rounded-e": ["dynamic"] }],
-      "rounded-t": [{ "rounded-t": ["dynamic"] }],
-      "rounded-r": [{ "rounded-r": ["dynamic"] }],
-      "rounded-b": [{ "rounded-b": ["dynamic"] }],
-      "rounded-l": [{ "rounded-l": ["dynamic"] }],
-      "rounded-ss": [{ "rounded-ss": ["dynamic"] }],
-      "rounded-se": [{ "rounded-se": ["dynamic"] }],
-      "rounded-ee": [{ "rounded-ee": ["dynamic"] }],
-      "rounded-es": [{ "rounded-es": ["dynamic"] }],
-      "rounded-tl": [{ "rounded-tl": ["dynamic"] }],
-      "rounded-tr": [{ "rounded-tr": ["dynamic"] }],
-      "rounded-br": [{ "rounded-br": ["dynamic"] }],
-      "rounded-bl": [{ "rounded-bl": ["dynamic"] }],
+      rounded: [{ rounded: ["dynamic", "inherit"] }],
+      "rounded-s": [{ "rounded-s": ["dynamic", "inherit"] }],
+      "rounded-e": [{ "rounded-e": ["dynamic", "inherit"] }],
+      "rounded-t": [{ "rounded-t": ["dynamic", "inherit"] }],
+      "rounded-r": [{ "rounded-r": ["dynamic", "inherit"] }],
+      "rounded-b": [{ "rounded-b": ["dynamic", "inherit"] }],
+      "rounded-l": [{ "rounded-l": ["dynamic", "inherit"] }],
+      "rounded-ss": [{ "rounded-ss": ["dynamic", "inherit"] }],
+      "rounded-se": [{ "rounded-se": ["dynamic", "inherit"] }],
+      "rounded-ee": [{ "rounded-ee": ["dynamic", "inherit"] }],
+      "rounded-es": [{ "rounded-es": ["dynamic", "inherit"] }],
+      "rounded-tl": [{ "rounded-tl": ["dynamic", "inherit"] }],
+      "rounded-tr": [{ "rounded-tr": ["dynamic", "inherit"] }],
+      "rounded-br": [{ "rounded-br": ["dynamic", "inherit"] }],
+      "rounded-bl": [{ "rounded-bl": ["dynamic", "inherit"] }],
     },
   },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.605",
+  "version": "0.0.606",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/preset-tailwind.js

@@ -87,6 +87,7 @@ export const vuelessTailwindConfig = {
         "2xs": ["0.625rem", "0.875rem"] /* 10px / 14px */,
       },
       borderRadius: {
+        inherit: "inherit",
         dynamic: "var(--vl-rounding)",
       },
       ringWidth: {

package/ui.form-date-picker/config.ts

@@ -4,10 +4,10 @@ export default /*tw*/ {
   datepickerInputActive: {
     base: "{UInput} {>datepickerInput}",
     wrapper: {
-      base: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
+      base: "ring-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
       variants: {
         error: {
-          true: "ring-red-700/15",
+          true: "ring-red-700/15 border-red-500 hover:border-red-500",
         },
       },
     },

package/ui.form-date-picker-range/config.ts

@@ -4,10 +4,10 @@ export default /*tw*/ {
   datepickerInputActive: {
     base: "{UInput} {>datepickerInput}",
     wrapper: {
-      base: "ring-dynamic rounded-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
+      base: "ring-dynamic ring-offset-dynamic ring-brand-700/15 border-brand-500 hover:border-brand-500",
       variants: {
         error: {
-          true: "ring-red-700/15",
+          true: "ring-red-700/15 border-red-500 hover:border-red-500",
         },
       },
     },

package/ui.form-input/config.ts

@@ -16,21 +16,21 @@ export default /*tw*/ {
       },
       disabled: {
         true: `
-          focus-within:ring-0 focus-within:ring-offset-0 bg-gray-100 
+          focus-within:ring-0 focus-within:ring-offset-0 bg-gray-100
           hover:border-gray-300 focus-within:border-gray-300 hover:focus-within:border-gray-300
         `,
       },
     },
   },
-  rightIconWrapper: "flex items-center justify-end whitespace-nowrap pr-2.5 gap-1 rounded-dynamic rounded-l-none",
-  leftIconWrapper: "flex items-center justify-end whitespace-nowrap pl-2.5 gap-1 rounded-dynamic rounded-r-none",
+  rightIconWrapper: "flex items-center justify-end whitespace-nowrap pr-2.5 gap-1 rounded-inherit rounded-l-none",
+  leftIconWrapper: "flex items-center justify-end whitespace-nowrap pl-2.5 gap-1 rounded-inherit rounded-r-none",
   leftIcon: "{UIcon}",
   rightIcon: "{UIcon}",
   passwordIcon: "{UIcon}",
   input: {
     base: `
       block w-full py-2 px-3 font-normal !leading-none text-gray-900 bg-transparent
-      border-none rounded-dynamic transition focus:ring-0
+      border-none rounded-inherit transition focus:ring-0
       placeholder:font-normal placeholder-gray-400
       disabled:text-gray-700 disabled:cursor-not-allowed
     `,

package/ui.form-textarea/UTextarea.vue

@@ -213,6 +213,7 @@ const { textareaAttrs, textareaLabelAttrs, textareaWrapperAttrs, leftSlotAttrs,
       <!-- @slot Use it to add something before the text. -->
       <slot name="left" />
     </label>
+
     <label ref="textareaWrapperRef" :for="elementId" v-bind="textareaWrapperAttrs">
       <textarea
         :id="elementId"
@@ -232,9 +233,10 @@ const { textareaAttrs, textareaLabelAttrs, textareaWrapperAttrs, leftSlotAttrs,
         @mousedown="onMousedown"
         @click="onClick"
         @keydown.enter="onEnter"
-        @keydown.backspace="onBackspace"
+        @keydown.delete="onBackspace"
       />
     </label>
+
     <label v-if="hasSlotContent($slots['right'])" :for="elementId" v-bind="rightSlotAttrs">
       <!-- @slot Use it to add something after the text. -->
       <slot name="right" />

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.605",
+  "version": "0.0.606",
   "contributions": {
     "html": {
       "description-markup": "markdown",