vueless 0.0.248 → 0.0.250

package/package.json

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

package/service.ui/index.js

@@ -261,11 +261,11 @@ export default class UIService {
    */
   setTheme = (config = {}) => {
     const isDarkMode = this.setDarkMode(config);
-    const brand = config?.brand || vuelessConfig?.brand || DEFAULT_BRAND_COLOR;
-    const gray = config?.gray || vuelessConfig?.gray || DEFAULT_GRAY_COLOR;
-    const ring = config?.ring || vuelessConfig?.ring || DEFAULT_RING;
-    const ringOffset = config?.ringOffset || vuelessConfig?.ringOffset || DEFAULT_RING_OFFSET;
-    const rounding = Number(config?.rounding) || vuelessConfig?.rounding || DEFAULT_ROUNDING;
+    const brand = config?.brand ?? vuelessConfig?.brand ?? DEFAULT_BRAND_COLOR;
+    const gray = config?.gray ?? vuelessConfig?.gray ?? DEFAULT_GRAY_COLOR;
+    const ring = config?.ring ?? vuelessConfig?.ring ?? DEFAULT_RING;
+    const ringOffset = config?.ringOffset ?? vuelessConfig?.ringOffset ?? DEFAULT_RING_OFFSET;
+    const rounding = config?.rounding ?? vuelessConfig?.rounding ?? DEFAULT_ROUNDING;
 
     // eslint-disable-next-line prettier/prettier, vue/max-len
     let brandColor = BRAND_COLORS.some((color) => color === brand) || brand === GRAYSCALE_COLOR ? brand : DEFAULT_BRAND_COLOR;

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

@@ -27,7 +27,7 @@ export default /*tw*/ {
     ],
   },
   text: "{UText}",
-  body: "flex items-start justify-between",
+  body: "flex items-baseline justify-between",
   content: "",
   innerWrapper: "flex gap-2",
   title: {

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

@@ -30,7 +30,7 @@ const DefaultTemplate = (args) => ({
   },
   template: `
     <UAlert v-bind="args">
-      ${args.slotTemplate || getSlotsFragment(args.defaultTemplate)}
+      ${args.slotTemplate || getSlotsFragment()}
     </UAlert>
   `,
 });
@@ -38,17 +38,16 @@ const DefaultTemplate = (args) => ({
 const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UAlert, UCol },
   setup() {
-    const options = argTypes[args.enum].options;
-    let prefixedOptions = options;
-
-    if (argTypes[args.enum].name === "size") {
-      prefixedOptions = options.map((option) => getText(option));
-    }
-
     function getText(value) {
       return `This is Alert's ${value} size`;
     }
 
+    let prefixedOptions = argTypes[args.enum].options;
+
+    if (argTypes[args.enum].name === "size") {
+      prefixedOptions = prefixedOptions.map((option) => getText(option));
+    }
+
     return { args, options: argTypes[args.enum].options, prefixedOptions };
   },
   template: `
@@ -80,7 +79,7 @@ export const HTML = DefaultTemplate.bind({});
 HTML.args = {
   title: "",
   description: "",
-  defaultTemplate: `
+  slotTemplate: `
     <h3 class="text-lg font-medium mb-2">Important Security Update</h3>
     <p class="mb-0.5">
       <b>Your account password will expire in 10 days,</b> please update it to maintain account security.

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

@@ -60,11 +60,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   template: `
     <URow>
       <div class="${COMPONENT_CLASSES}" v-for="(option, index) in options" :key="index">
-        <UMoney v-bind="args" :[args.enum]="option" >
-          <template v-for="(slot) in slots" v-slot:[slot]>
-            <template v-if="args[slot]">{{ args[slot] }}</template>
-          </template>
-        </UMoney>
+        <UMoney v-bind="args" :[args.enum]="option" />
       </div>
     </URow>
   `,

package/web-types.json

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