vueless 0.0.210 → 0.0.211

package/ui.text-file/index.vue

@@ -2,22 +2,25 @@
   <ULink :url="url" no-ring target-blank :data-cy="dataCy" v-bind="fileAttrs">
     <slot name="left" :file="{ id, label, url, imageUrl }" />
 
-    <div v-bind="infoAttrs">
-      <img v-if="imageUrl" :src="imageUrl" v-bind="imageAttrs" />
-
-      <UIcon
-        v-else
-        internal
-        interactive
-        color="gray"
-        :name="config.iconName"
-        v-bind="iconAttrs"
-        @focus="onFocus"
-        @blur="onBlur"
-      />
-
-      <span v-bind="labelAttrs" v-text="label" />
-    </div>
+    <slot :file="{ id, label, url, imageUrl, iconName: config.iconName }">
+      <div v-bind="infoAttrs">
+        <img v-if="imageUrl" :src="imageUrl" v-bind="imageAttrs" />
+
+        <UIcon
+          v-else
+          internal
+          interactive
+          color="gray"
+          :size="size"
+          :name="config.iconName"
+          v-bind="iconAttrs"
+          @focus="onFocus"
+          @blur="onBlur"
+        />
+
+        <span v-bind="labelAttrs" v-text="label" />
+      </div>
+    </slot>
 
     <slot name="right" :file="{ id, label, url, imageUrl }" />
   </ULink>
@@ -40,7 +43,7 @@ defineOptions({ name: "UFile", inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Set url link for the file.
+   * File url.
    */
   url: {
     type: String,
@@ -48,7 +51,7 @@ const props = defineProps({
   },
 
   /**
-   * Set image url.
+   * Image url.
    */
   imageUrl: {
     type: String,
@@ -56,13 +59,22 @@ const props = defineProps({
   },
 
   /**
-   * Set label.
+   * File label.
    */
   label: {
     type: String,
     default: "",
   },
 
+  /**
+   * File size.
+   * @values sm, md, lg
+   */
+  size: {
+    type: String,
+    default: UIService.get(defaultConfig, UFile).default.size,
+  },
+
   /**
    * Generates unique element id.
    * @ignore
@@ -73,16 +85,15 @@ const props = defineProps({
   },
 
   /**
-   * Set size.
-   * @values sm, md, lg
+   * Component ui config object.
    */
-  size: {
-    type: String,
-    default: UIService.get(defaultConfig, UFile).default.size,
+  config: {
+    type: Object,
+    default: () => ({}),
   },
 
   /**
-   * Sets data-cy attribute for automated testing.
+   * Data-cy attribute for automated testing.
    */
   dataCy: {
     type: String,

package/ui.text-files/index.vue

@@ -88,6 +88,14 @@ const props = defineProps({
     default: UIService.get(defaultConfig, UFiles).default.size,
   },
 
+  /**
+   * Component ui config object.
+   */
+  config: {
+    type: Object,
+    default: () => ({}),
+  },
+
   /**
    * Sets data-cy attribute for automated testing.
    */

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

@@ -42,6 +42,7 @@ export default /*tw*/ {
     color: "grayscale",
     weight: "medium",
     size: "md",
+    tag: "div",
     multiline: false,
     underlined: false,
   },

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

@@ -1,4 +1,4 @@
-import { getArgTypes, getSlotNames } from "../service.storybook";
+import { allSlotsFragment, getArgTypes, getSlotNames } from "../service.storybook";
 
 import UHeader from "../ui.text-header";
 import UGroup from "../ui.container-group";
@@ -26,7 +26,7 @@ const DefaultTemplate = (args) => ({
     return { args, slots };
   },
   template: `
-    <UHeader v-bind="args" />
+    <UHeader v-bind="args">${allSlotsFragment}</UHeader>
   `,
 });
 

package/ui.text-header/index.vue

@@ -1,11 +1,7 @@
 <template>
-  <div :data-cy="dataCy" v-bind="wrapperAttrs">
-    <template v-if="label">
-      {{ label }}
-    </template>
-
-    <slot />
-  </div>
+  <component :is="tag" v-bind="wrapperAttrs" :data-cy="dataCy">
+    <slot>{{ label }}</slot>
+  </component>
 </template>
 
 <script setup>
@@ -20,7 +16,7 @@ defineOptions({ name: "UHeader", inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Set label.
+   * Header label.
    */
   label: {
     type: String,
@@ -28,7 +24,7 @@ const props = defineProps({
   },
 
   /**
-   * Set size.
+   * Header size.
    * @values xs, sm, md, lg, xl, 2xl
    */
   size: {
@@ -37,7 +33,7 @@ const props = defineProps({
   },
 
   /**
-   * Set weight.
+   * Header weight.
    * @values regular, medium, bold
    */
   weight: {
@@ -54,6 +50,14 @@ const props = defineProps({
     default: UIService.get(defaultConfig, UHeader).default.color,
   },
 
+  /**
+   * Allows changing button html tag.
+   */
+  tag: {
+    type: String,
+    default: UIService.get(defaultConfig, UHeader).default.tag,
+  },
+
   /**
    * Return default line height to the component (it may be useful for multiline headers).
    */
@@ -71,7 +75,7 @@ const props = defineProps({
   },
 
   /**
-   * Sets component ui config object.
+   * Component ui config object.
    */
   config: {
     type: Object,
@@ -79,7 +83,7 @@ const props = defineProps({
   },
 
   /**
-   * Sets data-cy attribute for automated testing.
+   * Data-cy attribute for automated testing.
    */
   dataCy: {
     type: String,