vueless 0.0.507 → 0.0.509

package/package.json

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

package/ui.button/UButton.vue

@@ -60,8 +60,8 @@ const iconSize = computed(() => {
     xs: "xs",
     sm: "sm",
     md: "sm",
-    lg: "md",
-    xl: "md",
+    lg: "sm",
+    xl: "sm",
   };
 
   return sizes[props.size];

package/ui.button/config.ts

@@ -16,8 +16,8 @@ export default /*tw*/ {
         xs: "px-3 py-1.5 text-xs gap-1",
         sm: "px-4 py-2 text-sm gap-1.5",
         md: "px-5 py-3 text-sm gap-1.5",
-        lg: "px-6 py-3.5 text-base gap-1.5",
-        xl: "px-7 py-4 text-base gap-2",
+        lg: "px-5 py-3 text-base gap-1.5",
+        xl: "px-6 py-3.5 text-base gap-2",
       },
       variant: {
         primary: `
@@ -130,20 +130,20 @@ export default /*tw*/ {
       { rightIcon: true, size: "xs", class: "pr-2" },
       { rightIcon: true, size: "sm", class: "pr-3" },
       { rightIcon: true, size: "md", class: "pr-4" },
-      { rightIcon: true, size: "lg", class: "pr-5" },
-      { rightIcon: true, size: "xl", class: "pr-6" },
+      { rightIcon: true, size: "lg", class: "pr-4" },
+      { rightIcon: true, size: "xl", class: "pr-5" },
       { leftIcon: true, size: "2xs", class: "pl-1" },
       { leftIcon: true, size: "xs", class: "pl-2" },
       { leftIcon: true, size: "sm", class: "pl-3" },
       { leftIcon: true, size: "md", class: "pl-4" },
-      { leftIcon: true, size: "lg", class: "pl-5" },
-      { leftIcon: true, size: "xl", class: "pl-6" },
+      { leftIcon: true, size: "lg", class: "pl-4" },
+      { leftIcon: true, size: "xl", class: "pl-5" },
       { square: true, size: "2xs", class: "p-1" },
       { square: true, size: "xs", class: "p-1.5" },
       { square: true, size: "sm", class: "p-2" },
       { square: true, size: "md", class: "p-3" },
-      { square: true, size: "lg", class: "p-3.5" },
-      { square: true, size: "xl", class: "p-4" },
+      { square: true, size: "lg", class: "p-3" },
+      { square: true, size: "xl", class: "p-3.5" },
     ],
   },
   loader: "{ULoader}",

package/ui.data-table/UTable.vue

@@ -420,7 +420,7 @@ defineExpose({
 </script>
 
 <template>
-  <div :data-test="dataTest" v-bind="wrapperAttrs">
+  <div v-bind="wrapperAttrs" :data-test="dataTest">
     <div
       v-show="isHeaderSticky || isShownActionsHeader"
       ref="sticky-header-row"
@@ -432,9 +432,10 @@ defineExpose({
           <UCheckbox
             v-if="selectable"
             v-model="selectAll"
+            size="md"
             :partial="!isSelectedAllRows"
-            :data-test="`${dataTest}-select-all`"
             v-bind="stickyHeaderActionsCheckboxAttrs"
+            :data-test="`${dataTest}-select-all`"
           />
         </div>
 
@@ -456,9 +457,10 @@ defineExpose({
           <UCheckbox
             v-if="selectable"
             v-model="selectAll"
+            size="md"
             :partial="!isSelectedAllRows"
-            :data-test="`${dataTest}-select-all`"
             v-bind="stickyHeaderCheckboxAttrs"
+            :data-test="`${dataTest}-select-all`"
           />
 
           <div
@@ -523,9 +525,10 @@ defineExpose({
             <th v-if="selectable" v-bind="headerCellCheckboxAttrs">
               <UCheckbox
                 v-model="selectAll"
+                size="md"
                 :partial="!isSelectedAllRows"
-                :data-test="`${dataTest}-select-all`"
                 v-bind="headerCheckboxAttrs"
+                :data-test="`${dataTest}-select-all`"
               />
 
               <div
@@ -594,13 +597,13 @@ defineExpose({
             <UTableRow
               v-model:selected-rows="selectedRows"
               :selectable="selectable"
-              :data-test="`${dataTest}-row`"
               :row="row"
               :columns="normalizedColumns"
               :config="config"
               :attrs="tableRowAttrs as unknown as UTableRowAttrs"
               :nested-level="0"
               :empty-cell-label="emptyCellLabel"
+              :data-test="`${dataTest}-row`"
               @click="onClickRow"
               @click-cell="onClickCell"
               @toggle-row-visibility="onToggleRowVisibility"
@@ -652,8 +655,8 @@ defineExpose({
                 <UEmpty
                   size="md"
                   :description="currentLocale.noData"
-                  :data-test="`${dataTest}-empty`"
                   v-bind="bodyEmptyStateAttrs"
+                  :data-test="`${dataTest}-empty`"
                 />
               </slot>
             </td>

package/ui.data-table/UTableRow.vue

@@ -226,10 +226,11 @@ function getRowAttrs(rowId: string | number) {
     >
       <UCheckbox
         v-model="selectedRows"
-        :data-id="row.id"
+        size="md"
         :value="row.id"
-        :data-test="`${dataTest}-body-checkbox`"
         v-bind="attrs.bodyCheckboxAttrs.value"
+        :data-id="row.id"
+        :data-test="`${dataTest}-body-checkbox`"
       />
     </td>
 
@@ -266,8 +267,8 @@ function getRowAttrs(rowId: string | number) {
         <slot :name="`cell-${key}`" :value="value" :row="row" :index="index">
           <div
             v-if="value"
-            v-bind="attrs.bodyCellContentAttrs.value"
             ref="cell"
+            v-bind="attrs.bodyCellContentAttrs.value"
             :class="
               cx([attrs.bodyCellContentAttrs.value.class, getCellContentClasses(row, String(key))])
             "

package/ui.dropdown-list/config.js

@@ -29,7 +29,7 @@ export default /*tw*/ {
   optionSelected: "font-bold",
   optionHighlighted: "bg-brand-50",
   group: {
-    base: `pointer-events-none bg-transparent font-medium leading-none uppercasetext-gray-400 pt-4 pb-1
+    base: `pointer-events-none bg-transparent font-medium !leading-none uppercase text-gray-400 pt-4 pb-1
       group-first/item:pt-2`,
     variants: {
       size: {
@@ -40,7 +40,7 @@ export default /*tw*/ {
     },
   },
   subGroup: {
-    base: "pointer-events-none bg-transparent font-medium leading-none uppercase text-gray-400 pt-2",
+    base: "pointer-events-none bg-transparent font-medium !leading-none uppercase text-gray-400 pt-2",
     variants: {
       size: {
         sm: "text-2xs",

package/ui.form-input/config.js

@@ -26,7 +26,7 @@ export default /*tw*/ {
   passwordIcon: "{UIcon}",
   input: {
     base: `
-      block w-full py-2 px-3 font-normal leading-none text-gray-900 bg-white
+      block w-full py-2 px-3 font-normal !leading-none text-gray-900 bg-white
       border-none rounded-dynamic transition focus:ring-0
       placeholder:font-normal placeholder-gray-400
       disabled:text-gray-700 disabled:bg-gray-100

package/ui.form-select/config.js

@@ -39,7 +39,7 @@ export default /*tw*/ {
   selectedLabels: "flex flex-col col-span-2",
   selectedLabel: {
     base: `
-        font-normal leading-none text-gray-900 relative truncate
+        font-normal !leading-none text-gray-900 relative truncate
         inline-flex items-center whitespace-nowrap mb-0 w-full
       `,
     variants: {
@@ -93,7 +93,7 @@ export default /*tw*/ {
   searchActive: "w-full",
   searchInput: {
     base: `
-        p-0 font-normal leading-none text-gray-900 relative w-full border-none bg-transparent
+        p-0 font-normal !leading-none text-gray-900 relative w-full border-none bg-transparent
         focus:shadow-none focus:outline-none focus:ring-0
         placeholder:text-gray-400 placeholder:font-normal
       `,

package/ui.form-textarea/config.js

@@ -29,7 +29,7 @@ export default /*tw*/ {
   },
   textarea: {
     base: `
-      p-0 block w-full bg-transparent border-none font-normal text-gray-900
+      p-0 block w-full bg-transparent border-none !leading-none font-normal text-gray-900
       placeholder:font-normal placeholder:text-gray-400
       focus:border-none focus:outline-none focus:ring-0
     `,

package/web-types.json

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