vueless 0.0.89 → 0.0.91

package/package.json

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

package/ui.container-page/configs/default.config.js

@@ -65,7 +65,7 @@ export default /*tw*/ {
     titleSize: "lg",
     width: "wide",
     gray: false,
-    fixedRounding: true,
+    fixedRounding: false,
     mobileFooterReverse: false,
   },
 };

package/ui.data-table/configs/default.config.js

@@ -21,7 +21,7 @@ export default /*tw*/ {
   },
   selectedRowsCount: "flex items-center pr-4 font-medium text-gray-900",
   selectAllCheckbox: "flex-none text-sm font-normal text-gray-500 pr-[1.125rem] pl-4 py-4 group-[]/table-compact:!px-4",
-  headerStickyLoader: "top-[3.75rem] group-[]/table-compact:!top-[3.25rem]",
+  headerStickyLoader: "absolute top-[3.75rem] group-[]/table-compact:!top-[3.25rem]",
   innerWrapper: "overflow-auto rounded-lg border border-gray-200",
   innerWrapperSelected: "!rounded-t-none border-t-0",
   table: "min-w-full border-none bg-white text-sm w-full",
@@ -40,7 +40,7 @@ export default /*tw*/ {
     },
   },
   headerSelectAllCheckbox: "",
-  tableLoader: "!top-auto",
+  tableLoader: "absolute !top-auto",
   moreRow: "!px-0 !py-4 first:mx-auto",
   moreRowHidden: "!p-0",
   checkedRow: "transition duration-100 bg-gray-100",

package/ui.data-table/index.vue

@@ -46,7 +46,6 @@
       <ULoaderTop
         v-if="resource && isHeaderSticky"
         :resource-names="resource"
-        position="absolute"
         v-bind="headerStickyLoaderAttrs"
       />
     </div>
@@ -89,12 +88,7 @@
           </tr>
 
           <!-- TODO: Change to loaders config after laoader refactoring -->
-          <ULoaderTop
-            v-if="resource"
-            :resource-names="resource"
-            position="absolute"
-            v-bind="tableLoaderAttrs"
-          />
+          <ULoaderTop v-if="resource" :resource-names="resource" v-bind="tableLoaderAttrs" />
         </thead>
 
         <tbody v-if="tableRows.length" v-bind="bodyAttrs">

package/ui.loader-top/composables/attrs.composable.js

@@ -15,13 +15,7 @@ export function useAttrs(props) {
   });
 
   const progressClasses = computed(() =>
-    setColor(
-      cvaProgress({
-        position: props.position,
-        color: props.color,
-      }),
-      props.color,
-    ),
+    setColor(cvaProgress({ color: props.color }), props.color),
   );
 
   const progressAttrs = getAttrs("progress", { classes: progressClasses.value });

package/ui.loader-top/configs/default.config.js

@@ -2,10 +2,6 @@ export default /*tw*/ {
   progress: {
     base: "top-0 left-0 right-0 fixed h-[3px] transition-all ease-linear bg-{color}-500",
     variants: {
-      position: {
-        fixed: "fixed",
-        absolute: "absolute",
-      },
       error: {
         true: "bg-red-500",
       },
@@ -14,7 +10,6 @@ export default /*tw*/ {
   progressMobile: "mt-safe-top mx-3 rounded max-w-[calc(100%-1.5rem)]",
   defaultVariants: {
     color: "blue",
-    position: "fixed",
   },
   safelist: (colors) => [{ pattern: `bg-(${colors})-500` }],
 };

package/ui.navigation-pagination/composables/attrs.composable.js

@@ -9,8 +9,10 @@ export function useAttrs(props) {
 
   const listAttrs = getAttrs("list");
   const itemAttrsRaw = getAttrs("item");
+  const itemEllipsisAttrs = getAttrs("itemEllipsis");
   const ellipsisAttrs = getAttrs("ellipsis");
   const navigationButtonAttrs = getAttrs("navigationButton", { isComponent: true });
+  const navigationButtonTextAttrs = getAttrs("navigationButtonText");
   const pageButtonAttrsRaw = getAttrs("pageButton", { isComponent: true });
 
   const itemAttrs = computed(() => (page = 0) => {
@@ -34,7 +36,9 @@ export function useAttrs(props) {
   return {
     listAttrs,
     itemAttrs,
+    itemEllipsisAttrs,
     navigationButtonAttrs,
+    navigationButtonTextAttrs,
     pageButtonAttrs,
     ellipsisAttrs,
   };

package/ui.navigation-pagination/configs/default.config.js

@@ -2,7 +2,9 @@ export default /*tw*/ {
   list: "flex",
   item: "h-9 min-w-9 flex items-center justify-center",
   ellipsis: "hidden md:flex",
+  itemEllipsis: "leading-none",
   navigationButton: "size-full rounded font-normal disabled:hover:bg-transparent",
+  navigationButtonText: "h-9 min-w-9 leading-none",
   pageButton: "size-full rounded font-normal disabled:hover:bg-transparent",
   pageButtonActive: `
     rounded !bg-brand-900/15

package/ui.navigation-pagination/index.vue

@@ -10,7 +10,7 @@
         @click="goToFirstPage"
       >
         <slot name="first-label">
-          <span v-html="firstLabel" />
+          <span v-bind="navigationButtonTextAttrs" v-html="firstLabel" />
         </slot>
       </UButton>
     </li>
@@ -24,13 +24,13 @@
         @click="goToPrevPage"
       >
         <slot name="prev-label">
-          <span v-html="prevLabel" />
+          <span v-bind="navigationButtonTextAttrs" v-html="prevLabel" />
         </slot>
       </UButton>
     </li>
 
     <li v-for="page in pageButtons" :key="page" v-bind="itemAttrs(page)">
-      <span v-if="!isFinite(page.number)" v-html="ELLIPSIS_LABEL" />
+      <span v-if="!isFinite(page.number)" v-bind="itemEllipsisAttrs" v-html="ELLIPSIS_LABEL" />
 
       <UButton
         v-else
@@ -55,7 +55,7 @@
         @click="goToNextPage"
       >
         <slot name="next-label">
-          <span v-html="nextLabel" />
+          <span v-bind="navigationButtonTextAttrs" v-html="nextLabel" />
         </slot>
       </UButton>
     </li>
@@ -69,7 +69,7 @@
         @click="goToLastPage"
       >
         <slot name="next-label">
-          <span v-html="lastLabel" />
+          <span v-bind="navigationButtonTextAttrs" v-html="lastLabel" />
         </slot>
       </UButton>
     </li>
@@ -209,7 +209,14 @@ const props = defineProps({
 
 const emit = defineEmits(["change", "update:modelValue"]);
 
-const { listAttrs, itemAttrs, navigationButtonAttrs, pageButtonAttrs } = useAttrs(props);
+const {
+  listAttrs,
+  itemAttrs,
+  itemEllipsisAttrs,
+  navigationButtonAttrs,
+  navigationButtonTextAttrs,
+  pageButtonAttrs,
+} = useAttrs(props);
 
 const currentPage = computed({
   get: () => props.modelValue,

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -5208,7 +5208,7 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "true"
+              "default": "false"
             },
             {
               "name": "config",