@zanichelli/albe-web-components 7.3.4 → 7.3.6

package/dist/collection/components/inputs/z-select/styles.css

@@ -1,123 +1,123 @@
-:host {
-  display: inline-block;
-  width: inherit;
-  color: var(--color-text02);
-  font-family: var(--font-family-sans);
-  font-size: var(--font-size-3);
-  font-weight: var(--font-rg);
-}
-
-:host([size="small"]),
-:host([size="x-small"]) {
-  font-size: var(--font-size-2);
-}
-
-.select-wrapper > z-input {
-  width: 100%;
-}
-
-.select-wrapper > div {
-  position: relative;
-}
-
-.select-wrapper > div.closed {
-  overflow: hidden;
-  height: 0;
-}
-
-.select-wrapper .ul-scroll-wrapper {
-  position: absolute;
-  width: 100%;
-  box-sizing: border-box;
-  padding: calc(var(--space-unit) * 0.5) var(--space-unit);
-  border: var(--border-size-small) solid var(--gray200);
-  border-top: none;
-  background: var(--color-surface01);
-  outline: none;
-}
-
-.select-wrapper .closed .ul-scroll-wrapper {
-  z-index: 10;
-}
-
-.select-wrapper .open .ul-scroll-wrapper {
-  z-index: 20;
-}
-
-.select-wrapper .ul-scroll-wrapper.fixed {
-  position: static;
-}
-
-.select-wrapper .ul-scroll-wrapper > z-list {
-  position: relative;
-  overflow: auto;
-  max-height: 240px;
-  padding: calc(var(--space-unit) * 0.5);
-  outline: none;
-
-  /* Firefox scrollbar */
-  scrollbar-color: var(--color-primary01) transparent;
-}
-
-.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {
-  width: 10px;
-  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);
-  border-radius: var(--border-radius);
-}
-
-.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {
-  width: 10px;
-  background-color: var(--color-primary01);
-  border-radius: var(--border-radius);
-}
-
-.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-hover-primary);
-}
-
-.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {
-  display: block;
-  padding: calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5);
-}
-
-:host([size="x-small"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {
-  padding: 0 calc(var(--space-unit) * 1.5);
-}
-
-.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content.selected {
-  font-weight: bold;
-}
-
-.select-wrapper .ul-scroll-wrapper .no-results z-icon {
-  margin-right: var(--space-unit);
-}
-
-.z-list-group-title {
-  color: var(--gray800);
-}
-
-.reset-item {
-  color: var(--color-primary01);
-  fill: var(--color-primary01);
-}
-
-.reset-item-content {
-  display: flex;
-  align-items: center;
-}
-
-.reset-item.reset-item-margin .reset-item-content {
-  margin-left: calc(var(--space-unit));
-}
-
-.reset-item .reset-item-content > z-icon {
-  margin-right: var(--space-unit);
-}
-
-.reset-item.hide {
-  display: none;
-}
+:host {
+  display: inline-block;
+  width: inherit;
+  color: var(--color-text02);
+  font-family: var(--font-family-sans);
+  font-size: var(--font-size-3);
+  font-weight: var(--font-rg);
+}
+
+:host([size="small"]),
+:host([size="x-small"]) {
+  font-size: var(--font-size-2);
+}
+
+.select-wrapper > z-input {
+  width: 100%;
+}
+
+.select-wrapper > div {
+  position: relative;
+}
+
+.select-wrapper > div.closed {
+  overflow: hidden;
+  height: 0;
+}
+
+.select-wrapper .ul-scroll-wrapper {
+  position: absolute;
+  width: 100%;
+  box-sizing: border-box;
+  padding: calc(var(--space-unit) * 0.5) var(--space-unit);
+  border: var(--border-size-small) solid var(--gray200);
+  border-top: none;
+  background: var(--color-surface01);
+  outline: none;
+}
+
+.select-wrapper .closed .ul-scroll-wrapper {
+  z-index: 10;
+}
+
+.select-wrapper .open .ul-scroll-wrapper {
+  z-index: 20;
+}
+
+.select-wrapper .ul-scroll-wrapper.fixed {
+  position: static;
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list {
+  position: relative;
+  overflow: auto;
+  max-height: 240px;
+  padding: calc(var(--space-unit) * 0.5);
+  outline: none;
+
+  /* Firefox scrollbar */
+  scrollbar-color: var(--color-primary01) transparent;
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar {
+  width: 10px;
+  background: linear-gradient(to right, transparent 0 3px, var(--gray200) 3px 7px, transparent 7px 10px);
+  border-radius: var(--border-radius);
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb {
+  width: 10px;
+  background-color: var(--color-primary01);
+  border-radius: var(--border-radius);
+}
+
+.select-wrapper .ul-scroll-wrapper > z-list::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-hover-primary);
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {
+  display: block;
+  padding: calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 1.5);
+}
+
+:host([size="x-small"]) .select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content {
+  padding: 0 calc(var(--space-unit) * 1.5);
+}
+
+.select-wrapper .ul-scroll-wrapper z-list z-list-element .list-element-content.selected {
+  font-weight: bold;
+}
+
+.select-wrapper .ul-scroll-wrapper .no-results z-icon {
+  margin-right: var(--space-unit);
+}
+
+.z-list-group-title {
+  color: var(--gray800);
+}
+
+.reset-item {
+  color: var(--color-primary01);
+  fill: var(--color-primary01);
+}
+
+.reset-item-content {
+  display: flex;
+  align-items: center;
+}
+
+.reset-item.reset-item-margin .reset-item-content {
+  margin-left: calc(var(--space-unit));
+}
+
+.reset-item .reset-item-content > z-icon {
+  margin-right: var(--space-unit);
+}
+
+.reset-item.hide {
+  display: none;
+}

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

@@ -1,91 +1,91 @@
-import { h, Host } from "@stencil/core";
-import { ListSize, ListType } from "../../../beans";
-export class ZList {
-  constructor() {
-    /**
-     * [optional] Sets size of inside elements.
-     */
-    this.size = ListSize.MEDIUM;
-    /**
-     * [optional] type of the list marker for each element
-     */
-    this.listType = ListType.NONE;
-  }
-  setChildrenSizeType() {
-    const children = this.host.children;
-    for (let i = 0; i < children.length; i++) {
-      children[i].setAttribute("size", this.size);
-      children[i].setAttribute("list-type", this.listType);
-      children[i].setAttribute("list-element-position", (i + 1).toString());
-    }
-  }
-  componentDidLoad() {
-    this.setChildrenSizeType();
-  }
-  render() {
-    return (h(Host, { role: "list" }, h("slot", null)));
-  }
-  static get is() { return "z-list"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ListSize",
-          "resolved": "ListSize.LARGE | ListSize.MEDIUM | ListSize.SMALL | ListSize.X_LARGE",
-          "references": {
-            "ListSize": {
-              "location": "import",
-              "path": "../../../beans"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "[optional] Sets size of inside elements."
-        },
-        "attribute": "size",
-        "reflect": true,
-        "defaultValue": "ListSize.MEDIUM"
-      },
-      "listType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "ListType",
-          "resolved": "ListType.NONE | ListType.ORDERED | ListType.UNORDERED",
-          "references": {
-            "ListType": {
-              "location": "import",
-              "path": "../../../beans"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "[optional] type of the list marker for each element"
-        },
-        "attribute": "list-type",
-        "reflect": true,
-        "defaultValue": "ListType.NONE"
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}
+import { h, Host } from "@stencil/core";
+import { ListSize, ListType } from "../../../beans";
+export class ZList {
+  constructor() {
+    /**
+     * [optional] Sets size of inside elements.
+     */
+    this.size = ListSize.MEDIUM;
+    /**
+     * [optional] type of the list marker for each element
+     */
+    this.listType = ListType.NONE;
+  }
+  setChildrenSizeType() {
+    const children = this.host.children;
+    for (let i = 0; i < children.length; i++) {
+      children[i].setAttribute("size", this.size);
+      children[i].setAttribute("list-type", this.listType);
+      children[i].setAttribute("list-element-position", (i + 1).toString());
+    }
+  }
+  componentDidLoad() {
+    this.setChildrenSizeType();
+  }
+  render() {
+    return (h(Host, { role: "list" }, h("slot", null)));
+  }
+  static get is() { return "z-list"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["styles.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ListSize",
+          "resolved": "ListSize.LARGE | ListSize.MEDIUM | ListSize.SMALL | ListSize.X_LARGE",
+          "references": {
+            "ListSize": {
+              "location": "import",
+              "path": "../../../beans"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "[optional] Sets size of inside elements."
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "ListSize.MEDIUM"
+      },
+      "listType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "ListType",
+          "resolved": "ListType.NONE | ListType.ORDERED | ListType.UNORDERED",
+          "references": {
+            "ListType": {
+              "location": "import",
+              "path": "../../../beans"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "[optional] type of the list marker for each element"
+        },
+        "attribute": "list-type",
+        "reflect": true,
+        "defaultValue": "ListType.NONE"
+      }
+    };
+  }
+  static get elementRef() { return "host"; }
+}

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

@@ -1,6 +1,6 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
+:host {
+  display: flex;
+  flex-direction: column;
+  font-family: var(--font-family-sans);
+  font-weight: var(--font-rg);
+}