vueless 0.0.390 → 0.0.391

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.390",
+  "version": "0.0.391",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.button-link/config.js

@@ -61,7 +61,7 @@ export default /*tw*/ {
       },
     },
   },
-  withChild: "flex items-center no-underline hover:no-underline focus-within:ring-0 focus-within:ring-offset-0",
+  linkWithChild: "flex items-center no-underline hover:no-underline focus-within:ring-0 focus-within:ring-offset-0",
   defaults: {
     color: "brand",
     type: "link",

package/ui.button-link/useAttrs.js

@@ -7,23 +7,24 @@ export default function useAttrs(props, { isActive, isExactActive }) {
   const { config, getKeysAttrs, hasSlotContent, getExtendingKeysClasses } = useUI(
     defaultConfig,
     () => props.config,
+    "link",
   );
   const slots = useSlots();
 
-  const extendingKeys = ["withChild"];
+  const extendingKeys = ["linkWithChild"];
   const extendingKeysClasses = getExtendingKeysClasses(extendingKeys);
 
   const keysAttrs = getKeysAttrs({}, extendingKeys, {
     wrapper: {
       extend: computed(() => [
-        hasSlotContent(slots["default"]) && extendingKeysClasses.withChild.value,
+        hasSlotContent(slots["default"]) && extendingKeysClasses.linkWithChild.value,
         isActive.value && props.wrapperActiveClass,
         isExactActive.value && props.wrapperExactActiveClass,
       ]),
     },
     link: {
       extend: computed(() => [
-        hasSlotContent(slots["default"]) && extendingKeysClasses.withChild.value,
+        hasSlotContent(slots["default"]) && extendingKeysClasses.linkWithChild.value,
         isActive.value && props.activeClass,
         isExactActive.value && props.exactActiveClass,
       ]),

package/ui.container-accordion/UAccordion.vue

@@ -1,10 +1,11 @@
 <template>
   <div :data-test="dataTest" v-bind="wrapperAttrs" @click="onClickItem">
     <div v-bind="bodyAttrs">
-      <div v-bind="titleAttrs">
-        {{ title }}
+      <div v-bind="labelAttrs">
+        {{ label }}
         <!--
           @slot Use it to add something instead of the toggle icon.
+          @binding {string} icon-name
           @binding {string} icon-size
           @binding {boolean} opened
         -->
@@ -35,9 +36,9 @@ defineOptions({ inheritAttrs: false });
 
 const props = defineProps({
   /**
-   * Accordion title.
+   * Accordion label.
    */
-  title: {
+  label: {
     type: String,
     required: true,
   },
@@ -50,14 +51,6 @@ const props = defineProps({
     required: true,
   },
 
-  /**
-   * Unique block name.
-   */
-  name: {
-    type: String,
-    default: "",
-  },
-
   /**
    * Accordion size.
    * @values sm, md, lg
@@ -87,7 +80,8 @@ const props = defineProps({
 const emit = defineEmits([
   /**
    * Triggers when the accordion item is toggled.
-   * @property {string} name
+   * @property {string} elementId
+   * @property {boolean} isOpened
    */
   "click",
 ]);
@@ -101,7 +95,7 @@ const {
   wrapperAttrs,
   descriptionAttrs,
   bodyAttrs,
-  titleAttrs,
+  labelAttrs,
   toggleIconAttrs,
   dividerAttrs,
 } = useAttrs(props, { isOpened });
@@ -123,6 +117,6 @@ const dividerSize = computed(() => {
 function onClickItem() {
   isOpened.value = !isOpened.value;
 
-  emit("click", props.name);
+  emit("click", elementId, isOpened.value);
 }
 </script>

package/ui.container-accordion/config.js

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "group cursor-pointer",
   body: "",
-  title: {
+  label: {
     base: "flex items-center justify-between font-medium text-gray-900",
     variants: {
       size: {
@@ -21,7 +21,7 @@ export default /*tw*/ {
       },
     },
   },
-  isOpened: "pt-2 h-full opacity-100",
+  descriptionShown: "pt-2 h-fit opacity-100",
   toggleIcon: "{UIcon}",
   divider: "{UDivider} group-last:hidden",
   defaults: {

package/ui.container-accordion/storybook/stories.js

@@ -14,19 +14,19 @@ export default {
     accordions: [
       {
         name: "Excellence",
-        title: "Excellence by necessity",
+        label: "Excellence by necessity",
         description: `As creators and maintainers of the technologies you are using,
             our services are here to showcase the full power of our softwares.`,
       },
       {
         name: "Innovation",
-        title: "Driving innovation forward",
+        label: "Driving innovation forward",
         description: `All the people that will be involved in delivering your project are contributing
             to the technologies you are using, when they are not the creators themselves.`,
       },
       {
         name: "Collaboration",
-        title: "Fostering collaboration",
+        label: "Fostering collaboration",
         description: `By working with us, you are directly supporting the open source community,
             ensuring the ecosystem continuity and enabling Nuxt development.`,
       },

package/ui.container-accordion/useAttrs.js

@@ -9,12 +9,12 @@ export default function useAttrs(props, { isOpened }) {
     () => props.config,
   );
 
-  const extendingKeys = ["isOpened"];
+  const extendingKeys = ["descriptionShown"];
   const extendingKeysClasses = getExtendingKeysClasses(extendingKeys);
 
   const keysAttrs = getKeysAttrs({}, extendingKeys, {
     description: {
-      extend: computed(() => [isOpened.value && extendingKeysClasses.isOpened.value]),
+      extend: computed(() => [isOpened.value && extendingKeysClasses.descriptionShown.value]),
     },
   });
 

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.390",
+  "version": "0.0.391",
   "contributions": {
     "html": {
       "description-markup": "markdown",
@@ -63,9 +63,9 @@
           "description": "",
           "attributes": [
             {
-              "name": "title",
+              "name": "label",
               "required": true,
-              "description": "Accordion title.",
+              "description": "Accordion label.",
               "value": {
                 "kind": "expression",
                 "type": "string"
@@ -80,15 +80,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "name",
-              "description": "Unique block name.",
-              "value": {
-                "kind": "expression",
-                "type": "string"
-              },
-              "default": "\"\""
-            },
             {
               "name": "size",
               "description": "Accordion size.",
@@ -126,7 +117,13 @@
                   "type": [
                     "string"
                   ],
-                  "name": "name"
+                  "name": "elementId"
+                },
+                {
+                  "type": [
+                    "boolean"
+                  ],
+                  "name": "isOpened"
                 }
               ]
             }
@@ -138,6 +135,7 @@
               "description": "Use it to add something instead of the toggle icon.",
               "bindings": [
                 {
+                  "type": "string",
                   "name": "icon-name"
                 },
                 {