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

package/dist/collection/snowflakes/myz/z-alert/index.js

@@ -1,42 +1,42 @@
-import { Component, Prop, h } from "@stencil/core";
-/**
- * @slot - alert content
- */
-export class ZAlert {
-  render() {
-    return (h("div", { class: this.type },
-      h("slot", null)));
-  }
-  static get is() { return "z-alert"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "AlertTypes",
-        "resolved": "AlertTypesEnum.error | AlertTypesEnum.success | AlertTypesEnum.warning",
-        "references": {
-          "AlertTypes": {
-            "location": "import",
-            "path": "../../../beans/index"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "alert variant type"
-      },
-      "attribute": "type",
-      "reflect": false
-    }
-  }; }
-}
+import { Component, Prop, h } from "@stencil/core";
+/**
+ * @slot - alert content
+ */
+export class ZAlert {
+  render() {
+    return (h("div", { class: this.type },
+      h("slot", null)));
+  }
+  static get is() { return "z-alert"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "AlertTypes",
+        "resolved": "AlertTypesEnum.error | AlertTypesEnum.success | AlertTypesEnum.warning",
+        "references": {
+          "AlertTypes": {
+            "location": "import",
+            "path": "../../../beans/index"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "alert variant type"
+      },
+      "attribute": "type",
+      "reflect": false
+    }
+  }; }
+}

package/dist/collection/snowflakes/myz/z-alert/styles.css

@@ -1,28 +1,28 @@
-:host {
-  display: block;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-  font-size: 14px;
-  line-height: calc(var(--space-unit) * 2);
-  color: var(--color-surface05);
-  box-sizing: border-box;
-}
-
-:host > div {
-  padding: calc(var(--space-unit) * 2);
-}
-
-:host > .success {
-  fill: var(--color-success01);
-  background: var(--color-success-inverse);
-}
-
-:host > .warning {
-  fill: var(--color-warning01);
-  background: var(--color-warning-inverse);
-}
-
-:host > .error {
-  fill: var(--color-error01);
-  background: var(--color-error-inverse);
-}
+:host {
+  display: block;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+  font-size: 14px;
+  line-height: calc(var(--space-unit) * 2);
+  color: var(--color-surface05);
+  box-sizing: border-box;
+}
+
+:host > div {
+  padding: calc(var(--space-unit) * 2);
+}
+
+:host > .success {
+  fill: var(--color-success01);
+  background: var(--color-success-inverse);
+}
+
+:host > .warning {
+  fill: var(--color-warning01);
+  background: var(--color-warning-inverse);
+}
+
+:host > .error {
+  fill: var(--color-error01);
+  background: var(--color-error-inverse);
+}

package/dist/collection/snowflakes/myz/z-otp/index.js

