vueless 0.0.321 → 0.0.323

package/ui.text-money/configs/default.config.js

@@ -2,20 +2,14 @@ export default /*tw*/ {
   money: {
     base: "whitespace-nowrap flex items-center text-{color}-600",
     variants: {
-      align: {
-        left: "justify-start",
-        right: "justify-end",
-      },
-      weight: {
-        regular: "font-normal",
-        medium: "font-medium",
-        bold: "font-bold",
-      },
       color: {
-        brand: "text-brand",
         white: "text-white",
         grayscale: "text-gray-900",
       },
+      align: {
+        left: "justify-start",
+        right: "justify-end",
+      },
     },
   },
   slotLeft: "mr-2",
@@ -36,6 +30,9 @@ export default /*tw*/ {
       },
     },
   },
+  symbol: "",
+  mathSign: "",
+  integer: "",
   penny: {
     variants: {
       size: {
@@ -50,19 +47,17 @@ export default /*tw*/ {
       },
     },
   },
-  symbol: "",
   defaults: {
     color: "grayscale",
     size: "md",
     sign: "default",
-    align: "right",
+    align: "left",
     symbolAlign: "right",
-    weight: "regular",
     decimalScale: 2,
     delimiter: ",",
     planned: false,
     integer: false,
-    divided: true,
+    symbolDivided: true,
   },
   safelist: (colors) => [{ pattern: `text-(${colors})-600` }],
 };

package/ui.text-money/index.stories.js

@@ -90,9 +90,6 @@ colors.args = {
 export const sizes = EnumVariantTemplate.bind({});
 sizes.args = { enum: "size" };
 
-export const weights = EnumVariantTemplate.bind({});
-weights.args = { enum: "weight" };
-
 export const sign = EnumVariantTemplate.bind({});
 sign.args = { enum: "sign" };
 

package/ui.text-money/index.vue

@@ -6,21 +6,27 @@
     </div>
 
     <div :data-test="dataTest" v-bind="sumAttrs">
-      <span v-if="currencySymbolPosition.left" v-bind="symbolAttrs">
-        {{ symbol + currencySpace }}
-      </span>
-
-      <span v-if="sum">{{ typeSymbol }}</span>
-
-      <span>{{ preparedMoney.integer }}</span>
-
-      <span v-if="!integer" v-bind="pennyAttrs">
-        {{ preparedMoney.delimiter }}{{ preparedMoney.penny }}
-      </span>
-
-      <span v-if="currencySymbolPosition.right" v-bind="symbolAttrs">
-        {{ currencySpace + symbol }}
-      </span>
+      <span
+        v-if="currencySymbolPosition.left"
+        v-bind="symbolAttrs"
+        v-text="symbol + currencySpace"
+      />
+
+      <span v-if="sum" v-bind="mathSignAttrs" v-text="mathSign" />
+
+      <span v-bind="integerAttrs" v-text="preparedMoney.integer" />
+
+      <span
+        v-if="!integer"
+        v-bind="pennyAttrs"
+        v-text="preparedMoney.delimiter + preparedMoney.penny"
+      />
+
+      <span
+        v-if="currencySymbolPosition.right"
+        v-bind="symbolAttrs"
+        v-text="currencySpace + symbol"
+      />
     </div>
 
     <div v-if="hasSlotContent($slots['right'])" v-bind="slotRightAttrs">
@@ -45,7 +51,7 @@ defineOptions({ name: "UMoney", inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Set sum.
+   * Money value.
    */
   sum: {
     type: Number,
@@ -53,40 +59,33 @@ const props = defineProps({
   },
 
   /**
-   * Set currency symbol.
+   * Money size.
+   * @values xs, sm, md, lg, xl, 2xl, 3xl, 4xl
    */
-  symbol: {
+  size: {
     type: String,
-    default: "",
-  },
-
-  /**
-   * Make sum planned (add brackets).
-   */
-  planned: {
-    type: Boolean,
-    default: getDefault(defaultConfig, UMoney).planned,
+    default: getDefault(defaultConfig, UMoney).size,
   },
 
   /**
-   * Make sum integer.
+   * Money color.
+   * @values brand, grayscale, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white
    */
-  integer: {
-    type: Boolean,
-    default: getDefault(defaultConfig, UMoney).integer,
+  color: {
+    type: String,
+    default: getDefault(defaultConfig, UMoney).color,
   },
 
   /**
-   * Set sign for sum.
-   * @values default, positive, negative
+   * Money currency symbol.
    */
-  sign: {
+  symbol: {
     type: String,
-    default: getDefault(defaultConfig, UMoney).sign,
+    default: "",
   },
 
   /**
-   * Set align for currency symbol.
+   * Money currency symbol align.
    * @values right, left
    */
   symbolAlign: {
@@ -95,30 +94,20 @@ const props = defineProps({
   },
 
   /**
-   * Set text size of sum.
-   * @values xs, sm, md, lg, xl, 2xl, 3xl, 4xl
+   * Add space between currency symbol and sum.
    */
-  size: {
-    type: String,
-    default: getDefault(defaultConfig, UMoney).size,
-  },
-
-  /**
-   * Set weight.
-   * @values regular, medium, bold
-   */
-  weight: {
-    type: String,
-    default: getDefault(defaultConfig, UMoney).weight,
+  symbolDivided: {
+    type: Boolean,
+    default: getDefault(defaultConfig, UMoney).symbolDivided,
   },
 
   /**
-   * The color of the text money.
-   * @values brand, grayscale, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white
+   * Money sign.
+   * @values default, positive, negative
    */
-  color: {
+  sign: {
     type: String,
-    default: getDefault(defaultConfig, UMoney).color,
+    default: getDefault(defaultConfig, UMoney).sign,
   },
 
   /**
@@ -138,7 +127,7 @@ const props = defineProps({
   },
 
   /**
-   * Set align for money block.
+   * Money align.
    * @values right, left
    */
   align: {
@@ -147,16 +136,27 @@ const props = defineProps({
   },
 
   /**
-   * Sets component ui config object.
+   * Make money sum integer.
    */
-  config: {
-    type: Object,
-    default: () => ({}),
+  integer: {
+    type: Boolean,
+    default: getDefault(defaultConfig, UMoney).integer,
   },
 
-  divided: {
+  /**
+   * Make money planned (add brackets).
+   */
+  planned: {
     type: Boolean,
-    default: getDefault(defaultConfig, UMoney).divided,
+    default: getDefault(defaultConfig, UMoney).planned,
+  },
+
+  /**
+   * Component ui config object.
+   */
+  config: {
+    type: Object,
+    default: () => ({}),
   },
 
   /**
@@ -169,9 +169,11 @@ const props = defineProps({
 });
 
 const {
+  moneyAttrs,
   sumAttrs,
+  mathSignAttrs,
+  integerAttrs,
   pennyAttrs,
-  moneyAttrs,
   slotLeftAttrs,
   symbolAttrs,
   slotRightAttrs,
@@ -186,10 +188,10 @@ const currencySymbolPosition = computed(() => {
 });
 
 const currencySpace = computed(() => {
-  return props.divided ? " " : "";
+  return props.symbolDivided ? " " : "";
 });
 
-const typeSymbol = computed(() => {
+const mathSign = computed(() => {
   let type = "";
 
   if (props.sign === MONEY_SIGN_TYPE.positive) type = "+";

package/ui.text-notify/configs/default.config.js

@@ -44,6 +44,7 @@ export default /*tw*/ {
   defaults: {
     xPosition: "center",
     yPosition: "top",
+    html: false,
     /* icons */
     successIcon: "check_circle",
     warningIcon: "warning",