vueless 0.0.89 → 0.0.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.89",
+  "version": "0.0.90",
   "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.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.90",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -5208,7 +5208,7 @@
                 "kind": "expression",
                 "type": "boolean"
               },
-              "default": "true"
+              "default": "false"
             },
             {
               "name": "config",