vueless 0.0.114 → 0.0.116

package/ui.text-block/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../service.storybook";
+
+import * as stories from "./index.stories";
+import defaultConfig from "./configs/default.config?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## **Default config**
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.text-file/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../service.storybook";
+
+import * as stories from "./index.stories";
+import defaultConfig from "./configs/default.config?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## **Default config**
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.text-files/Docs.mdx

@@ -0,0 +1,16 @@
+import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
+import { getSource } from "../service.storybook";
+
+import * as stories from "./index.stories";
+import defaultConfig from "./configs/default.config?raw"
+
+<Meta of={stories} />
+<Title of={stories} />
+<Subtitle of={stories} />
+<Description of={stories} />
+<Primary of={stories}  />
+<Controls of={stories.Default} />
+<Stories of={stories} />
+
+## **Default config**
+<Source code={getSource(defaultConfig)} language="jsx" dark />

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.114",
+  "version": "0.0.116",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -349,7 +349,7 @@
           "attributes": [
             {
               "name": "src",
-              "description": "Set avatar's image. It may be a URL or path from the \"public\" folder.",
+              "description": "Avatar image source.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -357,53 +357,71 @@
               "default": "\"\""
             },
             {
-              "name": "size",
-              "description": "The size of the avatar.",
+              "name": "label",
+              "description": "Avatar label (user name, nickname, etc.).",
               "value": {
                 "kind": "expression",
-                "type": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
+                "type": "string"
               },
-              "default": "md"
+              "default": "\"\""
             },
             {
-              "name": "color",
-              "description": "The color of the avatar.",
+              "name": "icon",
+              "description": "Avatar icon placeholder.",
               "value": {
                 "kind": "expression",
-                "type": "'brand' | 'grayscale' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'white'"
+                "type": "string"
               },
-              "default": "grayscale"
+              "default": "image"
             },
             {
-              "name": "label",
-              "description": "Avatar label (user name, nickname, etc.).",
+              "name": "size",
+              "description": "Avatar size.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "'3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl'"
               },
-              "default": "\"\""
+              "default": "md"
+            },
+            {
+              "name": "color",
+              "description": "Avatar color.",
+              "value": {
+                "kind": "expression",
+                "type": "'brand' | 'grayscale' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'white'"
+              },
+              "default": "grayscale"
             },
             {
               "name": "rounded",
-              "description": "The rounded of the avatar.",
+              "description": "Avatar corner rounding.",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | 'lg' | 'full'"
+                "type": "'none' | 'sm' | 'md' | 'lg' | 'full'"
               },
               "default": "md"
             },
             {
               "name": "bordered",
-              "description": "Active / disabled avatar border.",
+              "description": "Add border to the avatar.",
               "value": {
                 "kind": "expression",
                 "type": "boolean"
               },
               "default": "false"
             },
+            {
+              "name": "config",
+              "description": "Component ui config object.",
+              "value": {
+                "kind": "expression",
+                "type": "object"
+              },
+              "default": "{}"
+            },
             {
               "name": "dataCy",
-              "description": "Sets data-cy attribute for automated testing.",
+              "description": "Data-cy attribute for automated testing.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -2889,14 +2907,23 @@
               "default": "\"\""
             },
             {
-              "name": "size",
-              "description": "The distance between nested components.",
+              "name": "gap",
+              "description": "The distance between nested elements.",
               "value": {
                 "kind": "expression",
-                "type": "'sm' | 'md' | 'lg'"
+                "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": "upperlined",
               "description": "Show line above the header.",
@@ -2917,7 +2944,7 @@
             },
             {
               "name": "config",
-              "description": "Set component ui config object.",
+              "description": "Component ui config object.",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -2926,7 +2953,7 @@
             },
             {
               "name": "dataCy",
-              "description": "Set data-cy attribute for automated testing.",
+              "description": "Data-cy attribute for automated testing.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -2965,9 +2992,27 @@
           "name": "UGroups",
           "description": "",
           "attributes": [
+            {
+              "name": "gap",
+              "description": "The distance between nested elements.",
+              "value": {
+                "kind": "expression",
+                "type": "'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'"
+              },
+              "default": "md"
+            },
+            {
+              "name": "align",
+              "description": "Nested items align (flex align-items).",
+              "value": {
+                "kind": "expression",
+                "type": "'start' | 'end' | 'center' | 'stretch' | 'baseline'"
+              },
+              "default": "start"
+            },
             {
               "name": "config",
-              "description": "Set component ui config object.",
+              "description": "Component ui config object.",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -2976,7 +3021,7 @@
             },
             {
               "name": "dataCy",
-              "description": "Set data-cy attribute for automated testing.",
+              "description": "Data-cy attribute for automated testing.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -4502,9 +4547,9 @@
               "description": "The color of the loader stripe.",
               "value": {
                 "kind": "expression",
-                "type": "'gray' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'violet' | 'fuchsia'"
+                "type": "'brand' | 'grayscale' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'white'"
               },
-              "default": "blue"
+              "default": "brand"
             }
           ],
           "source": {
@@ -5415,6 +5460,7 @@
             {
               "name": "value",
               "required": true,
+              "description": "Progress value (current step).",
               "value": {
                 "kind": "expression",
                 "type": "number"
@@ -5423,6 +5469,7 @@
             },
             {
               "name": "max",
+              "description": "Progress max amount of steps.",
               "value": {
                 "kind": "expression",
                 "type": "number"
@@ -5431,19 +5478,21 @@
             },
             {
               "name": "size",
+              "description": "Progress size.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "'2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'"
               },
               "default": "md"
             },
             {
               "name": "color",
+              "description": "Progress color.",
               "value": {
                 "kind": "expression",
-                "type": "string"
+                "type": "'brand' | 'grayscale' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | 'white'"
               },
-              "default": "green"
+              "default": "brand"
             }
           ],
           "source": {
@@ -5818,7 +5867,7 @@
             },
             {
               "name": "align",
-              "description": "Row nested elements vertical align (align-items).",
+              "description": "Nested items align (flex align-items).",
               "value": {
                 "kind": "expression",
                 "type": "'start' | 'end' | 'center' | 'stretch' | 'baseline'"
@@ -5836,7 +5885,7 @@
             },
             {
               "name": "config",
-              "description": "Sets component ui config object.",
+              "description": "Component ui config object.",
               "value": {
                 "kind": "expression",
                 "type": "object"
@@ -5845,7 +5894,7 @@
             },
             {
               "name": "dataCy",
-              "description": "Sets data-cy attribute for automated testing.",
+              "description": "Data-cy attribute for automated testing.",
               "value": {
                 "kind": "expression",
                 "type": "string"