@zanichelli/albe-web-components 7.3.3 → 7.3.4

package/dist/collection/components/navigation/z-menu-section/styles.css

@@ -1,123 +1,123 @@
-:host {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  padding: 0;
-  font-family: var(--font-family-sans);
-}
-
-:host,
-::slotted(*),
-* {
-  box-sizing: border-box;
-}
-
-::slotted(a) {
-  text-decoration: none;
-}
-
-::slotted(*) {
-  color: var(--color-text01);
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host(:is([active], [open])) .label,
-.label:hover {
-  border-color: var(--color-secondary01);
-}
-
-:host(:is([active], [open])) .label ::slotted(*),
-.label:focus:focus-visible ::slotted(*),
-.label:hover ::slotted(*) {
-  font-weight: var(--font-bd);
-}
-
-.label {
-  display: flex;
-  width: 100%;
-  align-items: center;
-  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);
-  border: 0;
-  border-bottom: var(--border-size-small) solid var(--color-surface05);
-  margin: 0;
-  background: transparent;
-  border-radius: 0;
-  cursor: pointer;
-  text-align: left;
-}
-
-::slotted([data-text]) {
-  display: inline-flex;
-  flex-direction: column;
-}
-
-/* Trick to prevent layout shifts on font-weight changes.
-The trick is to put an hidden copy of the text already set to bold,
-so the needed space is correctly calculated before any hover/active state changes the
-font-weight of the real text.
-The hidden text has an height of 0px so it can expand the width without changing the height
-when placed below the real text using `flex-direction: column`. */
-::slotted([data-text])::after {
-  overflow: hidden;
-  height: 0;
-  content: attr(data-text);
-  content: attr(data-text) / "";
-  font-weight: var(--font-bd);
-  pointer-events: none;
-  user-select: none;
-  visibility: hidden;
-}
-
-@media speech {
-  ::slotted([data-text])::after {
-    display: none;
-  }
-}
-
-.label ::slotted(*) {
-  width: 100%;
-  margin: 0;
-  font-size: var(--font-size-3);
-  line-height: 1.25;
-}
-
-.label:focus:focus-visible {
-  box-shadow: var(--shadow-focus-primary);
-  outline: none;
-}
-
-.label z-icon {
-  margin-left: calc(var(--space-unit) * 4);
-  fill: var(--color-icon02);
-}
-
-.items {
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  padding: calc(var(--space-unit) / 2);
-  padding-bottom: calc(var(--space-unit) * 1.5);
-}
-
-.items > ::slotted([slot="item"]) {
-  display: inline-flex;
-  padding: calc(var(--space-unit) / 2);
-  margin: 0;
-  font-size: var(--font-size-2);
-  line-height: 1.4;
-  outline: none;
-}
-
-.items > ::slotted([slot="item"]:focus:focus-visible) {
-  box-shadow: var(--shadow-focus-primary);
-  color: var(--color-secondary01);
-}
-
-.items > ::slotted([slot="item"]:hover),
-.items > ::slotted([slot="item"]:focus:focus-visible),
-.items > ::slotted([slot="item"][active]) {
-  color: var(--color-secondary01);
-  font-weight: var(--font-bd);
-}
+:host {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+  padding: 0;
+  font-family: var(--font-family-sans);
+}
+
+:host,
+::slotted(*),
+* {
+  box-sizing: border-box;
+}
+
+::slotted(a) {
+  text-decoration: none;
+}
+
+::slotted(*) {
+  color: var(--color-text01);
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}
+
+:host(:is([active], [open])) .label,
+.label:hover {
+  border-color: var(--color-secondary01);
+}
+
+:host(:is([active], [open])) .label ::slotted(*),
+.label:focus:focus-visible ::slotted(*),
+.label:hover ::slotted(*) {
+  font-weight: var(--font-bd);
+}
+
+.label {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  padding: calc(var(--space-unit) * 2) calc(var(--space-unit) / 2);
+  border: 0;
+  border-bottom: var(--border-size-small) solid var(--color-surface05);
+  margin: 0;
+  background: transparent;
+  border-radius: 0;
+  cursor: pointer;
+  text-align: left;
+}
+
+::slotted([data-text]) {
+  display: inline-flex;
+  flex-direction: column;
+}
+
+/* Trick to prevent layout shifts on font-weight changes.
+The trick is to put an hidden copy of the text already set to bold,
+so the needed space is correctly calculated before any hover/active state changes the
+font-weight of the real text.
+The hidden text has an height of 0px so it can expand the width without changing the height
+when placed below the real text using `flex-direction: column`. */
+::slotted([data-text])::after {
+  overflow: hidden;
+  height: 0;
+  content: attr(data-text);
+  content: attr(data-text) / "";
+  font-weight: var(--font-bd);
+  pointer-events: none;
+  user-select: none;
+  visibility: hidden;
+}
+
+@media speech {
+  ::slotted([data-text])::after {
+    display: none;
+  }
+}
+
+.label ::slotted(*) {
+  width: 100%;
+  margin: 0;
+  font-size: var(--font-size-3);
+  line-height: 1.25;
+}
+
+.label:focus:focus-visible {
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+.label z-icon {
+  margin-left: calc(var(--space-unit) * 4);
+  fill: var(--color-icon02);
+}
+
+.items {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  padding: calc(var(--space-unit) / 2);
+  padding-bottom: calc(var(--space-unit) * 1.5);
+}
+
+.items > ::slotted([slot="item"]) {
+  display: inline-flex;
+  padding: calc(var(--space-unit) / 2);
+  margin: 0;
+  font-size: var(--font-size-2);
+  line-height: 1.4;
+  outline: none;
+}
+
+.items > ::slotted([slot="item"]:focus:focus-visible) {
+  box-shadow: var(--shadow-focus-primary);
+  color: var(--color-secondary01);
+}
+
+.items > ::slotted([slot="item"]:hover),
+.items > ::slotted([slot="item"]:focus:focus-visible),
+.items > ::slotted([slot="item"][active]) {
+  color: var(--color-secondary01);
+  font-weight: var(--font-bd);
+}

package/dist/collection/components/notification/z-info-box/index.js

@@ -1,85 +1,85 @@
-import { h } from "@stencil/core";
-/**
- * @slot content - set the info box content
- */
-export class ZInfoBox {
-  constructor() {
-    /** render close icon flag */
-    this.isclosable = true;
-  }
-  emitInfoBoxClose() {
-    this.infoBoxClose.emit({ boxid: this.boxid });
-  }
-  render() {
-    return (h("div", { id: this.boxid }, h("slot", { name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
-  }
-  static get is() { return "z-info-box"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "boxid": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "info box unique id"
-        },
-        "attribute": "boxid",
-        "reflect": false
-      },
-      "isclosable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "render close icon flag"
-        },
-        "attribute": "isclosable",
-        "reflect": false,
-        "defaultValue": "true"
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "infoBoxClose",
-        "name": "infoBoxClose",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "emitted on close icon click"
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-}
+import { h } from "@stencil/core";
+/**
+ * @slot content - set the info box content
+ */
+export class ZInfoBox {
+  constructor() {
+    /** render close icon flag */
+    this.isclosable = true;
+  }
+  emitInfoBoxClose() {
+    this.infoBoxClose.emit({ boxid: this.boxid });
+  }
+  render() {
+    return (h("div", { id: this.boxid }, h("slot", { name: "content" }), this.isclosable && (h("z-icon", { name: "multiply", "data-action": "infoBoxClose", onClick: () => this.emitInfoBoxClose() }))));
+  }
+  static get is() { return "z-info-box"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "boxid": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "info box unique id"
+        },
+        "attribute": "boxid",
+        "reflect": false
+      },
+      "isclosable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "render close icon flag"
+        },
+        "attribute": "isclosable",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "infoBoxClose",
+        "name": "infoBoxClose",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "emitted on close icon click"
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+}

package/dist/collection/components/notification/z-info-box/styles.css

@@ -1,23 +1,23 @@
-:host {
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-:host > div {
-  display: flex;
-  width: inherit;
-  padding: calc(var(--space-unit) * 2);
-  background: var(--accent-lighter);
-  border-radius: var(--border-radius);
-}
-
-:host > div > slot {
-  color: var(--text-grey-800);
-  font-size: 14px;
-}
-
-:host > div > z-icon {
-  margin-left: calc(var(--space-unit) * 2);
-  cursor: pointer;
-  fill: var(--myz-blue);
-}
+:host {
+  font-family: var(--dashboard-font);
+  font-weight: var(--font-rg);
+}
+
+:host > div {
+  display: flex;
+  width: inherit;
+  padding: calc(var(--space-unit) * 2);
+  background: var(--accent-lighter);
+  border-radius: var(--border-radius);
+}
+
+:host > div > slot {
+  color: var(--text-grey-800);
+  font-size: 14px;
+}
+
+:host > div > z-icon {
+  margin-left: calc(var(--space-unit) * 2);
+  cursor: pointer;
+  fill: var(--myz-blue);
+}