vueless 0.0.608 → 0.0.610

package/package.json

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

package/ui.button-toggle-item/config.ts

@@ -30,12 +30,6 @@ export default /*tw*/ {
   },
   toggleInput: "p-0 m-0 size-0 invisible absolute",
   defaults: {
-    variant: "primary",
-    type: "radio",
-    size: "md",
-    block: false,
-    round: false,
-    square: false,
     disabled: false,
   },
 };

package/ui.container-modal-confirm/config.ts

@@ -11,7 +11,6 @@ export default /*tw*/ {
     size: "sm",
     confirmColor: "brand",
     inner: false,
-    noDivider: false,
     closeOnEsc: true,
     closeOnCross: true,
     closeOnOverlay: true,

package/ui.dropdown-badge/config.ts

@@ -28,7 +28,6 @@ export default /*tw*/ {
     size: "md",
     variant: "primary",
     labelKey: "label",
-    valueKey: "id",
     yPosition: "bottom",
     xPosition: "left",
     round: false,

package/ui.dropdown-button/config.ts

@@ -28,7 +28,6 @@ export default /*tw*/ {
     size: "md",
     variant: "primary",
     labelKey: "label",
-    valueKey: "id",
     yPosition: "bottom",
     xPosition: "left",
     filled: false,

package/ui.dropdown-link/config.ts

@@ -26,7 +26,6 @@ export default /*tw*/ {
     color: "brand",
     size: "md",
     labelKey: "label",
-    valueKey: "id",
     yPosition: "bottom",
     xPosition: "left",
     underlined: undefined,

package/ui.dropdown-list/UDropdownList.vue

@@ -87,8 +87,18 @@ watch(
           const childStyles = childDiv && window.getComputedStyle(childDiv);
           const childMarginTop = parseFloat(childStyles?.marginTop || "0");
           const childMarginBottom = parseFloat(childStyles?.marginBottom || "0");
-
-          return elHeight + marginTop + marginBottom + childMarginTop + childMarginBottom;
+          const childPaddingTop = parseFloat(childStyles?.paddingTop || "0");
+          const childPaddingBottom = parseFloat(childStyles?.paddingBottom || "0");
+
+          return (
+            elHeight +
+            marginTop +
+            marginBottom +
+            childMarginTop +
+            childMarginBottom +
+            childPaddingTop +
+            childPaddingBottom
+          );
         })
         .reduce((acc, cur) => acc + cur, 0);
 

package/ui.form-input-search/config.ts

@@ -10,7 +10,6 @@ export default /*tw*/ {
     minLength: 0,
     disabled: false,
     readonly: false,
-    searchButton: false,
     /* icons */
     clearIcon: "close",
     searchIcon: "search",

package/ui.form-textarea/config.ts

@@ -19,7 +19,7 @@ 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
           `,
       },
@@ -53,7 +53,6 @@ export default /*tw*/ {
   defaults: {
     rows: "3",
     size: "md",
-    type: "text",
     inputmode: "text",
     labelAlign: "topInside",
     resizable: false,

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -52,7 +52,7 @@ const { config, overlayAttrs, nestedLoaderAttrs } = useUI<Config>(defaultConfig)
 
 <template>
   <Transition v-bind="config.transition">
-    <div v-if="showLoader" v-bind="overlayAttrs">
+    <div v-if="showLoader" v-bind="overlayAttrs" :data-test="dataTest">
       <!-- @slot Use it to add something instead of the default loader. -->
       <slot>
         <ULoader :loading="showLoader" size="lg" :color="loaderColor" v-bind="nestedLoaderAttrs" />

package/ui.loader-overlay/types.ts

@@ -40,4 +40,9 @@ export interface Props {
    * Component config object.
    */
   config?: ComponentConfig<Config>;
+
+  /**
+   * Data-test attribute for automated testing.
+   */
+  dataTest?: string;
 }

package/ui.navigation-tab/config.ts

@@ -16,7 +16,6 @@ export default /*tw*/ {
     },
   },
   defaults: {
-    size: "md",
     disabled: false,
   },
 };

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.608",
+  "version": "0.0.610",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -7748,6 +7748,15 @@
                 "kind": "expression",
                 "type": "ComponentConfig"
               }
+            },
+            {
+              "name": "dataTest",
+              "required": false,
+              "description": "Data-test attribute for automated testing.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              }
             }
           ],
           "slots": [