@beeq/core 1.11.0-beta.2 → 1.11.0

package/dist/custom-elements.json

@@ -2066,6 +2066,147 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-breadcrumb.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
+          "name": "BqBreadcrumb",
+          "cssParts": [
+            {
+              "description": "The `nav` tag that loads the breadcrumb items",
+              "name": "navigation"
+            },
+            {
+              "description": "The container that wraps the separator element",
+              "name": "separator"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
+              "name": ""
+            },
+            {
+              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
+              "name": "separator"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "navElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "spanElem",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLBqBreadcrumbElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Breadcrumbs'",
+              "description": "The `aria-label` attribute to describe the type of navigation"
+            },
+            {
+              "kind": "field",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "getSeparatorElem",
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "separatorFromSlot",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "breadcrumbItems",
+              "type": {
+                "text": "HTMLBqBreadcrumbItemElement[]"
+              },
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "string"
+              },
+              "description": "The `aria-label` attribute to describe the type of navigation",
+              "name": "label"
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "tagName": "bq-breadcrumb",
+          "csspart": [
+            {
+              "name": "navigation",
+              "description": "The `nav` tag that loads the breadcrumb items"
+            },
+            {
+              "name": "separator",
+              "description": "The container that wraps the separator element"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqBreadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-breadcrumb",
+          "declaration": {
+            "name": "BqBreadcrumb",
+            "module": "components/bq-breadcrumb.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-breadcrumb-item.js",
@@ -2337,147 +2478,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-breadcrumb.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The Breadcrumb is used to wraps a series of breadcrumb items to indicate the current page's location within a navigational hierarchy.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-breadcrumb label=\"Breadcrumb\">\n<bq-breadcrumb-item>Home</bq-breadcrumb-item>\n<bq-breadcrumb-item>Men's clothing</bq-breadcrumb-item>\n<bq-breadcrumb-item>Shirt</bq-breadcrumb-item>\n<bq-breadcrumb-item>Casual shirts</bq-breadcrumb-item>\n</bq-breadcrumb>\n```\n\n</figure>",
-          "name": "BqBreadcrumb",
-          "cssParts": [
-            {
-              "description": "The `nav` tag that loads the breadcrumb items",
-              "name": "navigation"
-            },
-            {
-              "description": "The container that wraps the separator element",
-              "name": "separator"
-            }
-          ],
-          "slots": [
-            {
-              "description": "The default slot is used to add `bq-breadcrumb-item` items to the breadcrumb.",
-              "name": ""
-            },
-            {
-              "description": "The slot to add a separator between breadcrumb items. Default separator is `/`.",
-              "name": "separator"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "navElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "spanElem",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLBqBreadcrumbElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Breadcrumbs'",
-              "description": "The `aria-label` attribute to describe the type of navigation"
-            },
-            {
-              "kind": "field",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "getSeparatorElem",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "separatorFromSlot",
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "breadcrumbItems",
-              "type": {
-                "text": "HTMLBqBreadcrumbItemElement[]"
-              },
-              "privacy": "private",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "attributes": [
-            {
-              "type": {
-                "text": "string"
-              },
-              "description": "The `aria-label` attribute to describe the type of navigation",
-              "name": "label"
-            },
-            {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "tagName": "bq-breadcrumb",
-          "csspart": [
-            {
-              "name": "navigation",
-              "description": "The `nav` tag that loads the breadcrumb items"
-            },
-            {
-              "name": "separator",
-              "description": "The container that wraps the separator element"
-            }
-          ],
-          "events": [],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqBreadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-breadcrumb",
-          "declaration": {
-            "name": "BqBreadcrumb",
-            "module": "components/bq-breadcrumb.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/bq-button.js",
@@ -8831,243 +8831,98 @@
               }
             },
             {
-              "name": "time",
-              "fieldName": "time",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "type",
-              "fieldName": "type",
-              "type": {
-                "text": "TNotificationType"
-              },
-              "parsedType": {
-                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
-              }
-            }
-          ],
-          "tagName": "bq-notification",
-          "dependencies": [
-            {
-              "name": "bq-button",
-              "description": ""
-            },
-            {
-              "name": "bq-icon",
-              "description": ""
-            }
-          ],
-          "csspart": [
-            {
-              "name": "base",
-              "description": "The `<div>` container of the predefined bq-icon component."
-            },
-            {
-              "name": "body",
-              "description": "The container `<div>` that wraps the notification description content"
-            },
-            {
-              "name": "btn-close",
-              "description": "The `bq-button` used to close the notification"
-            },
-            {
-              "name": "content",
-              "description": "The container `<div>` that wraps all the notification content (title, description, footer)"
-            },
-            {
-              "name": "footer",
-              "description": "The container `<div>` that wraps the notification footer content"
-            },
-            {
-              "name": "icon",
-              "description": "The `<bq-icon>` element used to render a predefined icon based on the notification type"
-            },
-            {
-              "name": "icon-outline",
-              "description": "The container `<div>` that wraps the icon element"
-            },
-            {
-              "name": "main",
-              "description": "The container `<div>` that wraps the notification main content (title, description)"
-            },
-            {
-              "name": "svg",
-              "description": "The `<svg>` element of the predefined bq-icon component."
-            },
-            {
-              "name": "title",
-              "description": "The container `<div>` that wraps the notification title content"
-            },
-            {
-              "name": "wrapper",
-              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
-            }
-          ],
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BqNotification",
-          "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "bq-notification",
-          "declaration": {
-            "name": "BqNotification",
-            "module": "components/bq-notification.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/bq-option-group.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
-          "name": "BqOptionGroup",
-          "cssProperties": [
-            {
-              "description": "option group background color",
-              "name": "--bq-option-group--background"
-            },
-            {
-              "description": "option group font size",
-              "name": "--bq-option-group--font-size"
-            },
-            {
-              "description": "option group line height",
-              "name": "--bq-option-group--line-height"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-start"
-            },
-            {
-              "description": "option group header padding start",
-              "name": "--bq-option-group--label-padding-end"
-            },
-            {
-              "description": "option group header padding Y axis",
-              "name": "--bq-option-group--label-paddingY"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-start"
-            },
-            {
-              "description": "option group text within label padding start",
-              "name": "--bq-option-group--label-text-padding-end"
+              "name": "time",
+              "fieldName": "time",
+              "type": {
+                "text": "number"
+              }
             },
             {
-              "description": "option group container padding start",
-              "name": "--bq-option-group--container-padding-start"
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "TNotificationType"
+              },
+              "parsedType": {
+                "text": "'info' | 'success' | 'warning' | 'error' | 'neutral'"
+              }
             }
           ],
-          "cssParts": [
-            {
-              "description": "The `legend` tag element which acts as a container for the label",
-              "name": "label"
-            },
-            {
-              "description": "The prefix of the label",
-              "name": "prefix"
-            },
-            {
-              "description": "The text of the label",
-              "name": "label"
-            },
+          "tagName": "bq-notification",
+          "dependencies": [
             {
-              "description": "The suffix of the label",
-              "name": "suffix"
+              "name": "bq-button",
+              "description": ""
             },
             {
-              "description": "The `div` element which holds the option items",
-              "name": "group"
+              "name": "bq-icon",
+              "description": ""
             }
           ],
-          "slots": [
+          "csspart": [
             {
-              "description": "The label of the option group",
-              "name": "header-label"
+              "name": "base",
+              "description": "The `<div>` container of the predefined bq-icon component."
             },
             {
-              "description": "The prefix of the label",
-              "name": "header-prefix"
+              "name": "body",
+              "description": "The container `<div>` that wraps the notification description content"
             },
             {
-              "description": "The suffix of the label",
-              "name": "header-suffix"
+              "name": "btn-close",
+              "description": "The `bq-button` used to close the notification"
             },
             {
-              "description": "The option items",
-              "name": ""
-            }
-          ],
-          "members": [
+              "name": "content",
+              "description": "The container `<div>` that wraps all the notification content (title, description, footer)"
+            },
             {
-              "kind": "field",
-              "name": "el",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "name": "footer",
+              "description": "The container `<div>` that wraps the notification footer content"
             },
             {
-              "kind": "method",
-              "name": "render"
-            }
-          ],
-          "tagName": "bq-option-group",
-          "csspart": [
+              "name": "icon",
+              "description": "The `<bq-icon>` element used to render a predefined icon based on the notification type"
+            },
             {
-              "name": "label",
-              "description": "The `legend` tag element which acts as a container for the label"
+              "name": "icon-outline",
+              "description": "The container `<div>` that wraps the icon element"
             },
             {
-              "name": "prefix",
-              "description": "The prefix of the label"
+              "name": "main",
+              "description": "The container `<div>` that wraps the notification main content (title, description)"
             },
             {
-              "name": "label",
-              "description": "The text of the label"
+              "name": "svg",
+              "description": "The `<svg>` element of the predefined bq-icon component."
             },
             {
-              "name": "suffix",
-              "description": "The suffix of the label"
+              "name": "title",
+              "description": "The container `<div>` that wraps the notification title content"
             },
             {
-              "name": "group",
-              "description": "The `div` element which holds the option items"
+              "name": "wrapper",
+              "description": "The wrapper container `<div>` of the element inside the shadow DOM"
             }
           ],
-          "events": [],
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BqOptionGroup",
+          "name": "BqNotification",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "bq-option-group",
+          "name": "bq-notification",
           "declaration": {
-            "name": "BqOptionGroup",
-            "module": "components/bq-option-group.js"
+            "name": "BqNotification",
+            "module": "components/bq-notification.js"
           }
         }
       ]
@@ -9421,6 +9276,151 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bq-option-group.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The option group component is a container for multiple option elements.\nIt allows to manage the appearance and size of all options at once.\n\n## Examples\n\n<figure class=\"example\"><figcaption>How to use it</figcaption>\n\n```html\n<bq-option-group class=\"hydrated\">\n<span slot=\"header-label\">Sport</span>\n<bq-option value=\"football\">Football</bq-option>\n<bq-option value=\"basketball\">Basketball</bq-option>\n<bq-option value=\"tennis\">Tennis</bq-option>\n</bq-option-group>\n```\n\n</figure>",
+          "name": "BqOptionGroup",
+          "cssProperties": [
+            {
+              "description": "option group background color",
+              "name": "--bq-option-group--background"
+            },
+            {
+              "description": "option group font size",
+              "name": "--bq-option-group--font-size"
+            },
+            {
+              "description": "option group line height",
+              "name": "--bq-option-group--line-height"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-start"
+            },
+            {
+              "description": "option group header padding start",
+              "name": "--bq-option-group--label-padding-end"
+            },
+            {
+              "description": "option group header padding Y axis",
+              "name": "--bq-option-group--label-paddingY"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-start"
+            },
+            {
+              "description": "option group text within label padding start",
+              "name": "--bq-option-group--label-text-padding-end"
+            },
+            {
+              "description": "option group container padding start",
+              "name": "--bq-option-group--container-padding-start"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The `legend` tag element which acts as a container for the label",
+              "name": "label"
+            },
+            {
+              "description": "The prefix of the label",
+              "name": "prefix"
+            },
+            {
+              "description": "The text of the label",
+              "name": "label"
+            },
+            {
+              "description": "The suffix of the label",
+              "name": "suffix"
+            },
+            {
+              "description": "The `div` element which holds the option items",
+              "name": "group"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The label of the option group",
+              "name": "header-label"
+            },
+            {
+              "description": "The prefix of the label",
+              "name": "header-prefix"
+            },
+            {
+              "description": "The suffix of the label",
+              "name": "header-suffix"
+            },
+            {
+              "description": "The option items",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "el",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "render"
+            }
+          ],
+          "tagName": "bq-option-group",
+          "csspart": [
+            {
+              "name": "label",
+              "description": "The `legend` tag element which acts as a container for the label"
+            },
+            {
+              "name": "prefix",
+              "description": "The prefix of the label"
+            },
+            {
+              "name": "label",
+              "description": "The text of the label"
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix of the label"
+            },
+            {
+              "name": "group",
+              "description": "The `div` element which holds the option items"
+            }
+          ],
+          "events": [],
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BqOptionGroup",
+          "declaration": {
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "bq-option-group",
+          "declaration": {
+            "name": "BqOptionGroup",
+            "module": "components/bq-option-group.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/bq-option-list.js",