vueless 0.0.515 → 0.0.517

package/package.json

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

package/ui.container-page/UPage.vue

@@ -103,7 +103,7 @@ onMounted(() => {
                 <template #left>
                   <UIcon
                     internal
-                    size="xs"
+                    size="2xs"
                     color="gray"
                     :name="config.defaults.backIcon"
                     v-bind="backLinkIconAttrs"

package/ui.container-page/config.ts

@@ -36,8 +36,8 @@ export default /*tw*/ {
     },
   },
   header: "flex items-start justify-between mb-4 md:mb-6",
-  headerLeft: "flex items-center space-x-4",
-  headerLeftFallback: "flex flex-col",
+  headerLeft: "flex items-center gap-4",
+  headerLeftFallback: "flex flex-col gap-0.5",
   backLink: "{ULink}",
   backLinkIcon: "{UIcon}",
   title: "{UHeader}",

package/ui.data-list/UDataList.vue

@@ -24,6 +24,7 @@
       :item-key="valueKey"
       :group="{ name: group }"
       handle=".icon-drag"
+      :animation="animationDuration"
       :ghost-class="config.draggableGhost"
       :drag-class="config.draggableDrag"
       :data-test="dataTest"
@@ -49,6 +50,7 @@
               <UIcon
                 internal
                 color="gray"
+                variant="light"
                 :size="iconSize"
                 :name="config.defaults.dragIcon"
                 v-bind="dragIconAttrs"

package/ui.data-list/config.js

@@ -10,7 +10,7 @@ export default /*tw*/ {
     group-last/item-wrapper:border-b-0 group-[]/nested:group-last/item-wrapper:border-b
     py-4 space-x-4 flex flex-auto items-center justify-between
   `,
-  dragIcon: "{UIcon} icon-drag cursor-move opacity-100 fill-gray-400 md:fill-gray-500",
+  dragIcon: "{UIcon} icon-drag cursor-move opacity-100",
   label: {
     base: "font-normal text-gray-900 flex-auto pt-px",
     variants: {

package/ui.data-list/useAttrs.js

@@ -1,11 +1,21 @@
 import useUI from "../composables/useUI.ts";
 
 import defaultConfig from "./config.js";
+import { computed } from "vue";
 
 export default function useAttrs(props) {
-  const { config, getKeysAttrs, hasSlotContent } = useUI(defaultConfig, () => props.config);
+  const { config, getKeysAttrs, getExtendingKeysClasses, hasSlotContent } = useUI(
+    defaultConfig,
+    () => props.config,
+  );
 
-  const keysAttrs = getKeysAttrs();
+  const extendingKeysClasses = getExtendingKeysClasses(["label"]);
+
+  const keysAttrs = getKeysAttrs({}, [], {
+    labelCrossed: {
+      base: computed(() => [extendingKeysClasses.label.value]),
+    },
+  });
 
   return {
     config,

package/ui.form-textarea/config.js

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

package/ui.text-money/UMoney.vue

@@ -61,7 +61,7 @@ const mathSign = computed(() => {
 
 const preparedMoney = computed(() => {
   return separatedMoney(
-    Math.abs(props.value),
+    Math.abs(props.value || 0),
     props.minFractionDigits,
     props.maxFractionDigits,
     props.decimalSeparator,

package/ui.text-money/config.ts

@@ -17,13 +17,13 @@ export default /*tw*/ {
   sum: {
     variants: {
       size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base",
-        xl: "text-lg",
-        "2xl": "text-xl",
-        "3xl": "text-2xl",
-        "4xl": "text-3xl",
+        xs: "text-xs",
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg",
+        xl: "text-xl",
+        "2xl": "text-2xl",
+        "3xl": "text-3xl",
       },
       planned: {
         true: "opacity-75 before:content-['('] after:content-[')']",
@@ -38,12 +38,11 @@ export default /*tw*/ {
       size: {
         xs: "text-2xs",
         sm: "text-xs",
-        md: "text-xs",
-        lg: "text-sm",
-        xl: "text-base",
-        "2xl": "text-lg",
-        "3xl": "text-xl",
-        "4xl": "text-2xl",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-lg",
+        "2xl": "text-xl",
+        "3xl": "text-2xl",
       },
     },
   },

package/web-types.json

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