vueless 0.0.723 → 0.0.725

package/package.json

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

package/ui.form-input-money/utilFormat.ts

@@ -86,7 +86,7 @@ export function getFormattedValue(value: string | number, options: FormatOptions
     positiveOnly: false,
   });
 
-  const [integer, fraction] = rawValue.split(rawDecimalMark);
+  const [integer, fraction = ""] = rawValue.split(rawDecimalMark);
   const bigInteger = intlNumber.format(BigInt(integer));
 
   const formattedFraction = fraction

package/ui.text-money/UMoney.vue

@@ -28,7 +28,7 @@ const currencySymbolPosition = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { moneyNumberAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
+const { moneyAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
@@ -42,17 +42,19 @@ const { moneyNumberAttrs, symbolAttrs } = useUI<Config>(defaultConfig);
     :max-fraction-digits="maxFractionDigits"
     :decimal-separator="decimalSeparator"
     :thousands-separator="thousandsSeparator"
-    v-bind="moneyNumberAttrs"
+    v-bind="moneyAttrs"
     :data-test="dataTest"
   >
     <template #left>
       <!-- @slot Use it to add something before money amount. -->
       <slot name="left" />
+
       <span v-if="currencySymbolPosition.left && symbol" v-bind="symbolAttrs" v-text="symbol" />
     </template>
 
     <template #right>
       <span v-if="currencySymbolPosition.right && symbol" v-bind="symbolAttrs" v-text="symbol" />
+
       <!-- @slot Use it to add something after money amount. -->
       <slot name="right" />
     </template>

package/ui.text-money/config.ts

@@ -1,5 +1,5 @@
 export default /*tw*/ {
-  moneyNumber: {
+  money: {
     base: "{UNumber}",
     variants: {
       planned: {
@@ -9,18 +9,6 @@ export default /*tw*/ {
   },
   symbol: {
     base: "text-{color}-600 mx-1",
-    variants: {
-      size: {
-        xs: "text-xs",
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg",
-        xl: "text-xl",
-        "2xl": "text-2xl",
-        "3xl": "text-3xl",
-        "4xl": "text-4xl",
-      },
-    },
     compoundVariants: [
       { symbolDivided: false, symbolAlign: "left", class: "mr-0" },
       { symbolDivided: false, symbolAlign: "right", class: "ml-0" },

package/ui.text-number/UNumber.vue

@@ -49,24 +49,24 @@ const preparedNumber = computed(() => {
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { numberAttrs, sumAttrs, mathSignAttrs, integerAttrs, decimalAttrs } =
+const { wrapperAttrs, numberAttrs, mathSignAttrs, integerAttrs, fractionAttrs } =
   useUI<Config>(defaultConfig);
 </script>
 
 <template>
-  <div v-bind="numberAttrs">
+  <div v-bind="wrapperAttrs">
     <!-- @slot Use it to add something before the number. -->
     <slot name="left" />
 
-    <div v-bind="sumAttrs" :data-test="dataTest">
+    <div v-bind="numberAttrs" :data-test="dataTest">
       <span v-if="value" v-bind="mathSignAttrs" v-text="mathSign" />
 
       <span v-bind="integerAttrs" v-text="preparedNumber.integer" />
 
       <span
         v-if="maxFractionDigits > 0"
-        v-bind="decimalAttrs"
-        v-text="preparedNumber.decimalSeparator + preparedNumber.decimal"
+        v-bind="fractionAttrs"
+        v-text="preparedNumber.decimalSeparator + preparedNumber.fraction"
       />
     </div>
 

package/ui.text-number/config.ts

@@ -1,18 +1,6 @@
 export default /*tw*/ {
-  number: {
+  wrapper: {
     base: "whitespace-nowrap flex items-center text-{color}-600",
-    variants: {
-      color: {
-        white: "text-white",
-        grayscale: "text-gray-900",
-      },
-      align: {
-        left: "justify-start",
-        right: "justify-end",
-      },
-    },
-  },
-  sum: {
     variants: {
       size: {
         xs: "text-xs",
@@ -24,11 +12,20 @@ export default /*tw*/ {
         "3xl": "text-3xl",
         "4xl": "text-4xl",
       },
+      color: {
+        white: "text-white",
+        grayscale: "text-gray-900",
+      },
+      align: {
+        left: "justify-start",
+        right: "justify-end",
+      },
     },
   },
+  number: "",
   mathSign: "",
   integer: "",
-  decimal: "",
+  fraction: "",
   defaults: {
     color: "grayscale",
     size: "md",

package/ui.text-number/utilNumber.ts

@@ -28,25 +28,25 @@ export function separatedNumber(
   const formattedNumber =
     value !== undefined && value !== null ? Number(value).toLocaleString("en-US", options) : "0";
 
-  let [integer, decimal = ""] = formattedNumber.split(".");
+  let [integer, fraction = ""] = formattedNumber.split(".");
 
   integer = integer.replace(/,/g, thousandsSeparator);
 
   if (!value && value !== 0) {
     integer = SINGLE_ZERO;
-    decimal = DOUBLE_ZERO;
+    fraction = DOUBLE_ZERO;
   }
 
-  if (decimal === "") {
+  if (fraction === "") {
     decimalSeparator = "";
   }
 
   if (minFractionDigits === 0 && maxFractionDigits === 0) {
     decimalSeparator = "";
-    decimal = "";
-  } else if (decimal.length < minFractionDigits) {
-    decimal = decimal.padEnd(minFractionDigits, "0");
+    fraction = "";
+  } else if (fraction.length < minFractionDigits) {
+    fraction = fraction.padEnd(minFractionDigits, "0");
   }
 
-  return { integer, decimal, decimalSeparator };
+  return { integer, fraction, decimalSeparator };
 }