@zanichelli/albe-web-components 2.31.0 → 2.31.1

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

@@ -1,131 +1,131 @@
-:host {
-  display: inline-block;
-  width: inherit;
-}
-
-/* FOCUS */
-li[role="option"]:focus:focus-visible {
-  border-color: transparent;
-  box-shadow: var(--shadow-focus-primary);
-  outline: none;
-}
-
-.selectWrapper > z-input {
-  width: 100%;
-}
-
-.selectWrapper > div {
-  position: relative;
-}
-
-.selectWrapper > div.closed {
-  height: 0;
-  overflow: hidden;
-}
-
-.selectWrapper .ulScrollWrapper {
-  background: var(--color-surface01);
-  position: absolute;
-  padding: calc(var(--space-unit) * .5) var(--space-unit);
-  border: var(--border-size-small) solid var(--gray200);
-  border-top: none;
-  width: 100%;
-  box-sizing: border-box;
-  outline: none;
-}
-
-.selectWrapper .closed .ulScrollWrapper {
-  z-index: 10;
-}
-
-.selectWrapper .open .ulScrollWrapper {
-  z-index: 20;
-}
-
-.selectWrapper .ulScrollWrapper > ul {
-  position: relative;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  border: 0;
-  max-height: 240px;
-  overflow: auto;
-  outline: none;
-
-  /* Firefox scrollbar */
-  scrollbar-color: var(--color-primary01) transparent;
-}
-
-.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar {
-  background: linear-gradient(
-    to right,
-    transparent 0 3px,
-    var(--gray200) 3px 7px,
-    transparent 7px 10px
-  );
-  width: 10px;
-  border-radius: var(--border-radius);
-}
-
-.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-thumb {
-  width: 10px;
-  background-color: var(--color-primary01);
-  border-radius: var(--border-radius);
-}
-
-.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-thumb:hover {
-  background-color: var(--color-hover-primary);
-}
-
-.selectWrapper .ulScrollWrapper ul li {
-  display: flex;
-  align-items: center;
-  min-height: calc(var(--space-unit) * 5.5);
-  padding: calc(var(--space-unit) * 1.5);
-  box-sizing: border-box;
-  border-bottom: var(--border-size-small) solid var(--gray200);
-  text-align: left;
-  cursor: pointer;
-}
-
-.selectWrapper .ulScrollWrapper ul li:hover {
-  color: var(--color-hover-primary);
-  background: var(--color-surface02);
-}
-
-.selectWrapper .ulScrollWrapper ul li:focus:focus-visible {
-  margin: 2px;
-}
-
-.selectWrapper .ulScrollWrapper ul li[aria-selected=""] {
-  font-weight: var(--font-sb);
-}
-
-.selectWrapper .ulScrollWrapper ul li.disabled {
-  color: var(--color-disabled02);
-  cursor: default;
-  pointer-events: none;
-}
-
-.selectWrapper .ulScrollWrapper ul li.noResults {
-  color: var(--color-primary01);
-  fill: currentColor;
-  border: none;
-}
-
-.selectWrapper .ulScrollWrapper .noResults z-icon {
-  margin-right: var(--space-unit);
-}
-
-.selectWrapper .chipsWrapper {
-  padding-bottom: var(--space-unit);
-}
-
-.selectWrapper .chipsWrapper z-button-filter {
-  display: inline-block;
-  margin: calc(var(--space-unit) * 0.5);
-}
+:host {
+  display: inline-block;
+  width: inherit;
+}
+
+/* FOCUS */
+li[role="option"]:focus:focus-visible {
+  border-color: transparent;
+  box-shadow: var(--shadow-focus-primary);
+  outline: none;
+}
+
+.selectWrapper > z-input {
+  width: 100%;
+}
+
+.selectWrapper > div {
+  position: relative;
+}
+
+.selectWrapper > div.closed {
+  height: 0;
+  overflow: hidden;
+}
+
+.selectWrapper .ulScrollWrapper {
+  background: var(--color-surface01);
+  position: absolute;
+  padding: calc(var(--space-unit) * .5) var(--space-unit);
+  border: var(--border-size-small) solid var(--gray200);
+  border-top: none;
+  width: 100%;
+  box-sizing: border-box;
+  outline: none;
+}
+
+.selectWrapper .closed .ulScrollWrapper {
+  z-index: 10;
+}
+
+.selectWrapper .open .ulScrollWrapper {
+  z-index: 20;
+}
+
+.selectWrapper .ulScrollWrapper > ul {
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: 0;
+  max-height: 240px;
+  overflow: auto;
+  outline: none;
+
+  /* Firefox scrollbar */
+  scrollbar-color: var(--color-primary01) transparent;
+}
+
+.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar {
+  background: linear-gradient(
+    to right,
+    transparent 0 3px,
+    var(--gray200) 3px 7px,
+    transparent 7px 10px
+  );
+  width: 10px;
+  border-radius: var(--border-radius);
+}
+
+.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-thumb {
+  width: 10px;
+  background-color: var(--color-primary01);
+  border-radius: var(--border-radius);
+}
+
+.selectWrapper .ulScrollWrapper > ul::-webkit-scrollbar-thumb:hover {
+  background-color: var(--color-hover-primary);
+}
+
+.selectWrapper .ulScrollWrapper ul li {
+  display: flex;
+  align-items: center;
+  min-height: calc(var(--space-unit) * 5.5);
+  padding: calc(var(--space-unit) * 1.5);
+  box-sizing: border-box;
+  border-bottom: var(--border-size-small) solid var(--gray200);
+  text-align: left;
+  cursor: pointer;
+}
+
+.selectWrapper .ulScrollWrapper ul li:hover {
+  color: var(--color-hover-primary);
+  background: var(--color-surface02);
+}
+
+.selectWrapper .ulScrollWrapper ul li:focus:focus-visible {
+  margin: 2px;
+}
+
+.selectWrapper .ulScrollWrapper ul li[aria-selected=""] {
+  font-weight: var(--font-sb);
+}
+
+.selectWrapper .ulScrollWrapper ul li.disabled {
+  color: var(--color-disabled02);
+  cursor: default;
+  pointer-events: none;
+}
+
+.selectWrapper .ulScrollWrapper ul li.noResults {
+  color: var(--color-primary01);
+  fill: currentColor;
+  border: none;
+}
+
+.selectWrapper .ulScrollWrapper .noResults z-icon {
+  margin-right: var(--space-unit);
+}
+
+.selectWrapper .chipsWrapper {
+  padding-bottom: var(--space-unit);
+}
+
+.selectWrapper .chipsWrapper z-button-filter {
+  display: inline-block;
+  margin: calc(var(--space-unit) * 0.5);
+}

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

@@ -1,57 +1,57 @@
-import { Component, Element, h, Prop, Host } from "@stencil/core";
-import { ListSize } from "../../../beans";
-export class ZList {
-  constructor() {
-    /**
-     * [optional] Sets size of inside elements.
-     */
-    this.size = ListSize.medium;
-  }
-  setChildrenSizeType() {
-    const children = this.host.children;
-    for (let i = 0; i < children.length - 1; i++) {
-      children[i].setAttribute("size", this.size);
-    }
-  }
-  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 | typeof 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"
-    }
-  }; }
-  static get elementRef() { return "host"; }
-}
+import { Component, Element, h, Prop, Host } from "@stencil/core";
+import { ListSize } from "../../../beans";
+export class ZList {
+  constructor() {
+    /**
+     * [optional] Sets size of inside elements.
+     */
+    this.size = ListSize.medium;
+  }
+  setChildrenSizeType() {
+    const children = this.host.children;
+    for (let i = 0; i < children.length - 1; i++) {
+      children[i].setAttribute("size", this.size);
+    }
+  }
+  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 | typeof 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"
+    }
+  }; }
+  static get elementRef() { return "host"; }
+}

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

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