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

package/dist/collection/components/inputs/z-input-label/index.js

@@ -1,72 +1,72 @@
-import { Component, Prop, h } from "@stencil/core";
-export class ZInputLabel {
-  constructor() {
-    /** the label is disabled */
-    this.disabled = false;
-  }
-  render() {
-    return h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value);
-  }
-  static get is() { return "z-input-label"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "the label value"
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "the label is disabled"
-      },
-      "attribute": "disabled",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "htmlfor": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "the label is attached to"
-      },
-      "attribute": "htmlfor",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Prop, h } from "@stencil/core";
+export class ZInputLabel {
+  constructor() {
+    /** the label is disabled */
+    this.disabled = false;
+  }
+  render() {
+    return h("label", { htmlFor: this.htmlfor, class: { disabled: this.disabled } }, this.value);
+  }
+  static get is() { return "z-input-label"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "the label value"
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "disabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "the label is disabled"
+      },
+      "attribute": "disabled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "htmlfor": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "the label is attached to"
+      },
+      "attribute": "htmlfor",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/components/inputs/z-input-label/styles.css

@@ -1,16 +1,16 @@
-label {
-  display: block;
-  margin: var(--space-unit) 0;
-  color: var(--color-text02);
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-1);
-  font-weight: var(--font-sb);
-  line-height: 1.33;
-  letter-spacing: 0.32px;
-  text-transform: uppercase;
-  text-align: left;
-}
-
-label.disabled {
-  color: var(--color-disabled02);
-}
+label {
+  display: block;
+  margin: var(--space-unit) 0;
+  color: var(--color-text02);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-1);
+  font-weight: var(--font-sb);
+  line-height: 1.33;
+  letter-spacing: 0.32px;
+  text-transform: uppercase;
+  text-align: left;
+}
+
+label.disabled {
+  color: var(--color-disabled02);
+}

package/dist/collection/components/inputs/z-input-message/index.js

@@ -1,64 +1,64 @@
-import { Component, Prop, h, Host } from "@stencil/core";
-export class ZInputMessage {
-  constructor() {
-    this.statusIcons = {
-      success: "checkmark-circle",
-      error: "multiply-circled",
-      warning: "exclamation-circle",
-    };
-  }
-  render() {
-    return (h(Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 },
-      this.statusIcons[this.status] && this.message && (h("z-icon", { name: this.statusIcons[this.status] })),
-      h("span", { innerHTML: this.message })));
-  }
-  static get is() { return "z-input-message"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "message": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "input helper message"
-      },
-      "attribute": "message",
-      "reflect": false
-    },
-    "status": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "InputStatusBean",
-        "resolved": "\"error\" | \"selecting\" | \"success\" | \"warning\"",
-        "references": {
-          "InputStatusBean": {
-            "location": "import",
-            "path": "../../../beans"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "input status (optional)"
-      },
-      "attribute": "status",
-      "reflect": true
-    }
-  }; }
-}
+import { Component, Prop, h, Host } from "@stencil/core";
+export class ZInputMessage {
+  constructor() {
+    this.statusIcons = {
+      success: "checkmark-circle",
+      error: "multiply-circled",
+      warning: "exclamation-circle",
+    };
+  }
+  render() {
+    return (h(Host, { role: "alert", "aria-label": this.message, tabindex: this.message ? 0 : -1 },
+      this.statusIcons[this.status] && this.message && (h("z-icon", { name: this.statusIcons[this.status] })),
+      h("span", { innerHTML: this.message })));
+  }
+  static get is() { return "z-input-message"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "message": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "input helper message"
+      },
+      "attribute": "message",
+      "reflect": false
+    },
+    "status": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "InputStatusBean",
+        "resolved": "\"error\" | \"selecting\" | \"success\" | \"warning\"",
+        "references": {
+          "InputStatusBean": {
+            "location": "import",
+            "path": "../../../beans"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "input status (optional)"
+      },
+      "attribute": "status",
+      "reflect": true
+    }
+  }; }
+}

package/dist/collection/components/inputs/z-input-message/styles.css

@@ -1,33 +1,33 @@
-:host {
-  display: flex;
-  align-items: start;
-  min-height: calc(var(--space-unit) * 2);
-  margin-top: var(--space-unit);
-  color: var(--color-text05);
-  fill: currentColor;
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-2);
-  letter-spacing: 0.16px;
-}
-
-:host([status='success']) {
-  color: var(--color-text-success);
-}
-
-:host([status='error']) {
-  color: var(--color-text-error);
-}
-
-:host([status='warning']) {
-  color: var(--color-warning02);
-}
-
-:host(:focus) {
-  outline: none;
-}
-
-:host > z-icon {
-  --z-icon-width: calc(var(--space-unit) * 2);
-  --z-icon-height: calc(var(--space-unit) * 2);
-  margin: calc(var(--space-unit) / 3) var(--space-unit) 0 0
-}
+:host {
+  display: flex;
+  align-items: start;
+  min-height: calc(var(--space-unit) * 2);
+  margin-top: var(--space-unit);
+  color: var(--color-text05);
+  fill: currentColor;
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-2);
+  letter-spacing: 0.16px;
+}
+
+:host([status='success']) {
+  color: var(--color-text-success);
+}
+
+:host([status='error']) {
+  color: var(--color-text-error);
+}
+
+:host([status='warning']) {
+  color: var(--color-warning02);
+}
+
+:host(:focus) {
+  outline: none;
+}
+
+:host > z-icon {
+  --z-icon-width: calc(var(--space-unit) * 2);
+  --z-icon-height: calc(var(--space-unit) * 2);
+  margin: calc(var(--space-unit) / 3) var(--space-unit) 0 0
+}