vueless 0.0.825-beta.13 → 0.0.825-beta.14

package/package.json

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

package/ui.button/types.ts

@@ -64,7 +64,7 @@ export interface Props {
   disabled?: boolean;
 
   /**
-   * Make the Button fill the width with its container.
+   * Make the Button expand to fill the entire width of its container.
    */
   block?: boolean;
 

package/ui.button-link/types.ts

@@ -12,7 +12,7 @@ export interface ULinkSlotProps {
 
 export interface Props {
   /**
-   * Button label.
+   * Link label.
    */
   label?: string;
 
@@ -91,7 +91,7 @@ export interface Props {
   disabled?: boolean;
 
   /**
-   * Make the Button fill the width with its container.
+   * Make the Link expand to fill the entire width of its container.
    */
   block?: boolean;
 

package/ui.button-toggle/types.ts

@@ -52,7 +52,7 @@ export interface Props {
   disabled?: boolean;
 
   /**
-   * Make the toggle fill the width with its container.
+   * Make the Toggle expand to fill the entire width of its container.
    */
   block?: boolean;
 

package/ui.container-row/config.ts

@@ -1,16 +1,16 @@
 export default /*tw*/ {
   wrapper: {
-    base: "flex w-full",
+    base: "flex",
     variants: {
       reverse: {
-        false: "flex-col md:flex-row",
-        true: "flex-col-reverse md:flex-row-reverse",
+        false: "flex-row",
+        true: "flex-row-reverse",
       },
       wrap: {
         true: "flex-wrap",
       },
-      noMobile: {
-        true: "flex-row",
+      block: {
+        true: "w-full",
       },
       gap: {
         none: "gap-0",
@@ -56,7 +56,7 @@ export default /*tw*/ {
     content: "start",
     justify: "start",
     wrap: false,
+    block: false,
     reverse: false,
-    noMobile: false,
   },
 };

package/ui.container-row/storybook/stories.ts

@@ -128,22 +128,6 @@ Justify.parameters = {
   },
 };
 
-export const NoMobile = DefaultTemplate.bind({});
-NoMobile.args = {
-  noMobile: true,
-  slotTemplate: `
-    <UInput label="First Name" />
-    <UInput label="Last Name" />
-  `,
-};
-NoMobile.parameters = {
-  docs: {
-    description: {
-      story: "Disables mobile adaptivity.",
-    },
-  },
-};
-
 export const SlotDefault = DefaultTemplate.bind({});
 SlotDefault.args = {
   slotTemplate: `

package/ui.container-row/types.ts

@@ -45,9 +45,9 @@ export interface Props {
   wrap?: boolean;
 
   /**
-   * Disables mobile adaptivity.
+   * Make the Row expand to fill the entire width of its container.
    */
-  noMobile?: boolean;
+  block?: boolean;
 
   /**
    * Component config object.

package/ui.navigation-tabs/types.ts

@@ -36,7 +36,7 @@ export interface Props {
   scrollable?: boolean;
 
   /**
-   * Make the Tabs fill the width with its container.
+   * Make the Tabs expand to fill the entire width of its container.
    */
   block?: boolean;