@zanichelli/albe-web-components 6.3.2 → 6.3.4

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

@@ -1,242 +0,0 @@
-:host {
-  width: 100%;
-}
-
-footer {
-  width: auto;
-  height: auto;
-  box-sizing: border-box;
-  padding: var(--space-unit) 0;
-  background-color: var(--gray900);
-  color: var(--gray50);
-  font-family: var(--font-family-sans);
-  font-size: 13px;
-}
-
-footer * {
-  box-sizing: border-box;
-}
-
-footer > section > div {
-  display: grid;
-}
-
-#top {
-  padding: 0 calc(var(--space-unit) * 2);
-}
-
-#bottom {
-  width: auto;
-  height: auto;
-  padding: 0 calc(var(--space-unit) * 2);
-  margin: 0;
-  font-size: 12px;
-  white-space: pre-line;
-}
-
-#bottom > div {
-  display: grid;
-  grid-template-columns: 1fr;
-}
-
-#bottom > div > div.item {
-  display: flex;
-  width: auto;
-  height: auto;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: calc(var(--space-unit) * 2) 0;
-  grid-column: span 1;
-}
-
-#bottom > div > div.item:nth-child(1) {
-  order: 2;
-}
-
-#bottom > div > div.item:nth-child(2) {
-  order: 1;
-  border-bottom: 1px solid var(--gray50);
-}
-
-#bottom > div > div.item > div.social {
-  display: grid;
-  padding: 0;
-  margin-bottom: 0;
-  column-gap: 12px;
-  grid-template-columns: repeat(5, 1fr);
-  grid-template-rows: repeat(auto-fill, 24px);
-}
-
-#bottom > div > div.bottom-links {
-  display: none;
-}
-
-#bottom > div > div.item > p {
-  padding: var(--space-unit) 0;
-  margin: var(--space-unit) 0;
-}
-
-#bottom > div > div.item > p:first-child {
-  margin-top: 0;
-}
-
-#bottom > div > div.item > p:last-child {
-  margin-bottom: 0;
-}
-
-#bottom > div > div.logo > p > span {
-  display: block;
-}
-
-#extension {
-  padding: 0 calc(var(--space-unit) * 2);
-}
-
-#extension > div {
-  display: grid;
-  align-items: center;
-  grid-row-gap: var(--space-unit);
-  grid-template-columns: 1fr;
-}
-
-#extension z-divider {
-  margin-top: var(--space-unit);
-}
-
-#extension z-button {
-  margin-left: var(--space-unit);
-}
-
-div.limited-width {
-  --mw: none;
-
-  max-width: var(--mw);
-  margin: auto;
-}
-
-z-button {
-  --color-primary01: var(--gray600);
-  --color-hover-primary: var(--gray700);
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  footer {
-    padding: 0;
-  }
-
-  #top {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3);
-    background-color: var(--gray800);
-  }
-
-  /* backward compatibility */
-  #top z-footer-section:last-child {
-    display: none;
-  }
-
-  #bottom {
-    padding: 0 calc(var(--space-unit) * 3);
-    background-color: var(--gray900);
-  }
-
-  #bottom > div {
-    grid-column-gap: var(--grid-tablet-margin);
-    grid-template-columns: repeat(4, 1fr);
-  }
-
-  #bottom > div > div.item {
-    margin: 0;
-  }
-
-  #bottom > div > div.item:nth-child(1) {
-    order: 1;
-  }
-
-  #bottom > div > div.item:nth-child(2) {
-    order: 2;
-    border-bottom: none;
-  }
-
-  #bottom > div > div.item > p {
-    padding-top: 0;
-  }
-
-  #bottom > div > div.logo > z-logo {
-    width: auto;
-    height: 39px;
-  }
-
-  #bottom > div > div.bottom-links {
-    display: grid;
-    order: 3;
-    font-size: 12px;
-    grid-column: span 2;
-    grid-column-gap: var(--grid-tablet-margin);
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(auto-fill, 24px);
-  }
-
-  #extension {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 3) 0;
-    margin: auto;
-    background-color: var(--gray800);
-    color: white;
-    grid-template-columns: 1fr 1fr;
-  }
-
-  #extension > div > div {
-    text-align: end;
-  }
-
-  #extension z-divider {
-    grid-column: 1 / span 2;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  #top {
-    width: 100%;
-  }
-
-  #top > div {
-    grid-column-gap: var(--grid-desktop-margin);
-    grid-template-columns: repeat(6, 1fr);
-  }
-
-  #bottom > div > div.item:nth-child(1) > p:nth-of-type(2) {
-    font-size: 10px;
-  }
-
-  #bottom > div > div.item > p {
-    padding-bottom: 0;
-    margin-bottom: calc(var(--space-unit) * 2);
-  }
-
-  #bottom > div > div.item > div.social {
-    margin-top: 0;
-  }
-
-  #bottom > div > div.bottom-links {
-    padding: calc(var(--space-unit) * 2) 0 0 0;
-    margin: 0;
-    grid-column-gap: var(--grid-desktop-margin);
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-/* Wide breakpoint */
-@media only screen and (min-width: 1366px) {
-  #top {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4);
-  }
-
-  #bottom {
-    padding: 0 calc(var(--space-unit) * 4);
-  }
-
-  #extension {
-    padding: calc(var(--space-unit) * 2) calc(var(--space-unit) * 4) 0;
-  }
-}

