@zanichelli/albe-web-components 6.6.2 → 6.6.4

package/dist/collection/components/typography/z-heading/index.js

@@ -1,68 +1,68 @@
-import { h } from "@stencil/core";
-export class ZHeading {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
-  }
-  static get is() { return "z-heading"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "level": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "1 | 2 | 3 | 4",
-          "resolved": "1 | 2 | 3 | 4",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\" | \"light\"",
-          "resolved": "\"light\" | \"regular\" | \"semibold\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Font weight variant"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"regular\""
-      },
-      "component": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "HTML tag to use to wrap slotted content"
-        },
-        "attribute": "component",
-        "reflect": false
-      }
-    };
-  }
-}
+import { h } from "@stencil/core";
+export class ZHeading {
+  constructor() {
+    /** Font weight variant */
+    this.variant = "regular";
+  }
+  render() {
+    return (h("z-typography", { tabIndex: 0, component: this.component || `h${this.level}`, level: `h${this.level}`, variant: this.variant }, h("slot", null)));
+  }
+  static get is() { return "z-heading"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() {
+    return {
+      "level": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "1 | 2 | 3 | 4",
+          "resolved": "1 | 2 | 3 | 4",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Typography level"
+        },
+        "attribute": "level",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"semibold\" | \"light\"",
+          "resolved": "\"light\" | \"regular\" | \"semibold\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Font weight variant"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
+      "component": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "HTML tag to use to wrap slotted content"
+        },
+        "attribute": "component",
+        "reflect": false
+      }
+    };
+  }
+}

package/dist/collection/components/typography/z-typography/index.js

@@ -1,91 +1,91 @@
-import { h, Host } from "@stencil/core";
-export class ZTypography {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    const el = document.createElement(this.component || "span");
-    el.innerHTML = `<slot />`;
-    this.hostElement.shadowRoot.appendChild(el);
-    return (h(Host, { class: {
-        [this.level]: Boolean(this.level),
-        regular: this.variant === "regular",
-        semibold: this.variant === "semibold",
-        light: this.variant === "light",
-      } }));
-  }
-  static get is() { return "z-typography"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "level": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ZTypographyLevels",
-          "resolved": "\"b1\" | \"b2\" | \"b3\" | \"b4\" | \"b5\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
-          "references": {
-            "ZTypographyLevels": {
-              "location": "local"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\" | \"light\"",
-          "resolved": "\"light\" | \"regular\" | \"semibold\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Font weight variant"
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "\"regular\""
-      },
-      "component": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "HTML tag to use to wrap slotted content"
-        },
-        "attribute": "component",
-        "reflect": false
-      }
-    };
-  }
-  static get elementRef() { return "hostElement"; }
-}
+import { h, Host } from "@stencil/core";
+export class ZTypography {
+  constructor() {
+    /** Font weight variant */
+    this.variant = "regular";
+  }
+  render() {
+    const el = document.createElement(this.component || "span");
+    el.innerHTML = `<slot />`;
+    this.hostElement.shadowRoot.appendChild(el);
+    return (h(Host, { class: {
+        [this.level]: Boolean(this.level),
+        regular: this.variant === "regular",
+        semibold: this.variant === "semibold",
+        light: this.variant === "light",
+      } }));
+  }
+  static get is() { return "z-typography"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "level": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ZTypographyLevels",
+          "resolved": "\"b1\" | \"b2\" | \"b3\" | \"b4\" | \"b5\" | \"h1\" | \"h2\" | \"h3\" | \"h4\"",
+          "references": {
+            "ZTypographyLevels": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Typography level"
+        },
+        "attribute": "level",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"semibold\" | \"light\"",
+          "resolved": "\"light\" | \"regular\" | \"semibold\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Font weight variant"
+        },
+        "attribute": "variant",
+        "reflect": false,
+        "defaultValue": "\"regular\""
+      },
+      "component": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "HTML tag to use to wrap slotted content"
+        },
+        "attribute": "component",
+        "reflect": false
+      }
+    };
+  }
+  static get elementRef() { return "hostElement"; }
+}

package/dist/collection/components/typography/z-typography/styles.css

