vueless 0.0.825-beta.2 → 0.0.825-beta.3

package/package.json

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

package/ui.loader/ULoader.vue

@@ -21,7 +21,7 @@ const { getDataTest, config, loaderAttrs, ellipseAttrs } = useUI<Config>(default
 </script>
 
 <template>
-  <Transition v-bind="config.transition">
+  <Transition v-bind="config.loaderTransition">
     <div v-if="loading" v-bind="loaderAttrs" :data-test="getDataTest()">
       <!-- @slot Use it to add something instead of the default loader. -->
       <slot>

package/ui.loader/config.ts

@@ -1,10 +1,4 @@
 export default /*tw*/ {
-  transition: {
-    enterFromClass: "opacity-0",
-    enterActiveClass: "transition duration-500",
-    leaveActiveClass: "transition duration-500",
-    leaveToClass: "opacity-0",
-  },
   loader: {
     base: "relative flex items-center",
     variants: {
@@ -15,6 +9,12 @@ export default /*tw*/ {
       },
     },
   },
+  loaderTransition: {
+    enterFromClass: "opacity-0",
+    enterActiveClass: "transition duration-500",
+    leaveActiveClass: "transition duration-500",
+    leaveToClass: "opacity-0",
+  },
   ellipse: {
     base: "absolute rounded-full bg-{color} ease-[cubic-bezier(0,1,1,0)] vueless-loader-ellipse",
     variants: {

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -42,7 +42,7 @@ const { getDataTest, config, overlayAttrs, nestedLoaderAttrs } = useUI<Config>(d
 </script>
 
 <template>
-  <Transition v-bind="config.transition">
+  <Transition v-bind="config.overlayTransition">
     <div v-if="showLoader" v-bind="overlayAttrs" :data-test="getDataTest()">
       <!-- @slot Use it to add something instead of the default loader. -->
       <slot>

package/ui.loader-overlay/config.ts

@@ -1,8 +1,4 @@
 export default /*tw*/ {
-  transition: {
-    enterFromClass: "scale-110 transform",
-    leaveActiveClass: "scale-110 transform",
-  },
   overlay: {
     base: `
       bg-default
@@ -12,6 +8,10 @@ export default /*tw*/ {
       transition duration-300
     `,
   },
+  overlayTransition: {
+    enterFromClass: "scale-110 transform",
+    leaveActiveClass: "scale-110 transform",
+  },
   nestedLoader: "{ULoader}",
   defaults: {
     color: "primary",

package/ui.loader-progress/ULoaderProgress.vue

@@ -191,11 +191,11 @@ defineExpose({
  * Get element / nested component attributes for each config token ✨
  * Applies: `class`, `config`, redefined default `props` and dev `vl-...` attributes.
  */
-const { getDataTest, stripeAttrs } = useUI<Config>(defaultConfig);
+const { getDataTest, progressAttrs } = useUI<Config>(defaultConfig);
 </script>
 
 <template>
   <Transition :css="false" @before-enter="beforeEnter" @enter="enter" @after-enter="afterEnter">
-    <div v-if="show" v-bind="stripeAttrs" :data-test="getDataTest()" :style="barStyle" />
+    <div v-if="show" v-bind="progressAttrs" :data-test="getDataTest()" :style="barStyle" />
   </Transition>
 </template>

package/ui.loader-progress/config.ts

@@ -1,5 +1,5 @@
 export default /*tw*/ {
-  stripe: {
+  progress: {
     base: "top-0 left-0 right-0 fixed transition-all ease-linear bg-{color}",
     variants: {
       size: {

package/ui.loader-progress/types.ts

@@ -5,7 +5,7 @@ export type Config = typeof defaultConfig;
 
 export interface Props {
   /**
-   * Loader stripe color.
+   * Loader progress color.
    */
   color?: "primary" | "success" | "warning" | "error" | "info" | "grayscale" | "neutral";
 
@@ -15,7 +15,7 @@ export interface Props {
   resources?: string | string[] | "any" | ["any"];
 
   /**
-   * Progress size.
+   * Loader progress size.
    */
   size?: "xs" | "sm" | "md" | "lg";