package/dist/collection/components/footer/z-footer-link/index.js

@@ -1,45 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot - link label
- */
-export class ZFooterLink {
-  constructor() {
-    this.href = undefined;
-  }
-  render() {
-    return (h("a", { href: this.href, target: "_blank" }, h("slot", null)));
-  }
-  static get is() { return "z-footer-link"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "href": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "link"
-        },
-        "attribute": "href",
-        "reflect": false
-      }
-    };
-  }
-}

package/dist/collection/components/footer/z-footer-link/styles.css

@@ -1,25 +0,0 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > a {
-  display: inline-block;
-  width: 100%;
-  padding: calc(var(--space-unit) / 2 * 3) 0;
-  border-bottom: 1px solid var(--gray50);
-  color: var(--color-white);
-  font-size: 14px;
-  text-decoration: none;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  :host a {
-    width: initial;
-    padding: 0;
-    border-bottom: none;
-    font-size: 12px;
-    text-decoration: underline;
-  }
-}

package/dist/collection/components/footer/z-footer-section/index.js

@@ -1,54 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot - section content
- */
-export class ZFooterSection {
-  constructor() {
-    this.name = undefined;
-    this.isOpen = false;
-  }
-  renderToggleButton() {
-    return (h("button", { class: "toggle-button", onClick: () => (this.isOpen = !this.isOpen) }, h("z-icon", { name: this.isOpen ? "chevron-up" : "chevron-down", width: 16, height: 16 })));
-  }
-  render() {
-    return (h("nav", null, h("div", { class: "header" }, h("h2", null, this.name), this.renderToggleButton()), h("div", { class: `content ${this.isOpen ? "show" : ""}` }, h("slot", null))));
-  }
-  static get is() { return "z-footer-section"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "section title"
-        },
-        "attribute": "name",
-        "reflect": false
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isOpen": {}
-    };
-  }
-}

package/dist/collection/components/footer/z-footer-section/styles.css

