vueless 0.0.411 → 0.0.413

package/ui.form-label/ULabel.vue

@@ -6,7 +6,7 @@
     @click="onClick"
   >
     <div v-bind="contentAttrs">
-      <!-- @slot Use it to wrap something into the label. -->
+      <!-- @slot Use it to add label content. -->
       <slot />
     </div>
 
@@ -45,7 +45,7 @@
     />
 
     <div v-bind="contentAttrs">
-      <!-- @slot Use it to wrap something into the label. -->
+      <!-- @slot Use it to add label content. -->
       <slot />
     </div>
 
@@ -83,7 +83,7 @@ const emit = defineEmits([
 
 const props = defineProps({
   /**
-   * Set label value.
+   * Label text.
    */
   label: {
     type: String,
@@ -91,16 +91,23 @@ const props = defineProps({
   },
 
   /**
-   * Set label size.
-   * @values sm, md, lg
+   * Label description.
    */
-  size: {
+  description: {
     type: String,
-    default: getDefault(defaultConfig, ULabel).size,
+    default: "",
+  },
+
+  /**
+   * Label error message.
+   */
+  error: {
+    type: String,
+    default: "",
   },
 
   /**
-   * Label placement.
+   * Label align.
    * @values top, topInside, topWithDesc, left, right
    */
   align: {
@@ -109,46 +116,38 @@ const props = defineProps({
   },
 
   /**
-   * Centre label.
+   * Label size.
+   * @values sm, md, lg
    */
-  centred: {
-    type: Boolean,
-    default: getDefault(defaultConfig, ULabel).centred,
+  size: {
+    type: String,
+    default: getDefault(defaultConfig, ULabel).size,
   },
 
   /**
-   * Set error message.
+   * Make label disabled.
    */
-  error: {
-    type: String,
-    default: "",
+  disabled: {
+    type: Boolean,
+    default: getDefault(defaultConfig, ULabel).disabled,
   },
 
   /**
-   * Set description text.
+   * Centre label horizontally.
    */
-  description: {
-    type: String,
-    default: "",
+  centred: {
+    type: Boolean,
+    default: getDefault(defaultConfig, ULabel).centred,
   },
 
   /**
-   * Set id label for.
-   * @ignore
+   * Set input id for label `for` attribute.
    */
   for: {
     type: String,
     default: "",
   },
 
-  /**
-   * Make label disabled.
-   */
-  disabled: {
-    type: Boolean,
-    default: getDefault(defaultConfig, ULabel).disabled,
-  },
-
   /**
    * Component config object.
    */
@@ -171,14 +170,21 @@ const wrapperRef = ref(null);
 
 const { wrapperAttrs, contentAttrs, labelAttrs, descriptionAttrs } = useAttrs(props);
 
-const isHorizontalPlacement = computed(
-  () => props.align === PLACEMENT.left || props.align === PLACEMENT.right,
-);
+const isHorizontalPlacement = computed(() => {
+  return props.align === PLACEMENT.left || props.align === PLACEMENT.right;
+});
 
-const isTopWithDescPlacement = computed(() => props.align === PLACEMENT.topWithDesc);
+const isTopWithDescPlacement = computed(() => {
+  return props.align === PLACEMENT.topWithDesc;
+});
 
-const labelElement = computed(() => labelRef.value);
-const wrapperElement = computed(() => wrapperRef.value);
+const labelElement = computed(() => {
+  return labelRef.value;
+});
+
+const wrapperElement = computed(() => {
+  return wrapperRef.value;
+});
 
 function onClick(event) {
   emit("click", event);

package/ui.form-radio/URadio.vue

@@ -22,8 +22,9 @@
       @change="onChange"
     />
 
-    <template #footer>
-      <slot name="footer" />
+    <template #bottom>
+      <!-- @slot Use it to add something below the radio. -->
+      <slot name="bottom" />
     </template>
   </ULabel>
 </template>
@@ -48,7 +49,7 @@ const getRadioGroupSelectedItem = inject("getRadioGroupSelectedItem", null);
 
 const props = defineProps({
   /**
-   * Native value attribute.
+   * Radio value.
    */
   modelValue: {
     type: [Boolean, String, Number, Array, Object],

package/ui.form-radio-group/URadioGroup.vue

@@ -10,6 +10,7 @@
     :data-test="dataTest"
   >
     <div v-bind="listAttrs">
+      <!-- @slot Use it to add URadio directly. -->
       <slot>
         <URadio
           v-for="(option, index) in options"
@@ -128,7 +129,7 @@ const props = defineProps({
    */
   dataTest: {
     type: String,
-    default: "radio",
+    default: "",
   },
 });
 

package/ui.form-select/USelect.vue

@@ -355,7 +355,7 @@ const props = defineProps({
   },
 
   /**
-   * Set label placement related from the default slot.
+   * Label placement.
    * @values top, topInside, topWithDesc, left, right
    */
   labelAlign: {

package/ui.form-switch/USwitch.vue

@@ -54,7 +54,7 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Set switch value.
+   * Switch value.
    */
   modelValue: {
     type: Boolean,
@@ -71,7 +71,7 @@ const props = defineProps({
   },
 
   /**
-   * Set label.
+   * Switch label.
    */
   label: {
     type: String,
@@ -79,7 +79,7 @@ const props = defineProps({
   },
 
   /**
-   * Set description.
+   * Switch description.
    */
   description: {
     type: String,
@@ -87,7 +87,7 @@ const props = defineProps({
   },
 
   /**
-   * The size of the switch.
+   * Switch size.
    * @values sm, md, lg
    */
   size: {
@@ -96,7 +96,7 @@ const props = defineProps({
   },
 
   /**
-   * The color of the switch.
+   * Switch color.
    * @values brand, grayscale, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white   */
   color: {
     type: String,
@@ -104,7 +104,7 @@ const props = defineProps({
   },
 
   /**
-   * Show on / off icon inside circle.
+   * Show toggle icons inside the circle.
    */
   toggleIcon: {
     type: Boolean,
@@ -112,7 +112,7 @@ const props = defineProps({
   },
 
   /**
-   * The label variant of the switch.
+   * Show toggle labels (on / off).
    */
   toggleLabel: {
     type: Boolean,
@@ -120,7 +120,7 @@ const props = defineProps({
   },
 
   /**
-   * Show on / off icon inside circle.
+   * Set switch disabled.
    */
   disabled: {
     type: Boolean,

package/ui.form-textarea/UTextarea.vue

@@ -97,7 +97,7 @@ const props = defineProps({
   },
 
   /**
-   * Set label placement related from the default slot.
+   * Label placement.
    * @values top, topInside, topWithDesc, left, right
    */
   labelAlign: {

package/utils/utilStorybook.js

@@ -73,6 +73,13 @@ export function getArgTypes(componentName) {
             defaultValue: { summary: attribute.default || "" },
           },
         };
+      } else {
+        types[attribute.name] = {
+          control: type.split("|")[0],
+          table: {
+            defaultValue: { summary: attribute.default || "" },
+          },
+        };
       }
     }