@zanichelli/albe-web-components 6.6.2 → 6.6.4

package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css

@@ -1,47 +1,47 @@
-header {
-  position: relative;
-  display: flex;
-  width: auto;
-  height: calc(var(--space-unit) * 6);
-  flex-direction: row;
-  align-items: flex-start;
-  justify-content: space-between;
-  border-bottom: var(--border-size-medium) solid var(--color-surface03);
-  background-color: var(--color-surface01);
-  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);
-}
-
-header.real,
-header.trial,
-header.temp {
-  border-bottom: var(--border-size-medium) solid var(--accent);
-  background-color: var(--accent-lighter);
-}
-
-h2 {
-  overflow: hidden;
-  height: calc(var(--space-unit) * 2);
-  padding: calc(var(--space-unit) * 2);
-  margin: 0;
-  color: var(--color-surface05);
-  font-family: var(--font-family-sans);
-  font-size: 12px;
-  font-weight: var(--font-sb);
-  letter-spacing: 0.22px;
-  line-height: calc(var(--space-unit) * 2);
-  text-overflow: ellipsis;
-  text-transform: uppercase;
-  white-space: nowrap;
-}
-
-.faded {
-  border-bottom: var(--border-size-medium) solid var(--color-surface02);
-}
-
-.faded.real,
-.faded.trial,
-.faded.temp {
-  border-top: var(--border-size-medium) solid var(--accent);
-  border-right: var(--border-size-medium) solid var(--accent);
-  border-left: var(--border-size-medium) solid var(--accent);
-}
+header {
+  position: relative;
+  display: flex;
+  width: auto;
+  height: calc(var(--space-unit) * 6);
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-between;
+  border-bottom: var(--border-size-medium) solid var(--color-surface03);
+  background-color: var(--color-surface01);
+  border-radius: var(--border-radius) var(--border-radius) var(--border-no-radius) var(--border-no-radius);
+}
+
+header.real,
+header.trial,
+header.temp {
+  border-bottom: var(--border-size-medium) solid var(--accent);
+  background-color: var(--accent-lighter);
+}
+
+h2 {
+  overflow: hidden;
+  height: calc(var(--space-unit) * 2);
+  padding: calc(var(--space-unit) * 2);
+  margin: 0;
+  color: var(--color-surface05);
+  font-family: var(--font-family-sans);
+  font-size: 12px;
+  font-weight: var(--font-sb);
+  letter-spacing: 0.22px;
+  line-height: calc(var(--space-unit) * 2);
+  text-overflow: ellipsis;
+  text-transform: uppercase;
+  white-space: nowrap;
+}
+
+.faded {
+  border-bottom: var(--border-size-medium) solid var(--color-surface02);
+}
+
+.faded.real,
+.faded.trial,
+.faded.temp {
+  border-top: var(--border-size-medium) solid var(--accent);
+  border-right: var(--border-size-medium) solid var(--accent);
+  border-left: var(--border-size-medium) solid var(--accent);
+}

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js

@@ -1,81 +1,81 @@
-import { h } from "@stencil/core";
-export class ZMyzCardIcon {
-  constructor() {
-    /** disabled status flag */
-    this.isdisabled = false;
-    /** description of the icon*/
-    this.ariaLabel = "";
-  }
-  render() {
-    return (h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", null, h("z-icon", { name: this.icon, width: 16, height: 16 }))));
-  }
-  static get is() { return "z-myz-card-icon"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "icon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "icon name"
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "isdisabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "disabled status flag"
-        },
-        "attribute": "isdisabled",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "ariaLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "description of the icon"
-        },
-        "attribute": "aria-label",
-        "reflect": false,
-        "defaultValue": "\"\""
-      }
-    };
-  }
-}
+import { h } from "@stencil/core";
+export class ZMyzCardIcon {
+  constructor() {
+    /** disabled status flag */
+    this.isdisabled = false;
+    /** description of the icon*/
+    this.ariaLabel = "";
+  }
+  render() {
+    return (h("button", { disabled: this.isdisabled, "aria-label": this.ariaLabel }, h("span", null, h("z-icon", { name: this.icon, width: 16, height: 16 }))));
+  }
+  static get is() { return "z-myz-card-icon"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "icon name"
+        },
+        "attribute": "icon",
+        "reflect": false
+      },
+      "isdisabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "disabled status flag"
+        },
+        "attribute": "isdisabled",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "ariaLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "description of the icon"
+        },
+        "attribute": "aria-label",
+        "reflect": false,
+        "defaultValue": "\"\""
+      }
+    };
+  }
+}

package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css

@@ -1,69 +1,69 @@
-button {
-  display: flex;
-  width: 42px;
-  width: calc(var(--space-unit) * 6);
-  height: calc(var(--space-unit) * 5);
-  height: calc(var(--space-unit) * 6);
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: none;
-  border-left: var(--border-size-medium) solid var(--color-surface03);
-  margin: 0;
-  background: none;
-  border-radius: 0 var(--border-radius) 0 0;
-  color: var(--color-primary01);
-  cursor: pointer;
-  fill: var(--color-primary01);
-  outline: none;
-}
-
-button:active,
-button:focus {
-  color: var(--blue700);
-  fill: var(--blue700);
-}
-
-button > span {
-  display: flex;
-  width: 28px;
-  height: 28px;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: var(--border-radius);
-}
-
-button:hover > span {
-  background: var(--color-primary03);
-}
-
-button:focus > span {
-  background: var(--color-surface01);
-  border-radius: var(--border-radius);
-  box-shadow: 0 0 2px 2px var(--accent-dark);
-}
-
-button:active > span {
-  background: var(--color-surface01);
-  border-radius: var(--border-radius);
-  box-shadow: var(--shadow-2);
-}
-
-button:disabled {
-  cursor: not-allowed;
-}
-
-button:disabled > span {
-  background: none;
-  box-shadow: var(--shadow-0);
-  pointer-events: none;
-}
-
-button:disabled > span > z-icon {
-  fill: var(--color-surface03);
-}
-
-button::-moz-focus-inner {
-  border: 0;
-}
+button {
+  display: flex;
+  width: 42px;
+  width: calc(var(--space-unit) * 6);
+  height: calc(var(--space-unit) * 5);
+  height: calc(var(--space-unit) * 6);
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  border-left: var(--border-size-medium) solid var(--color-surface03);
+  margin: 0;
+  background: none;
+  border-radius: 0 var(--border-radius) 0 0;
+  color: var(--color-primary01);
+  cursor: pointer;
+  fill: var(--color-primary01);
+  outline: none;
+}
+
+button:active,
+button:focus {
+  color: var(--blue700);
+  fill: var(--blue700);
+}
+
+button > span {
+  display: flex;
+  width: 28px;
+  height: 28px;
+  align-items: center;
+  justify-content: center;
+  border: 0;
+  border-radius: var(--border-radius);
+}
+
+button:hover > span {
+  background: var(--color-primary03);
+}
+
+button:focus > span {
+  background: var(--color-surface01);
+  border-radius: var(--border-radius);
+  box-shadow: 0 0 2px 2px var(--accent-dark);
+}
+
+button:active > span {
+  background: var(--color-surface01);
+  border-radius: var(--border-radius);
+  box-shadow: var(--shadow-2);
+}
+
+button:disabled {
+  cursor: not-allowed;
+}
+
+button:disabled > span {
+  background: none;
+  box-shadow: var(--shadow-0);
+  pointer-events: none;
+}
+
+button:disabled > span > z-icon {
+  fill: var(--color-surface03);
+}
+
+button::-moz-focus-inner {
+  border: 0;
+}