@@ -1,114 +1,114 @@
-import { Component, h, Event, Prop } from "@stencil/core";
-import { InputStatusEnum } from "../../../beans";
-export class ZOtp {
-  constructor() {
-    this.inputNum = 6;
-  }
-  emitInputChange(value) {
-    this.otpChange.emit({ value });
-  }
-  componentWillLoad() {
-    this.otp = Array.apply(null, Array(this.inputNum));
-    this.otpRef = Array.apply(null, Array(this.inputNum));
-  }
-  render() {
-    return (h("div", { class: "otp-container" },
-      h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
-        return (h("input", { class: this.status == InputStatusEnum.error ? "error" : null, onKeyDown: (e) => {
-            if (e.keyCode > 47)
-              this.otpRef[i].value = "";
-          }, onKeyUp: (e) => {
-            if (e.keyCode > 47) {
-              i < this.inputNum - 1 && this.otpRef[i + 1].focus();
-            }
-          }, onInput: (e) => {
-            this.otp[i] = e.target.value;
-            this.emitInputChange(this.otp.join(""));
-          }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: input => (this.otpRef[i] = input) }));
-      })),
-      h("z-input-message", { message: this.message, status: this.status })));
-  }
-  static get is() { return "z-otp"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["styles.css"]
-  }; }
-  static get properties() { return {
-    "inputNum": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "input-num",
-      "reflect": false,
-      "defaultValue": "6"
-    },
-    "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": ""
-      },
-      "attribute": "status",
-      "reflect": false
-    },
-    "message": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "message",
-      "reflect": false
-    }
-  }; }
-  static get events() { return [{
-      "method": "otpChange",
-      "name": "otpChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-}
+import { Component, h, Event, Prop } from "@stencil/core";
+import { InputStatusEnum } from "../../../beans";
+export class ZOtp {
+  constructor() {
+    this.inputNum = 6;
+  }
+  emitInputChange(value) {
+    this.otpChange.emit({ value });
+  }
+  componentWillLoad() {
+    this.otp = Array.apply(null, Array(this.inputNum));
+    this.otpRef = Array.apply(null, Array(this.inputNum));
+  }
+  render() {
+    return (h("div", { class: "otp-container" },
+      h("div", { class: "digits-container" }, this.otp.map((_elem, i) => {
+        return (h("input", { class: this.status == InputStatusEnum.error ? "error" : null, onKeyDown: (e) => {
+            if (e.keyCode > 47)
+              this.otpRef[i].value = "";
+          }, onKeyUp: (e) => {
+            if (e.keyCode > 47) {
+              i < this.inputNum - 1 && this.otpRef[i + 1].focus();
+            }
+          }, onInput: (e) => {
+            this.otp[i] = e.target.value;
+            this.emitInputChange(this.otp.join(""));
+          }, type: "text", minlength: "1", maxlength: "1", autoComplete: "off", ref: input => (this.otpRef[i] = input) }));
+      })),
+      h("z-input-message", { message: this.message, status: this.status })));
+  }
+  static get is() { return "z-otp"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["styles.css"]
+  }; }
+  static get properties() { return {
+    "inputNum": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "input-num",
+      "reflect": false,
+      "defaultValue": "6"
+    },
+    "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": ""
+      },
+      "attribute": "status",
+      "reflect": false
+    },
+    "message": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "message",
+      "reflect": false
+    }
+  }; }
+  static get events() { return [{
+      "method": "otpChange",
+      "name": "otpChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
+}

package/dist/collection/snowflakes/myz/z-otp/styles.css

@@ -1,47 +1,47 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-.digits-container {
-  display: flex;
-  justify-content: flex-start;
-}
-
-input {
-  height: 72px;
-  width: calc(var(--space-unit) * 5);
-  font-size: 32px;
-  font-weight: 300;
-  font-family: var(--font-family-sans);
-  text-align: center;
-  caret-color: transparent;
-  box-sizing: border-box;
-  padding: 0;
-  color: var(--color-surface05);
-}
-
-input.error {
-  border: 1px solid;
-  border-radius: 4px;
-  border-color: var(--color-error01);
-  background-color: var(--color-error-inverse);
-}
-
-input:not(:last-of-type) {
-  margin-right: var(--space-unit);
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  input:not(:last-of-type) {
-    margin-right: calc(var(--space-unit) * 2);
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1025px) {
-  input {
-    width: calc(var(--space-unit) * 6);
-  }
-}
+:host {
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+.digits-container {
+  display: flex;
+  justify-content: flex-start;
+}
+
+input {
+  height: 72px;
+  width: calc(var(--space-unit) * 5);
+  font-size: 32px;
+  font-weight: 300;
+  font-family: var(--font-family-sans);
+  text-align: center;
+  caret-color: transparent;
+  box-sizing: border-box;
+  padding: 0;
+  color: var(--color-surface05);
+}
+
+input.error {
+  border: 1px solid;
+  border-radius: 4px;
+  border-color: var(--color-error01);
+  background-color: var(--color-error-inverse);
+}
+
+input:not(:last-of-type) {
+  margin-right: var(--space-unit);
+}
+
+/* Tablet breakpoint */
+@media only screen and (min-width: 768px) {
+  input:not(:last-of-type) {
+    margin-right: calc(var(--space-unit) * 2);
+  }
+}
+
+/* Desktop breakpoint */
+@media only screen and (min-width: 1025px) {
+  input {
+    width: calc(var(--space-unit) * 6);
+  }
+}