vueless 0.0.379 → 0.0.380

package/package.json

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

package/ui.data-list/storybook/stories.js

@@ -45,16 +45,12 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { UDataList, UIcon, URow, UButton },
   setup() {
-    function onDragSort(value) {
-      this.list = value;
-    }
-
     const slots = getSlotNames(UDataList.__name);
 
-    return { args, slots, onDragSort };
+    return { args, slots };
   },
   template: `
-    <UDataList v-bind="args" @dragSort="onDragSort">
+    <UDataList v-bind="args">
       ${args.slotTemplate || getSlotsFragment()}
     </UDataList>
   `,

package/ui.dropdown-badge/UDropdownBadge.vue

@@ -54,7 +54,6 @@
       ref="dropdownListRef"
       :size="size"
       :options="options"
-      :value-key="valueKey"
       :label-key="labelKey"
       v-bind="dropdownListAttrs"
       :data-test="`${dataTest}-list`"
@@ -105,14 +104,6 @@ const props = defineProps({
     default: getDefault(defaultConfig, UDropdownBadge).labelKey,
   },
 
-  /**
-   * Value key in the item object of options.
-   */
-  valueKey: {
-    type: String,
-    default: getDefault(defaultConfig, UDropdownBadge).valueKey,
-  },
-
   /**
    * Badge variant.
    * @values primary, secondary, thirdary

package/ui.dropdown-badge/storybook/stories.js

@@ -13,11 +13,7 @@ export default {
   component: UDropdownBadge,
   args: {
     label: "Dropdown",
-    options: [
-      { label: "option 1", id: "1" },
-      { label: "option 2", id: "2" },
-      { label: "option 3", id: "3" },
-    ],
+    options: [{ label: "option 1" }, { label: "option 2" }, { label: "option 3" }],
   },
   argTypes: {
     ...getArgTypes(UDropdownBadge.__name),

package/ui.dropdown-button/UDropdownButton.vue

@@ -55,7 +55,6 @@
       ref="dropdownListRef"
       :size="size"
       :options="options"
-      :value-key="valueKey"
       :label-key="labelKey"
       v-bind="dropdownListAttrs"
       :data-test="`${dataTest}-list`"
@@ -107,14 +106,6 @@ const props = defineProps({
     default: getDefault(defaultConfig, UDropdownButton).labelKey,
   },
 
-  /**
-   * Value key in the item object of options.
-   */
-  valueKey: {
-    type: String,
-    default: getDefault(defaultConfig, UDropdownButton).valueKey,
-  },
-
   /**
    * Button variant.
    * @values primary, secondary, thirdary

package/ui.dropdown-button/storybook/stories.js

@@ -14,11 +14,7 @@ export default {
   component: UDropdownButton,
   args: {
     label: "Dropdown",
-    options: [
-      { label: "option 1", id: "1" },
-      { label: "option 2", id: "2" },
-      { label: "option 3", id: "3" },
-    ],
+    options: [{ label: "option 1" }, { label: "option 2" }, { label: "option 3" }],
   },
   argTypes: {
     ...getArgTypes(UDropdownButton.__name),

package/ui.dropdown-link/UDropdownLink.vue

@@ -58,7 +58,6 @@
       ref="dropdownListRef"
       :size="size"
       :options="options"
-      :value-key="valueKey"
       :label-key="labelKey"
       :data-test="`${dataTest}-list`"
       v-bind="dropdownListAttrs"
@@ -110,14 +109,6 @@ const props = defineProps({
     default: getDefault(defaultConfig, UDropdownLink).labelKey,
   },
 
-  /**
-   * Value key in the item object of options.
-   */
-  valueKey: {
-    type: String,
-    default: getDefault(defaultConfig, UDropdownLink).valueKey,
-  },
-
   /**
    * Link color.
    * @values brand, grayscale, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white

package/ui.form-input/config.js

@@ -16,7 +16,7 @@ export default /*tw*/ {
     variants: {
       error: {
         true: `
-          border-red-300
+          border-red-300 bg-red-50
           hover:border-red-400 hover:focus-within:border-red-500
           focus-within:border-red-500 focus-within:ring-red-700/15
         `,

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.379",
+  "version": "0.0.380",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -3108,15 +3108,6 @@
               },
               "default": "label"
             },
-            {
-              "name": "valueKey",
-              "description": "Value key in the item object of options.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "id"
-            },
             {
               "name": "variant",
               "description": "Badge variant.",
@@ -3297,15 +3288,6 @@
               },
               "default": "label"
             },
-            {
-              "name": "valueKey",
-              "description": "Value key in the item object of options.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "id"
-            },
             {
               "name": "variant",
               "description": "Button variant.",
@@ -3510,15 +3492,6 @@
               },
               "default": "label"
             },
-            {
-              "name": "valueKey",
-              "description": "Value key in the item object of options.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "id"
-            },
             {
               "name": "color",
               "description": "Link color.",