@@ -1,65 +1,65 @@
-:host > * {
-  margin: 0;
-  font-family: var(--dashboard-font);
-}
-
-:host(.regular) > * {
-  font-weight: var(--font-rg);
-}
-
-:host(.semibold) > * {
-  font-weight: 600;
-}
-
-:host(.light) > * {
-  font-weight: 300;
-}
-
-:host(.h1) > * {
-  font-size: 32px;
-  line-height: 40px;
-}
-
-:host(.h2) > * {
-  font-size: 28px;
-  line-height: 36px;
-}
-
-:host(.h3) > * {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-:host(.h4) > * {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-:host(.b1) > * {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-:host(.b2) > * {
-  font-size: 18px;
-  line-height: 28px;
-}
-
-:host(.b3) > * {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-:host(.b4) > * {
-  font-size: 14px;
-  line-height: 20px;
-}
-
-:host(.b5) > * {
-  font-size: 12px;
-  line-height: 16px;
-}
-
-:host(:focus-visible) {
-  outline: none;
-}
+:host > * {
+  margin: 0;
+  font-family: var(--dashboard-font);
+}
+
+:host(.regular) > * {
+  font-weight: var(--font-rg);
+}
+
+:host(.semibold) > * {
+  font-weight: 600;
+}
+
+:host(.light) > * {
+  font-weight: 300;
+}
+
+:host(.h1) > * {
+  font-size: 32px;
+  line-height: 40px;
+}
+
+:host(.h2) > * {
+  font-size: 28px;
+  line-height: 36px;
+}
+
+:host(.h3) > * {
+  font-size: 24px;
+  line-height: 32px;
+}
+
+:host(.h4) > * {
+  font-size: 20px;
+  line-height: 28px;
+}
+
+:host(.b1) > * {
+  font-size: 20px;
+  line-height: 28px;
+}
+
+:host(.b2) > * {
+  font-size: 18px;
+  line-height: 28px;
+}
+
+:host(.b3) > * {
+  font-size: 16px;
+  line-height: 24px;
+}
+
+:host(.b4) > * {
+  font-size: 14px;
+  line-height: 20px;
+}
+
+:host(.b5) > * {
+  font-size: 12px;
+  line-height: 16px;
+}
+
+:host(:focus-visible) {
+  outline: none;
+}

package/dist/collection/components/z-anchor-navigation/index.js

@@ -1,95 +1,95 @@
-import { h, Host } from "@stencil/core";
-import { ButtonVariant } from "../../beans";
-/**
- * * Anchor navigation component.
- * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.
- * @example
- * ```
- * <z-anchor-navigation>
- *  <div>
- *    <a href="#section-id">Section name</a>
- *    <button type="button">
- *      <z-icon name="share" />
- *    </button>
- *  </div>
- * </z-anchor-navigation>
- * ```
- */
-export class ZAnchorNavigation {
-  constructor() {
-    /**
-     * If enabled, the text of each anchor will be hidden unless
-     * for the current one or the one the user is hovering.
-     */
-    this.hideUnselected = false;
-    /**
-     * Whether the mobile list is collapsed.
-     */
-    this.collapsed = false;
-  }
-  /**
-   * Set aria-current attribute to the anchors and `current` to nav children.
-   */
-  setAriaCurrent() {
-    Array.from(this.nav.children).forEach((item) => {
-      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
-      const isCurrent = window.location.href === anchor.href;
-      anchor.setAttribute("aria-current", isCurrent.toString());
-      item.toggleAttribute("current", isCurrent);
-    });
-  }
-  /**
-   * Toggle collapsed state.
-   */
-  toggleCollapsed() {
-    this.collapsed = !this.collapsed;
-  }
-  componentDidLoad() {
-    window.addEventListener("hashchange", this.setAriaCurrent.bind(this));
-    this.setAriaCurrent();
-  }
-  disconnectedCallback() {
-    window.removeEventListener("hashchange", this.setAriaCurrent);
-  }
-  render() {
-    return (h(Host, { collapsed: this.collapsed }, h("z-button", { class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { ref: (el) => (this.nav = el) }, h("slot", null))));
-  }
-  static get is() { return "z-anchor-navigation"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "hideUnselected": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "If enabled, the text of each anchor will be hidden unless\r\nfor the current one or the one the user is hovering."
-        },
-        "attribute": "hide-unselected",
-        "reflect": true,
-        "defaultValue": "false"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "collapsed": {}
-    };
-  }
-}
+import { h, Host } from "@stencil/core";
+import { ButtonVariant } from "../../beans";
+/**
+ * * Anchor navigation component.
+ * @slot Main slot. Put some `<a>` tags inside. If you need an action button/icon, wrap it and the <a> inside another tag.
+ * @example
+ * ```
+ * <z-anchor-navigation>
+ *  <div>
+ *    <a href="#section-id">Section name</a>
+ *    <button type="button">
+ *      <z-icon name="share" />
+ *    </button>
+ *  </div>
+ * </z-anchor-navigation>
+ * ```
+ */
+export class ZAnchorNavigation {
+  constructor() {
+    /**
+     * If enabled, the text of each anchor will be hidden unless
+     * for the current one or the one the user is hovering.
+     */
+    this.hideUnselected = false;
+    /**
+     * Whether the mobile list is collapsed.
+     */
+    this.collapsed = false;
+  }
+  /**
+   * Set aria-current attribute to the anchors and `current` to nav children.
+   */
+  setAriaCurrent() {
+    Array.from(this.nav.children).forEach((item) => {
+      const anchor = item instanceof HTMLAnchorElement ? item : item.querySelector("a");
+      const isCurrent = window.location.href === anchor.href;
+      anchor.setAttribute("aria-current", isCurrent.toString());
+      item.toggleAttribute("current", isCurrent);
+    });
+  }
+  /**
+   * Toggle collapsed state.
+   */
+  toggleCollapsed() {
+    this.collapsed = !this.collapsed;
+  }
+  componentDidLoad() {
+    window.addEventListener("hashchange", this.setAriaCurrent.bind(this));
+    this.setAriaCurrent();
+  }
+  disconnectedCallback() {
+    window.removeEventListener("hashchange", this.setAriaCurrent);
+  }
+  render() {
+    return (h(Host, { collapsed: this.collapsed }, h("z-button", { class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { ref: (el) => (this.nav = el) }, h("slot", null))));
+  }
+  static get is() { return "z-anchor-navigation"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "hideUnselected": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If enabled, the text of each anchor will be hidden unless\nfor the current one or the one the user is hovering."
+        },
+        "attribute": "hide-unselected",
+        "reflect": true,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "collapsed": {}
+    };
+  }
+}