@zanichelli/albe-web-components 2.33.5-rc2 → 2.34.0

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

@@ -1,66 +1,66 @@
-import { Component, Prop, h } from "@stencil/core";
-export class ZHeading {
-  constructor() {
-    this.variant = "regular";
-  }
-  render() {
-    return (h("z-typography", { 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": ""
-      },
-      "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": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "\"regular\""
-    },
-    "component": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "component",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Prop, h } from "@stencil/core";
+export class ZHeading {
+  constructor() {
+    this.variant = "regular";
+  }
+  render() {
+    return (h("z-typography", { 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": ""
+      },
+      "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": ""
+      },
+      "attribute": "variant",
+      "reflect": false,
+      "defaultValue": "\"regular\""
+    },
+    "component": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "component",
+      "reflect": false
+    }
+  }; }
+}

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

@@ -1,84 +1,84 @@
-import { Component, Element, Prop, h, Host } from "@stencil/core";
-export class ZTypography {
-  constructor() {
-    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 {
-    "component": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "component",
-      "reflect": false
-    },
-    "variant": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"regular\" | \"semibold\" | \"light\"",
-        "resolved": "\"light\" | \"regular\" | \"semibold\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "variant",
-      "reflect": false,
-      "defaultValue": "\"regular\""
-    },
-    "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": ""
-      },
-      "attribute": "level",
-      "reflect": false
-    }
-  }; }
-  static get elementRef() { return "hostElement"; }
-}
+import { Component, Element, Prop, h, Host } from "@stencil/core";
+export class ZTypography {
+  constructor() {
+    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 {
+    "component": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "component",
+      "reflect": false
+    },
+    "variant": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"regular\" | \"semibold\" | \"light\"",
+        "resolved": "\"light\" | \"regular\" | \"semibold\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "variant",
+      "reflect": false,
+      "defaultValue": "\"regular\""
+    },
+    "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": ""
+      },
+      "attribute": "level",
+      "reflect": false
+    }
+  }; }
+  static get elementRef() { return "hostElement"; }
+}

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

@@ -1,61 +1,61 @@
-:host > * {
-  font-family: var(--dashboard-font);
-  margin: 0;
-}
-
-: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 > * {
+  font-family: var(--dashboard-font);
+  margin: 0;
+}
+
+: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;
+}

package/dist/collection/components/z-aria-alert/index.js

@@ -1,32 +1,32 @@
-import { Component, Prop, h, Host } from "@stencil/core";
-import { ZAriaAlertMode } from "../../beans";
-export class ZAriaAlert {
-  constructor() {
-    this.mode = ZAriaAlertMode.polite;
-  }
-  render() {
-    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" },
-      h("slot", null)));
-  }
-  static get is() { return "z-aria-alert"; }
-  static get properties() { return {
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mode",
-      "reflect": false,
-      "defaultValue": "ZAriaAlertMode.polite"
-    }
-  }; }
-}
+import { Component, Prop, h, Host } from "@stencil/core";
+import { ZAriaAlertMode } from "../../beans";
+export class ZAriaAlert {
+  constructor() {
+    this.mode = ZAriaAlertMode.polite;
+  }
+  render() {
+    return (h(Host, { "aria-live": this.mode, "aria-atomic": "true", "aria-relevant": "additions" },
+      h("slot", null)));
+  }
+  static get is() { return "z-aria-alert"; }
+  static get properties() { return {
+    "mode": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "mode",
+      "reflect": false,
+      "defaultValue": "ZAriaAlertMode.polite"
+    }
+  }; }
+}