vueless 0.0.238 → 0.0.240

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

@@ -3,7 +3,7 @@ import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storyboo
 import UBadge from "../ui.text-badge";
 import UIcon from "../ui.image-icon";
 import URow from "../ui.container-row";
-import UGroup from "../ui.container-group";
+import UCol from "../ui.container-col";
 
 /**
  * The `UBadge` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-badge)
@@ -35,7 +35,7 @@ const DefaultTemplate = (args) => ({
 });
 
 const ColorsTemplate = (args, { argTypes } = {}) => ({
-  components: { UBadge, URow, UGroup },
+  components: { UBadge, URow, UCol },
   setup() {
     return {
       args,
@@ -44,7 +44,7 @@ const ColorsTemplate = (args, { argTypes } = {}) => ({
     };
   },
   template: `
-    <UGroup>
+    <UCol>
       <URow v-for="(variant, index) in variants" :key="index">
         <UBadge
           v-for="(color, index) in colors"
@@ -55,7 +55,7 @@ const ColorsTemplate = (args, { argTypes } = {}) => ({
           :key="index"
         />
       </URow>
-    </UGroup>
+    </UCol>
   `,
 });
 

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

@@ -1,7 +1,7 @@
 import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
 
 import UHeader from "../ui.text-header";
-import UGroup from "../ui.container-group";
+import UCol from "../ui.container-col";
 
 /**
  * The `UHeader` component. | [View on GitHub](https://github.com/vuelessjs/vueless/tree/main/src/ui.text-header)
@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
 });
 
 const EnumVariantTemplate = (args, { argTypes } = {}) => ({
-  components: { UHeader, UGroup },
+  components: { UHeader, UCol },
   setup() {
     return {
       args,
@@ -41,7 +41,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
     };
   },
   template: `
-    <UGroup>
+    <UCol>
       <UHeader
         v-for="(option, index) in options"
         :key="index"
@@ -49,7 +49,7 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
         :[args.enum]="option"
         :label="'Header ' + option"
       />
-    </UGroup>
+    </UCol>
   `,
 });
 

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

@@ -2,7 +2,7 @@ import { notify } from "./services";
 
 import UNotify from "../ui.text-notify";
 import UButton from "../ui.button";
-import UGroup from "../ui.container-group";
+import UCol from "../ui.container-col";
 
 import { getArgTypes, getSlotsFragment } from "../service.storybook";
 
@@ -47,7 +47,7 @@ const DefaultTemplate = (args) => ({
 });
 
 const TypesTemplate = (args) => ({
-  components: { UNotify, UButton, UGroup },
+  components: { UNotify, UButton, UCol },
   setup() {
     function onClick(type) {
       if (type === "success") {
@@ -80,11 +80,11 @@ const TypesTemplate = (args) => ({
   template: `
     <UNotify class="m-4" />
 
-    <UGroup>
+    <UCol>
       <UButton label="Success" color="green" @click="onClick('success')"/>
       <UButton label="Warning" color="orange" @click="onClick('warning')"/>
       <UButton label="Error" color="red" @click="onClick('error')"/>
-    </UGroup>
+    </UCol>
   `,
 });
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.238",
+  "version": "0.0.240",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -1644,6 +1644,85 @@
             "symbol": "default"
           }
         },
+        {
+          "name": "UCol",
+          "description": "",
+          "attributes": [
+            {
+              "name": "gap",
+              "description": "The distance between nested elements.",
+              "value": {
+                "kind": "expression",
+                "type": "'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
+              },
+              "default": "md"
+            },
+            {
+              "name": "align",
+              "description": "Nested items align (flex align-items).",
+              "value": {
+                "kind": "expression",
+                "type": "'start' | 'end' | 'center' | 'stretch' | 'baseline'"
+              },
+              "default": "start"
+            },
+            {
+              "name": "justify",
+              "description": "Nested items horizontally align (flex justify-content).",
+              "value": {
+                "kind": "expression",
+                "type": "'start' | 'end' | 'center' | 'around' | 'evenly' | 'between'"
+              },
+              "default": "start"
+            },
+            {
+              "name": "reverse",
+              "description": "Reverse nested items order.",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "wrap",
+              "description": "Allow items to wrap (flex flex-wrap).",
+              "value": {
+                "kind": "expression",
+                "type": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "name": "config",
+              "description": "Component ui config object.",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{}"
+            },
+            {
+              "name": "dataCy",
+              "description": "Data-cy attribute for automated testing.",
+              "value": {
+                "kind": "expression",
+                "type": "string"
+              },
+              "default": "\"\""
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "Use it to add something inside."
+            }
+          ],
+          "source": {
+            "module": "./src/ui.container-col/index.vue",
+            "symbol": "default"
+          }
+        },
         {
           "name": "UColorPicker",
           "description": "",
@@ -1980,6 +2059,15 @@
               },
               "default": "\"\""
             },
+            {
+              "name": "labelAlign",
+              "description": "Set label placement related from the default slot.",
+              "value": {
+                "kind": "expression",
+                "type": "'top' | 'topInside' | 'topWithDesc' | 'left' | 'right'"
+              },
+              "default": "topInside"
+            },
             {
               "name": "placeholder",
               "description": "Datepicker placeholder.",
@@ -3557,51 +3645,6 @@
               },
               "default": "\"\""
             },
-            {
-              "name": "gap",
-              "description": "The distance between nested elements.",
-              "value": {
-                "kind": "expression",
-                "type": "'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
-              },
-              "default": "md"
-            },
-            {
-              "name": "align",
-              "description": "Nested items align (flex align-items).",
-              "value": {
-                "kind": "expression",
-                "type": "'start' | 'end' | 'center' | 'stretch' | 'baseline'"
-              },
-              "default": "start"
-            },
-            {
-              "name": "justify",
-              "description": "Nested items horizontally align (flex justify-content).",
-              "value": {
-                "kind": "expression",
-                "type": "'start' | 'end' | 'center' | 'around' | 'evenly' | 'between'"
-              },
-              "default": "start"
-            },
-            {
-              "name": "reverse",
-              "description": "Reverse nested items order.",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "wrap",
-              "description": "Allow items to wrap (flex flex-wrap).",
-              "value": {
-                "kind": "expression",
-                "type": "boolean"
-              },
-              "default": "false"
-            },
             {
               "name": "upperlined",
               "description": "Show line above the header.",