@zanichelli/albe-web-components 7.3.3 → 7.3.4

package/dist/collection/components/z-visually-hidden/index.js

@@ -1,18 +1,18 @@
-import { h } from "@stencil/core";
-export class ZVisuallyHidden {
-  render() {
-    return h("slot", null);
-  }
-  static get is() { return "z-visually-hidden"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-}
+import { h } from "@stencil/core";
+export class ZVisuallyHidden {
+  render() {
+    return h("slot", null);
+  }
+  static get is() { return "z-visually-hidden"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+}

package/dist/collection/components/z-visually-hidden/styles.css

@@ -1,12 +1,12 @@
-:host {
-  position: absolute;
-  overflow: hidden;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  border: 0;
-  margin: 0 -1px -1px 0;
-  clip: rect(0 0 0 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-}
+:host {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: 0 -1px -1px 0;
+  clip: rect(0 0 0 0);
+  clip-path: inset(50%);
+  white-space: nowrap;
+}

package/dist/collection/constants/breakpoints.js

@@ -1,3 +1,3 @@
-const mobileBreakpoint = 767;
-const tabletBreakpoint = 1023;
-export { mobileBreakpoint, tabletBreakpoint };
+const mobileBreakpoint = 767;
+const tabletBreakpoint = 1023;
+export { mobileBreakpoint, tabletBreakpoint };

package/dist/collection/constants/icons.js

@@ -1,6 +1,6 @@
-const icons = {
-  iconuserlogo: "user.png",
-  iconarrowup: "arrowUp.png",
-  iconarrowdown: "arrowDown.png",
-};
-export default icons;
+const icons = {
+  iconuserlogo: "user.png",
+  iconarrowup: "arrowUp.png",
+  iconarrowdown: "arrowDown.png",
+};
+export default icons;

package/dist/collection/deprecated/typography/z-body/index.js

@@ -1,68 +1,68 @@
-import { h } from "@stencil/core";
-export class ZBody {
-  constructor() {
-    /** Font weight variant */
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
-  }
-  static get is() { return "z-body"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() {
-    return {
-      "level": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "1 | 2 | 3 | 4 | 5",
-          "resolved": "1 | 2 | 3 | 4 | 5",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Typography level"
-        },
-        "attribute": "level",
-        "reflect": false
-      },
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"regular\" | \"semibold\"",
-          "resolved": "\"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 ZBody {
+  constructor() {
+    /** Font weight variant */
+    this.variant = "regular";
+  }
+  render() {
+    return (h("z-typography", { tabIndex: 0, component: this.component || "span", level: `b${this.level}`, variant: this.variant }, h("slot", null)));
+  }
+  static get is() { return "z-body"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() {
+    return {
+      "level": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "1 | 2 | 3 | 4 | 5",
+          "resolved": "1 | 2 | 3 | 4 | 5",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Typography level"
+        },
+        "attribute": "level",
+        "reflect": false
+      },
+      "variant": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"regular\" | \"semibold\"",
+          "resolved": "\"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/deprecated/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/deprecated/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/deprecated/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;
+}