@@ -1,150 +0,0 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > nav {
-  display: flex;
-  overflow: hidden;
-  flex-direction: column;
-  padding: 0;
-  margin: calc(var(--space-unit) / 2) 0;
-  background-color: var(--gray900);
-  justify-items: flex-start;
-}
-
-:host > nav > .header {
-  position: relative;
-  display: flex;
-  height: calc(var(--space-unit) * 4);
-  flex-flow: row wrap;
-  align-content: flex-start;
-  align-items: stretch;
-  justify-content: flex-start;
-  border-bottom: 1px solid var(--gray50);
-  fill: var(--color-white);
-  line-height: 1;
-}
-
-:host > nav > .header > h2 {
-  margin: var(--space-unit) 0;
-  color: var(--color-white);
-  font-size: 16px;
-}
-
-:host > nav > .header > button {
-  position: absolute;
-  top: var(--space-unit);
-  right: 0;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  appearance: none;
-  background: transparent;
-  cursor: pointer;
-}
-
-:host > nav > .header > z-icon {
-  display: block;
-}
-
-:host > nav > .content {
-  display: none;
-  height: 0;
-  padding: calc(var(--space-unit) * 3) calc(var(--space-unit) * 2);
-  background-color: var(--gray800);
-  transition: 0.3s ease;
-}
-
-:host > nav > .content.show {
-  display: block;
-  height: auto;
-  transition: 0.3s ease;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  :host > nav {
-    display: grid;
-    padding: calc(var(--space-unit) * 2) 0;
-    border-bottom: 1px solid var(--color-white);
-    margin: 0;
-    background-color: var(--gray800);
-    grid-column-gap: var(--grid-tablet-margin);
-    grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: 1fr;
-  }
-
-  :host > nav > .header > button.toggle-button {
-    display: none;
-  }
-
-  :host > nav > .header {
-    padding: 0;
-    border-bottom: none;
-    margin: 0;
-  }
-
-  :host > nav > .header > h2 {
-    border: none;
-  }
-
-  :host > nav > .content,
-  :host > nav > .content.show {
-    display: grid;
-    width: 100%;
-    height: auto;
-    align-content: stretch;
-    align-items: stretch;
-    padding: 0;
-    margin: 0;
-    gap: var(--space-unit) var(--grid-tablet-margin);
-    grid-column: span 3;
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  :host > nav {
-    display: grid;
-    padding: 0;
-    border-bottom: none;
-    grid-template-columns: 1fr;
-    grid-template-rows: 40px 4fr;
-  }
-
-  :host > nav > .header {
-    position: relative;
-    display: inline-flex;
-    height: 24px;
-  }
-
-  :host > nav > .header > h2 {
-    width: auto;
-    padding: 0 0 var(--space-unit);
-    margin: 0;
-    color: var(--gray50);
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1;
-  }
-
-  :host > nav > .header::after {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    display: block;
-    width: 120px;
-    border-bottom: 1px solid var(--gray50);
-    content: "";
-  }
-
-  :host > nav > .content,
-  :host > nav > .content.show {
-    display: flex;
-    flex-flow: column wrap;
-    justify-content: flex-start;
-    grid-column: auto;
-  }
-}

package/dist/collection/components/footer/z-footer-social/index.js

@@ -1,78 +0,0 @@
-import { h } from "@stencil/core";
-export class ZFooterSocial {
-  constructor() {
-    this.icon = undefined;
-    this.href = undefined;
-    this.description = undefined;
-  }
-  render() {
-    return (h("a", { href: this.href, target: "_blank" }, h("img", { src: this.icon, alt: this.description })));
-  }
-  static get is() { return "z-footer-social"; }
-  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 url"
-        },
-        "attribute": "icon",
-        "reflect": false
-      },
-      "href": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "social link"
-        },
-        "attribute": "href",
-        "reflect": false
-      },
-      "description": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "social description"
-        },
-        "attribute": "description",
-        "reflect": false
-      }
-    };
-  }
-}

package/dist/collection/components/footer/z-footer-social/styles.css

@@ -1,15 +0,0 @@
-:host {
-  font-family: var(--font-family-sans);
-  font-weight: var(--font-rg);
-}
-
-:host > a > img {
-  width: calc(var(--space-unit) * 3);
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  :host > a > img {
-    width: 16px;
-  }
-}

package/dist/collection/components/notification/z-candybar/index.js

@@ -1,21 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * @slot content - fill the content of the candybar (full width, full height)
- */
-export class ZCandybar {
-  render() {
-    return (h("div", null, h("slot", { name: "content" })));
-  }
-  static get is() { return "z-candybar"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["styles.css"]
-    };
-  }
-}

package/dist/collection/components/notification/z-candybar/styles.css

@@ -1,55 +0,0 @@
-:host {
-  display: flex;
-  flex-flow: row nowrap;
-  align-content: center;
-  justify-content: center;
-  font-family: var(--dashboard-font);
-  font-weight: var(--font-rg);
-}
-
-:host > div {
-  position: fixed;
-  z-index: 1000;
-  top: 30vh;
-  display: flex;
-  overflow: auto;
-  overflow: -moz-scrollbars-none;
-  max-width: 297px;
-  height: fit-content;
-  min-height: 232px;
-  flex-flow: row wrap;
-  justify-content: center;
-  margin: auto;
-  background: var(--myz-blue-lighter);
-  border-radius: calc(var(--space-unit) * 0.5);
-  box-shadow: 0 -2px 4px 0 rgb(66 69 72 / 40%);
-  -ms-overflow-style: none;
-}
-
-/* Tablet breakpoint */
-@media only screen and (min-width: 768px) {
-  :host > div {
-    position: initial;
-    position: fixed;
-    top: auto;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    max-width: 100%;
-    height: auto;
-    min-height: 138px;
-    flex-wrap: nowrap;
-    align-content: stretch;
-    align-items: center;
-    justify-content: space-between;
-    margin: 0 auto;
-    border-radius: 0;
-  }
-}
-
-/* Desktop breakpoint */
-@media only screen and (min-width: 1152px) {
-  :host > div {
-    min-height: 122px;
-  }
-}