@zanichelli/albe-web-components 17.0.0-RC4 → 17.0.1

package/dist/collection/collection-manifest.json

@@ -1,5 +1,6 @@
 {
   "entries": [
+    "components/file-upload/z-file-upload/index.js",
     "components/book-card/z-book-card/index.js",
     "components/z-button/index.js",
     "components/z-icon/index.js",
@@ -13,7 +14,6 @@
     "components/deprecated/z-book-card-deprecated/index.js",
     "components/file-upload/z-dragdrop-area/index.js",
     "components/file-upload/z-file/index.js",
-    "components/file-upload/z-file-upload/index.js",
     "components/list/z-list/index.js",
     "components/list/z-list-element/index.js",
     "components/list/z-list-group/index.js",

package/dist/collection/components/book-card/z-book-card/index.js

@@ -98,9 +98,9 @@ export class ZBookCard {
             }, "aria-hidden": "true" })));
     }
     render() {
-        return (h("article", { key: '995a31329fdf85453bb26cbb42be924fba6c28bb', class: {
+        return (h("article", { key: 'a2b8d8a72f3868b6e846e552aa6b48012334b15b', class: {
                 [this.variant]: true,
-            } }, h("div", { key: 'd3bd68272b601c8e40e82da7f676900ff695b0ce', class: "main-content" }, this.renderCover(), h("div", { key: '7912fe6ec4b4b5b5bdf7594c6458841d5162c21d', class: "card-info" }, h("div", { key: '06bd27cc9a9a570232fa2e57b6a0616f82e072ac', class: "book-data" }, h("div", { key: '86042f5bc869d7da2bbc85ddf6b5ae8ec5392f94', class: "authors-title-cta-section" }, h("div", { key: 'e24123d9ef8631156c08b61c39729cc2fddfa44e', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: 'a441440afe2f15ffd43dcd7ac9dc307c54565f3f', name: "cta" })), h("div", { key: 'fb61ed950c98f1a8c76fe93f1ead60a2e6ecc6ad', class: "isbn-tags-link-section" }, h("div", { key: '5039b8f43161542692ed6004516159ebf36b31ef', class: "isbn-tags-section" }, h("div", { key: 'd8a79f00867e0eff27677accee806d0c14063fc4', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'e28692cc30512b64fa6f7a4aebc38d26f84fb4de', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '0bba463af67af4e6f45188a89673cf57a4ca84db', class: "tags" }, this.renderTags())), h("div", { key: 'a62fdf6c196fa5d658c1c71046297251b43a9cce', class: "link-section" }, h("div", { key: '62c16d7975cc5f99aaaf8f188bcbce7cd15fd34f', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '6a3f2a1e182845d3cdc2b41b3d5dc20b8b9cdf54', href: this.catalogUrl, class: "z-link z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: '8ad4e0dd77e4d235b396fea9206524c8d127f76b', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: 'f7def1a20ab2d47a5d85b0b173d4c05487f8fbed', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: '4fce381b66f578306c2184534880f999a3097572', class: "ebook-container" }, h("slot", { key: '3f72c174065cf36dfa2b018bf627546fe967763b', name: "ebook" }, this.ebookUrl && (h("div", { key: '1e0c0023ae52ce0af12841013550a326f463c528', class: "ebook" }, h("div", { key: '63008c797124ed845645b526ce6a48867a224aa1' }, h("div", { key: 'e2d9f599396567aa63695c180c26faf0b53fdc1c', class: "app-name" }, h("img", { key: 'e69ade1d7da98a9a0dfc6510ca4ece7ca7f6796b', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: 'c3627df0e9099af547d09031562437ab873e91c1', class: "body-4-sb" }, h("span", { key: '7982aa998ac01cf4a1447f288ae47fe90aafaa33', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && (h("div", { key: 'd91f78c3d210249a8dc06921eeb02d32e560c6d9', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: 'd4720dd21bcac20b81ced73df04e0c1bf85a3055', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: '6b4f6446f6485aa3207f738a3f2c87f405295834', size: ControlSize.X_SMALL, href: this.ebookUrl, onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: 'f7937c2c825d850a82da5ce12383d9ef4ce6cf2b', name: "apps" })));
+            } }, h("div", { key: '24c08d9d84dc669395b1c255f6730a7a9d536886', class: "main-content" }, this.renderCover(), h("div", { key: '91389d7afb5971377c098cf8fb2dee3c870e870c', class: "card-info" }, h("div", { key: '3802460d92d4324c032ec3de0b978ce346b46827', class: "book-data" }, h("div", { key: 'e901801f93e778721b5def9c2cea89e4ae86a500', class: "authors-title-cta-section" }, h("div", { key: '44367ab6d0cdbe447133018b5dc3a6b77c6a6a51', class: "authors body-4", "aria-description": "autori" }, this.authors), this.renderOperaTitle(), h("slot", { key: '50b0ac7e8dfbc13601e9e89077b8f42345af6633', name: "cta" })), h("div", { key: '8a537e6ceb34a39ff9b0c2402e0d0a8ca09fda36', class: "isbn-tags-link-section" }, h("div", { key: '8fe9ab44fe6023b1c4239a0df7af05b93d9e6684', class: "isbn-tags-section" }, h("div", { key: '718d0984d6b8b856e784ba910327a91b160b915e', class: "volume-title body-4" }, this.volumeTitle), h("div", { key: 'db66e0b7d648cae395ed29eb010d568a181f5544', class: "isbn body-4-sb", "aria-description": `isbn ${this.isbnLabel}` }, this.isbn, " ", this.renderIsbnLabel()), h("div", { key: '70aeccbe9e186547b4b750a99e5509c2efa927d4', class: "tags" }, this.renderTags())), h("div", { key: '6764f5d95bf2ebf570087bb625bbda046578549a', class: "link-section" }, h("div", { key: '07bca683d50d1c8982b1904f856b37acbb2a94bd', class: "catalog-link" }, this.catalogUrl && (h("a", { key: '01bc30aa009c61f2a0e337683273a0dc1bcf86e6', href: this.catalogUrl, target: "_blank", class: "z-link z-link-icon body-4-sb", onClick: () => this.emitCatalogClick() }, "Scheda catalogo", h("z-icon", { key: '575ac4f528c9f6ecdd9a0f99b6b451fd6c75030c', name: "arrow-quad-north-east", height: 16, width: 16, fill: "color-primary01-icon" })))), this.adoption && h("div", { key: '5f381db04e1398792697415abdb25f57bc448899', class: "adoption-tag body-5-sb" }, "adottato")))), h("div", { key: '515817df1083eed2331f7fb5a51224f1ae5e0b64', class: "ebook-container" }, h("slot", { key: 'c684f825978bf2eab57d248cbc8a272db93c18b7', name: "ebook" }, this.ebookUrl && (h("div", { key: '0fb20bf6c1f9bf7a5d64d7cc8a8e143e467612fa', class: "ebook" }, h("div", { key: '53586381ba841fc773fff4918032968950d390e9' }, h("div", { key: '377fa3bbfa6c215cf1f341bf83ba2524253ba2e6', class: "app-name" }, h("img", { key: 'f78e924f246524c9a6d676d72b49d336c0c56ede', class: "ebook-logo", "aria-hidden": "true" }), h("div", { key: '3790c83efb86debff6283fbb75b5b56ee6875e68', class: "body-4-sb" }, h("span", { key: 'd080a30fcc3249e2532305e9470e53dc8f77ce2b', class: "laz" }, "laZ"), " Ebook")), this.variant === BookCardVariant.LANDSCAPE && (h("div", { key: '081ec1e670240b675be096c5274e9d80995c760a', class: "body-5" }, "Anche nella versione libro liquido con", " ", h("button", { key: 'a89d47b79ebb44549a64dcda3dd8798b7420b241', class: "body-5-sb immersive-reader z-link", onClick: () => this.emitImmersiveReaderClick(), tabIndex: 0 }, "strumento di lettura immersiva")))), h("z-button", { key: 'd3be56ff617467506e86f6a4b471fea124c009e1', size: ControlSize.X_SMALL, href: this.ebookUrl, target: "_blank", onClick: () => this.emitEbookClick(), role: "link", "aria-description": `leggi l'ebook ${this.operaTitle} su laZ Ebook` }, "leggi ebook"))))))), h("slot", { key: 'fda1bd7c66a38d1ac63fa37c2601975a8c780819', name: "apps" })));
     }
     static get is() { return "z-book-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/book-card/z-book-card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n */\n@Component({\n  tag: \"z-book-card\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZBookCard {\n  @Element() hostElement: HTMLZBookCardElement;\n\n  /** Card variant: landscape, portrait */\n  @Prop()\n  variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n  /** Cover URL */\n  @Prop()\n  cover: string;\n\n  /** [optional] Authors */\n  @Prop()\n  authors?: string;\n\n  /** [optional] Opera title */\n  @Prop()\n  operaTitle?: string;\n\n  /** [optional] Volume title */\n  @Prop()\n  volumeTitle?: string;\n\n  /** [optional] Main ISBN */\n  @Prop()\n  isbn?: string;\n\n  /** [optional] ISBN label */\n  @Prop()\n  isbnLabel = \"\";\n\n  /** [optional] EDI tag */\n  @Prop()\n  edi?: BookCardTag | string;\n\n  /** [optional] Annotated tag */\n  @Prop()\n  annotated?: BookCardTag | string;\n\n  /** [optional] Teacher version tag */\n  @Prop()\n  teacherVersion?: BookCardTag | string;\n\n  /** [optional] Show adoption badge */\n  @Prop()\n  adoption?: boolean = false;\n\n  /** [optional] Show catalog link to correspondent resource */\n  @Prop()\n  catalogUrl?: string;\n\n  /** [optional] Show link to the ebook resource */\n  @Prop()\n  ebookUrl?: string;\n\n  /** [optional] Fallback cover URL */\n  @Prop()\n  fallbackCover?: string;\n\n  /** [optional] Set a specific h level as html tag for opera title */\n  @Prop()\n  operaTitleHtmlTag?: string;\n\n  @State()\n  ediTag;\n\n  @State()\n  annotatedTag;\n\n  @State()\n  teacherVersionTag;\n\n  /** click on tag */\n  @Event()\n  tagClick: EventEmitter;\n\n  /** click on catalog link */\n  @Event()\n  catalogClick: EventEmitter;\n\n  /** click on ebook link */\n  @Event()\n  ebookClick: EventEmitter;\n\n  /** click on immersive reader */\n  @Event()\n  immersiveReaderClick: EventEmitter;\n\n  @Watch(\"edi\")\n  watchEdi(): void {\n    this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n  }\n\n  @Watch(\"annotated\")\n  watchAnnotated(): void {\n    this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n  }\n\n  @Watch(\"teacherVersion\")\n  watchTeacherVersion(): void {\n    this.teacherVersionTag =\n      typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n  }\n\n  componentWillLoad(): void {\n    this.watchEdi();\n    this.watchAnnotated();\n    this.watchTeacherVersion();\n  }\n\n  private emitTagClick(e: BookCardTagEvent): void {\n    this.tagClick.emit(e);\n  }\n\n  private emitCatalogClick(): void {\n    this.catalogClick.emit();\n  }\n\n  private emitEbookClick(): void {\n    this.ebookClick.emit();\n  }\n\n  private emitImmersiveReaderClick(): void {\n    this.immersiveReaderClick.emit();\n  }\n\n  private renderOperaTitle(): HTMLDivElement {\n    const title = this.operaTitleHtmlTag\n      ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n      : this.operaTitle;\n\n    return (\n      <div\n        class=\"opera-title body-2-sb\"\n        innerHTML={title}\n      />\n    );\n  }\n\n  private renderIsbnLabel(): HTMLDivElement | null {\n    return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n  }\n\n  private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n    return (\n      <z-tag\n        class={{[tag.status]: true, interactive: tag.interactive}}\n        role={tag.interactive ? \"button\" : undefined}\n        tabIndex={tag.interactive ? 0 : undefined}\n        onClick={() =>\n          tag.interactive &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n        onKeyUp={(e: KeyboardEvent) =>\n          tag.interactive &&\n          e.key === \"Enter\" &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n      >\n        {label}\n      </z-tag>\n    );\n  }\n\n  private renderTags(): HTMLDivElement[] | null {\n    const tags = [];\n\n    if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n      tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n    }\n\n    if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n      tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n    }\n\n    if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n      tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n    }\n\n    if (tags.length > 0) {\n      return tags;\n    }\n\n    return null;\n  }\n\n  private renderCover(): HTMLDivElement {\n    return (\n      <div class=\"cover\">\n        <img\n          src={this.cover}\n          onError={() => {\n            if (this.fallbackCover) {\n              this.cover = this.fallbackCover;\n            }\n          }}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLZBookCardElement {\n    return (\n      <article\n        class={{\n          [this.variant]: true,\n        }}\n      >\n        <div class=\"main-content\">\n          {this.renderCover()}\n          <div class=\"card-info\">\n            <div class=\"book-data\">\n              <div class=\"authors-title-cta-section\">\n                <div\n                  class=\"authors body-4\"\n                  aria-description=\"autori\"\n                >\n                  {this.authors}\n                </div>\n                {this.renderOperaTitle()}\n                <slot name=\"cta\"></slot>\n              </div>\n              <div class=\"isbn-tags-link-section\">\n                <div class=\"isbn-tags-section\">\n                  <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n                  <div\n                    class=\"isbn body-4-sb\"\n                    aria-description={`isbn ${this.isbnLabel}`}\n                  >\n                    {this.isbn} {this.renderIsbnLabel()}\n                  </div>\n                  <div class=\"tags\">{this.renderTags()}</div>\n                </div>\n                <div class=\"link-section\">\n                  <div class=\"catalog-link\">\n                    {this.catalogUrl && (\n                      <a\n                        href={this.catalogUrl}\n                        class=\"z-link z-link-icon body-4-sb\"\n                        onClick={() => this.emitCatalogClick()}\n                      >\n                        Scheda catalogo\n                        <z-icon\n                          name=\"arrow-quad-north-east\"\n                          height={16}\n                          width={16}\n                          fill=\"color-primary01-icon\"\n                        ></z-icon>\n                      </a>\n                    )}\n                  </div>\n                  {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n                </div>\n              </div>\n            </div>\n            <div class=\"ebook-container\">\n              <slot name=\"ebook\">\n                {this.ebookUrl && (\n                  <div class=\"ebook\">\n                    <div>\n                      <div class=\"app-name\">\n                        <img\n                          class=\"ebook-logo\"\n                          aria-hidden=\"true\"\n                        />\n                        <div class=\"body-4-sb\">\n                          <span class=\"laz\">laZ</span> Ebook\n                        </div>\n                      </div>\n                      {this.variant === BookCardVariant.LANDSCAPE && (\n                        <div class=\"body-5\">\n                          Anche nella versione libro liquido con{\" \"}\n                          <button\n                            class=\"body-5-sb immersive-reader z-link\"\n                            onClick={() => this.emitImmersiveReaderClick()}\n                            tabIndex={0}\n                          >\n                            strumento di lettura immersiva\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                    <z-button\n                      size={ControlSize.X_SMALL}\n                      href={this.ebookUrl}\n                      onClick={() => this.emitEbookClick()}\n                      role=\"link\"\n                      aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n                    >\n                      leggi ebook\n                    </z-button>\n                  </div>\n                )}\n              </slot>\n            </div>\n          </div>\n        </div>\n        <slot name=\"apps\"></slot>\n      </article>\n    );\n  }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/book-card/z-book-card/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, State, Watch, h} from \"@stencil/core\";\nimport {BookCardTag, BookCardTagEvent, BookCardTagStatus, BookCardVariant, ControlSize} from \"../../../beans\";\n\n/**\n * @slot cta - to the right of authors and title (e.g. bookmark icon)\n * @slot ebook - main action slot on the card (as default, it shows laZ ebook link)\n * @slot apps - list of card-related apps\n */\n@Component({\n  tag: \"z-book-card\",\n  styleUrls: [\"styles.css\", \"../../css-components/z-link/styles.css\", \"../../../tokens/typography.css\"],\n  shadow: true,\n})\nexport class ZBookCard {\n  @Element() hostElement: HTMLZBookCardElement;\n\n  /** Card variant: landscape, portrait */\n  @Prop()\n  variant: BookCardVariant = BookCardVariant.PORTRAIT;\n\n  /** Cover URL */\n  @Prop()\n  cover: string;\n\n  /** [optional] Authors */\n  @Prop()\n  authors?: string;\n\n  /** [optional] Opera title */\n  @Prop()\n  operaTitle?: string;\n\n  /** [optional] Volume title */\n  @Prop()\n  volumeTitle?: string;\n\n  /** [optional] Main ISBN */\n  @Prop()\n  isbn?: string;\n\n  /** [optional] ISBN label */\n  @Prop()\n  isbnLabel = \"\";\n\n  /** [optional] EDI tag */\n  @Prop()\n  edi?: BookCardTag | string;\n\n  /** [optional] Annotated tag */\n  @Prop()\n  annotated?: BookCardTag | string;\n\n  /** [optional] Teacher version tag */\n  @Prop()\n  teacherVersion?: BookCardTag | string;\n\n  /** [optional] Show adoption badge */\n  @Prop()\n  adoption?: boolean = false;\n\n  /** [optional] Show catalog link to correspondent resource */\n  @Prop()\n  catalogUrl?: string;\n\n  /** [optional] Show link to the ebook resource */\n  @Prop()\n  ebookUrl?: string;\n\n  /** [optional] Fallback cover URL */\n  @Prop()\n  fallbackCover?: string;\n\n  /** [optional] Set a specific h level as html tag for opera title */\n  @Prop()\n  operaTitleHtmlTag?: string;\n\n  @State()\n  ediTag;\n\n  @State()\n  annotatedTag;\n\n  @State()\n  teacherVersionTag;\n\n  /** click on tag */\n  @Event()\n  tagClick: EventEmitter;\n\n  /** click on catalog link */\n  @Event()\n  catalogClick: EventEmitter;\n\n  /** click on ebook link */\n  @Event()\n  ebookClick: EventEmitter;\n\n  /** click on immersive reader */\n  @Event()\n  immersiveReaderClick: EventEmitter;\n\n  @Watch(\"edi\")\n  watchEdi(): void {\n    this.ediTag = typeof this.edi === \"string\" ? JSON.parse(this.edi) : this.edi;\n  }\n\n  @Watch(\"annotated\")\n  watchAnnotated(): void {\n    this.annotatedTag = typeof this.annotated === \"string\" ? JSON.parse(this.annotated) : this.annotated;\n  }\n\n  @Watch(\"teacherVersion\")\n  watchTeacherVersion(): void {\n    this.teacherVersionTag =\n      typeof this.teacherVersion === \"string\" ? JSON.parse(this.teacherVersion) : this.teacherVersion;\n  }\n\n  componentWillLoad(): void {\n    this.watchEdi();\n    this.watchAnnotated();\n    this.watchTeacherVersion();\n  }\n\n  private emitTagClick(e: BookCardTagEvent): void {\n    this.tagClick.emit(e);\n  }\n\n  private emitCatalogClick(): void {\n    this.catalogClick.emit();\n  }\n\n  private emitEbookClick(): void {\n    this.ebookClick.emit();\n  }\n\n  private emitImmersiveReaderClick(): void {\n    this.immersiveReaderClick.emit();\n  }\n\n  private renderOperaTitle(): HTMLDivElement {\n    const title = this.operaTitleHtmlTag\n      ? `<${this.operaTitleHtmlTag}>${this.operaTitle}</${this.operaTitleHtmlTag}>`\n      : this.operaTitle;\n\n    return (\n      <div\n        class=\"opera-title body-2-sb\"\n        innerHTML={title}\n      />\n    );\n  }\n\n  private renderIsbnLabel(): HTMLDivElement | null {\n    return this.isbnLabel ? <span class=\"body-4\">{this.isbnLabel}</span> : null;\n  }\n\n  private renderTag(label: string, tag: BookCardTag, id: string): HTMLDivElement {\n    return (\n      <z-tag\n        class={{[tag.status]: true, interactive: tag.interactive}}\n        role={tag.interactive ? \"button\" : undefined}\n        tabIndex={tag.interactive ? 0 : undefined}\n        onClick={() =>\n          tag.interactive &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n        onKeyUp={(e: KeyboardEvent) =>\n          tag.interactive &&\n          e.key === \"Enter\" &&\n          this.emitTagClick({\n            tag: id,\n            state: tag.status,\n          })\n        }\n      >\n        {label}\n      </z-tag>\n    );\n  }\n\n  private renderTags(): HTMLDivElement[] | null {\n    const tags = [];\n\n    if (this.edi && Object.values(BookCardTagStatus).includes(this.ediTag.status)) {\n      tags.push(this.renderTag(\"edi\", this.ediTag, \"edi\"));\n    }\n\n    if (this.annotated && Object.values(BookCardTagStatus).includes(this.annotatedTag.status)) {\n      tags.push(this.renderTag(\"annotata\", this.annotatedTag, \"annotated\"));\n    }\n\n    if (this.teacherVersion && Object.values(BookCardTagStatus).includes(this.teacherVersionTag.status)) {\n      tags.push(this.renderTag(\"versione insegnante\", this.teacherVersionTag, \"teacherVersion\"));\n    }\n\n    if (tags.length > 0) {\n      return tags;\n    }\n\n    return null;\n  }\n\n  private renderCover(): HTMLDivElement {\n    return (\n      <div class=\"cover\">\n        <img\n          src={this.cover}\n          onError={() => {\n            if (this.fallbackCover) {\n              this.cover = this.fallbackCover;\n            }\n          }}\n          aria-hidden=\"true\"\n        />\n      </div>\n    );\n  }\n\n  render(): HTMLZBookCardElement {\n    return (\n      <article\n        class={{\n          [this.variant]: true,\n        }}\n      >\n        <div class=\"main-content\">\n          {this.renderCover()}\n          <div class=\"card-info\">\n            <div class=\"book-data\">\n              <div class=\"authors-title-cta-section\">\n                <div\n                  class=\"authors body-4\"\n                  aria-description=\"autori\"\n                >\n                  {this.authors}\n                </div>\n                {this.renderOperaTitle()}\n                <slot name=\"cta\"></slot>\n              </div>\n              <div class=\"isbn-tags-link-section\">\n                <div class=\"isbn-tags-section\">\n                  <div class=\"volume-title body-4\">{this.volumeTitle}</div>\n                  <div\n                    class=\"isbn body-4-sb\"\n                    aria-description={`isbn ${this.isbnLabel}`}\n                  >\n                    {this.isbn} {this.renderIsbnLabel()}\n                  </div>\n                  <div class=\"tags\">{this.renderTags()}</div>\n                </div>\n                <div class=\"link-section\">\n                  <div class=\"catalog-link\">\n                    {this.catalogUrl && (\n                      <a\n                        href={this.catalogUrl}\n                        target=\"_blank\"\n                        class=\"z-link z-link-icon body-4-sb\"\n                        onClick={() => this.emitCatalogClick()}\n                      >\n                        Scheda catalogo\n                        <z-icon\n                          name=\"arrow-quad-north-east\"\n                          height={16}\n                          width={16}\n                          fill=\"color-primary01-icon\"\n                        ></z-icon>\n                      </a>\n                    )}\n                  </div>\n                  {this.adoption && <div class=\"adoption-tag body-5-sb\">adottato</div>}\n                </div>\n              </div>\n            </div>\n            <div class=\"ebook-container\">\n              <slot name=\"ebook\">\n                {this.ebookUrl && (\n                  <div class=\"ebook\">\n                    <div>\n                      <div class=\"app-name\">\n                        <img\n                          class=\"ebook-logo\"\n                          aria-hidden=\"true\"\n                        />\n                        <div class=\"body-4-sb\">\n                          <span class=\"laz\">laZ</span> Ebook\n                        </div>\n                      </div>\n                      {this.variant === BookCardVariant.LANDSCAPE && (\n                        <div class=\"body-5\">\n                          Anche nella versione libro liquido con{\" \"}\n                          <button\n                            class=\"body-5-sb immersive-reader z-link\"\n                            onClick={() => this.emitImmersiveReaderClick()}\n                            tabIndex={0}\n                          >\n                            strumento di lettura immersiva\n                          </button>\n                        </div>\n                      )}\n                    </div>\n                    <z-button\n                      size={ControlSize.X_SMALL}\n                      href={this.ebookUrl}\n                      target=\"_blank\"\n                      onClick={() => this.emitEbookClick()}\n                      role=\"link\"\n                      aria-description={`leggi l'ebook ${this.operaTitle} su laZ Ebook`}\n                    >\n                      leggi ebook\n                    </z-button>\n                  </div>\n                )}\n              </slot>\n            </div>\n          </div>\n        </div>\n        <slot name=\"apps\"></slot>\n      </article>\n    );\n  }\n}\n"]}

package/dist/collection/components/book-card/z-book-card-app/index.js

@@ -23,7 +23,7 @@ export class ZBookCardApp {
         return null;
     }
     render() {
-        return (h("div", { key: '2932c06edff0e6767d51ea6480755e3b941526da' }, h("a", { key: '380296133f99047ccf1053b88f5508514237bfaa', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: '7ead782842cd9973168c074ca7a20fe8f9643b48', src: this.logo, alt: "" })), h("div", { key: 'ad4a325334028920c65bb492f074d10db89c9fdb', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: 'e515dd46bc1e27be5a7f31b982f5cda9d91c7279', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '2eabbca7b2f80edd4145d65c7b3f4bc578c6a912' }, this.info))), h("a", { key: '0603c47f075a702c5bda91ce5136caf70e99e628', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '107f9fbc8e3a5f53d319965e8cd1e6b3e3483d10', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
+        return (h("div", { key: 'e2bac004a35f7e5959ff55345a348d5abb02904f' }, h("a", { key: '42e4a549cf32b1ebe08ab73d79a2d61a3d90e66d', class: "app z-link", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, this.logo && (h("img", { key: '4c7add8e362fc0cc2e6dfac9e705bfd3fa15b85c', src: this.logo, alt: "" })), h("div", { key: 'ce6a811f5688a04a3881612c731edbc02ab76a3f', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '5c560813db506113ceb38eb629a95dc98a757920', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: 'adffe6242bc25944d92e996952afe11ff8888c35' }, this.info))), h("a", { key: '816c5fdc2e3506f7f7b10e3e7bf35d38b1ba4857', class: "z-link z-link-icon", href: this.link, "aria-label": `vai a ${this.laz ? "laz" : ""} ${this.name}`, onClick: () => this.emitAppClick(), target: "_blank" }, h("z-icon", { key: '4ee25aca2744712aa70fba66d0487111acea3776', name: "chevron-right", width: 16, height: 16, fill: "color-primary01-icon" }))));
     }
     static get is() { return "z-book-card-app"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/css-components/z-link/index.stories.js

@@ -7,7 +7,7 @@ export default {
     title: "ZLink",
     argTypes: {
         "colorVariant": {
-            options: ["default", "z-link-black", "z-link-white"],
+            options: ["z-link", "z-link-blue", "z-link-red", "z-link-inverse"],
             control: {
                 type: "inline-radio",
             },
@@ -29,11 +29,10 @@ export default {
         },
     },
     args: {
-        "colorVariant": "default",
+        "colorVariant": "z-link",
         "text": "Zanichelli.it",
         "icon": null,
         "z-link-active": false,
-        "z-link-inverse": false,
         "z-link-disabled": false,
         "z-link-underline": false,
         "z-link-icon": false,
@@ -42,10 +41,10 @@ export default {
 };
 const getClasses = (args) => ({
     "z-link": true,
-    "z-link-black": args.colorVariant === "z-link-black",
-    "z-link-white": args.colorVariant === "z-link-white",
+    "z-link-blue": args.colorVariant === "z-link-blue",
+    "z-link-red": args.colorVariant === "z-link-red",
+    "z-link-inverse": args.colorVariant === "z-link-inverse",
     "z-link-active": args["z-link-active"],
-    "z-link-inverse": args["z-link-inverse"],
     "z-link-disabled": args["z-link-disabled"],
     "z-link-underline": args["z-link-underline"],
     "z-link-icon": args["z-link-icon"],

package/dist/collection/components/css-components/z-link/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,cAAc,CAAC;YACpD,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;QACD,aAAa,EAAE;YACb,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,IAAI;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,SAAS;QACzB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK;QACtB,gBAAgB,EAAE,KAAK;QACvB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,IAAI;IACd,cAAc,EAAE,IAAI,CAAC,YAAY,KAAK,cAAc;IACpD,cAAc,EAAE,IAAI,CAAC,YAAY,KAAK,cAAc;IACpD,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;IACtC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,CAAC;IACxC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC;IAC1C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC5C,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;gBAIR,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAEhC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;sBAEF,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;UACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport {classMap, type ClassInfo} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"ZLink\",\n  argTypes: {\n    \"colorVariant\": {\n      options: [\"default\", \"z-link-black\", \"z-link-white\"],\n      control: {\n        type: \"inline-radio\",\n      },\n    },\n    \"icon\": {\n      options: [null, ...Object.keys(ICONS)],\n      control: {\n        type: \"select\",\n        labels: {\n          null: \"No icon\",\n        },\n      },\n    },\n    \"z-link-icon\": {\n      if: {\n        arg: \"icon\",\n        truthy: true,\n      },\n    },\n  },\n  args: {\n    \"colorVariant\": \"default\",\n    \"text\": \"Zanichelli.it\",\n    \"icon\": null,\n    \"z-link-active\": false,\n    \"z-link-inverse\": false,\n    \"z-link-disabled\": false,\n    \"z-link-underline\": false,\n    \"z-link-icon\": false,\n    \"z-link-sb\": false,\n  },\n};\n\nconst getClasses = (args): ClassInfo => ({\n  \"z-link\": true,\n  \"z-link-black\": args.colorVariant === \"z-link-black\",\n  \"z-link-white\": args.colorVariant === \"z-link-white\",\n  \"z-link-active\": args[\"z-link-active\"],\n  \"z-link-inverse\": args[\"z-link-inverse\"],\n  \"z-link-disabled\": args[\"z-link-disabled\"],\n  \"z-link-underline\": args[\"z-link-underline\"],\n  \"z-link-icon\": args[\"z-link-icon\"],\n  \"z-link-sb\": args[\"z-link-sb\"],\n});\n\nexport const ZLink = {\n  render: (args) => html`\n    <div class=\"z-link-story\">\n      <a\n        href=\"zanichelli.it\"\n        class=${classMap(getClasses(args))}\n      >\n        ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n      </a>\n    </div>\n  `,\n};\n\nexport const ZLinkButton = {\n  render: (args) => html`\n    <div class=\"z-link-story\">\n      <button class=${classMap(getClasses(args))}>\n        ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n      </button>\n    </div>\n  `,\n};\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-link/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,EAAC,QAAQ,EAAiB,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,qBAAqB,CAAC;AAE7B,eAAe;IACb,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,CAAC,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,CAAC;YAClE,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;aACrB;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,OAAO,EAAE;gBACP,IAAI,EAAE,QAAQ;gBACd,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;QACD,aAAa,EAAE;YACb,EAAE,EAAE;gBACF,GAAG,EAAE,MAAM;gBACX,MAAM,EAAE,IAAI;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,cAAc,EAAE,QAAQ;QACxB,MAAM,EAAE,eAAe;QACvB,MAAM,EAAE,IAAI;QACZ,eAAe,EAAE,KAAK;QACtB,iBAAiB,EAAE,KAAK;QACxB,kBAAkB,EAAE,KAAK;QACzB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,KAAK;KACnB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,IAAI,EAAa,EAAE,CAAC,CAAC;IACvC,QAAQ,EAAE,IAAI;IACd,aAAa,EAAE,IAAI,CAAC,YAAY,KAAK,aAAa;IAClD,YAAY,EAAE,IAAI,CAAC,YAAY,KAAK,YAAY;IAChD,gBAAgB,EAAE,IAAI,CAAC,YAAY,KAAK,gBAAgB;IACxD,eAAe,EAAE,IAAI,CAAC,eAAe,CAAC;IACtC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,CAAC;IAC1C,kBAAkB,EAAE,IAAI,CAAC,kBAAkB,CAAC;IAC5C,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;IAClC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;;;gBAIR,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;;UAEhC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;sBAEF,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;UACtC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,IAAI;;;GAG9E;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport {classMap, type ClassInfo} from \"lit/directives/class-map.js\";\nimport {ICONS} from \"../../../constants/iconset\";\nimport \"../../z-icon/index\";\nimport \"./index.stories.css\";\n\nexport default {\n  title: \"ZLink\",\n  argTypes: {\n    \"colorVariant\": {\n      options: [\"z-link\", \"z-link-blue\", \"z-link-red\", \"z-link-inverse\"],\n      control: {\n        type: \"inline-radio\",\n      },\n    },\n    \"icon\": {\n      options: [null, ...Object.keys(ICONS)],\n      control: {\n        type: \"select\",\n        labels: {\n          null: \"No icon\",\n        },\n      },\n    },\n    \"z-link-icon\": {\n      if: {\n        arg: \"icon\",\n        truthy: true,\n      },\n    },\n  },\n  args: {\n    \"colorVariant\": \"z-link\",\n    \"text\": \"Zanichelli.it\",\n    \"icon\": null,\n    \"z-link-active\": false,\n    \"z-link-disabled\": false,\n    \"z-link-underline\": false,\n    \"z-link-icon\": false,\n    \"z-link-sb\": false,\n  },\n};\n\nconst getClasses = (args): ClassInfo => ({\n  \"z-link\": true,\n  \"z-link-blue\": args.colorVariant === \"z-link-blue\",\n  \"z-link-red\": args.colorVariant === \"z-link-red\",\n  \"z-link-inverse\": args.colorVariant === \"z-link-inverse\",\n  \"z-link-active\": args[\"z-link-active\"],\n  \"z-link-disabled\": args[\"z-link-disabled\"],\n  \"z-link-underline\": args[\"z-link-underline\"],\n  \"z-link-icon\": args[\"z-link-icon\"],\n  \"z-link-sb\": args[\"z-link-sb\"],\n});\n\nexport const ZLink = {\n  render: (args) => html`\n    <div class=\"z-link-story\">\n      <a\n        href=\"zanichelli.it\"\n        class=${classMap(getClasses(args))}\n      >\n        ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n      </a>\n    </div>\n  `,\n};\n\nexport const ZLinkButton = {\n  render: (args) => html`\n    <div class=\"z-link-story\">\n      <button class=${classMap(getClasses(args))}>\n        ${args.icon ? html`<z-icon name=${args.icon}></z-icon>` : \"\"} ${args.text}\n      </button>\n    </div>\n  `,\n};\n"]}

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

@@ -8,14 +8,31 @@ button.z-link {
 a.z-link,
 button.z-link {
   display: inline-flex;
-  color: var(--color-link-primary);
   cursor: pointer;
-  fill: var(--color-link-primary);
   font-family: var(--font-family-sans);
   line-height: inherit;
   text-decoration: none;
 }
 
+a.z-link.z-link-icon,
+button.z-link.z-link-icon {
+  --z-icon-width: 1.125em;
+  --z-icon-height: 1.125em;
+
+  align-items: center;
+  column-gap: 0.5em;
+}
+
+a.z-link.z-link-sb,
+button.z-link.z-link-sb {
+  font-weight: var(--font-sb);
+}
+
+a.z-link.z-link-underline,
+button.z-link.z-link-underline {
+  text-decoration: underline;
+}
+
 a.z-link:hover,
 button.z-link:hover,
 a.z-link:focus,
@@ -25,52 +42,12 @@ button.z-link:active {
   text-decoration: underline;
 }
 
-a.z-link:hover,
-button.z-link:hover,
-a.z-link:focus,
-button.z-link:focus {
-  color: var(--color-hover-link);
-  fill: var(--color-hover-link);
-}
-
 a.z-link:focus,
 button.z-link:focus {
   box-shadow: var(--shadow-focus-primary);
   outline: none;
 }
 
-a.z-link:active,
-button.z-link:active,
-a.z-link.z-link-active:active,
-button.z-link.z-link-active:active {
-  color: var(--color-pressed-link);
-  fill: var(--color-pressed-link);
-}
-
-a.z-link:visited,
-button.z-link:visited {
-  color: var(--color-visited-link);
-  fill: var(--color-visited-link);
-}
-
-a.z-link.z-link-active,
-button.z-link.z-link-active {
-  color: var(--color-active-link);
-  fill: var(--color-active-link);
-}
-
-a.z-link.z-link-active.z-link-inverse,
-button.z-link.z-link-active.z-link-inverse {
-  color: var(--color-inverse-active-link);
-  fill: var(--color-inverse-active-link);
-}
-
-a.z-link.z-link-active.z-link-black,
-button.z-link.z-link-active.z-link-black {
-  color: var(--color-black);
-  fill: var(--color-black);
-}
-
 a.z-link.z-link-disabled,
 button.z-link.z-link-disabled {
   box-shadow: none;
@@ -82,93 +59,110 @@ button.z-link.z-link-disabled {
   text-decoration: none;
 }
 
-a.z-link.z-link-underline,
-button.z-link.z-link-underline {
-  text-decoration: underline;
-}
-
-a.z-link.z-link-inverse,
-button.z-link.z-link-inverse {
-  color: var(--color-inverse-link);
-  fill: var(--color-inverse-link);
+a.z-link,
+button.z-link,
+a.z-link.z-link-active,
+button.z-link.z-link-active,
+a.z-link:hover,
+button.z-link:hover,
+a.z-link.z-link-active:hover,
+button.z-link.z-link-active:hover,
+a.z-link:focus,
+button.z-link:focus,
+a.z-link.z-link-active:focus,
+button.z-link.z-link-active:focus,
+a.z-link:active,
+button.z-link:active,
+a.z-link.z-link-active:active,
+button.z-link.z-link-active:active,
+a.z-link:visited,
+button.z-link:visited,
+a.z-link.z-link-active:visited,
+button.z-link.z-link-active:visited {
+  color: var(--color-text-link-default);
+  fill: var(--color-text-link-default);
 }
 
-a.z-link.z-link-inverse:hover,
-button.z-link.z-link-inverse:hover {
-  color: var(--color-inverse-hover-link);
-  fill: var(--color-inverse-hover-link);
+a.z-link.z-link-blue,
+button.z-link.z-link-blue,
+a.z-link.z-link-blue.z-link-active,
+button.z-link.z-link-blue.z-link-active {
+  color: var(--color-text-link-blue);
+  fill: var(--color-text-link-blue);
 }
 
-a.z-link.z-link-inverse:active,
-button.z-link.z-link-inverse:active,
-a.z-link.z-link-inverse:focus,
-button.z-link.z-link-inverse:focus {
-  color: var(--color-inverse-pressed-link);
-  fill: var(--color-inverse-pressed-link);
+a.z-link.z-link-red,
+button.z-link.z-link-red,
+a.z-link.z-link-red.z-link-active,
+button.z-link.z-link-red.z-link-active {
+  color: var(--color-text-link-red);
+  fill: var(--color-text-link-red);
 }
 
-a.z-link.z-link-inverse:visited,
-button.z-link.z-link-inverse:visited {
-  color: var(--color-inverse-visited-link);
-  fill: var(--color-inverse-visited-link);
+a.z-link.z-link-inverse,
+button.z-link.z-link-inverse,
+a.z-link.z-link-inverse.z-link-active,
+button.z-link.z-link-inverse.z-link-active {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-black,
-button.z-link.z-link-black {
-  color: var(--gray800);
-  fill: var(--gray800);
+a.z-link.z-link-blue:hover,
+button.z-link.z-link-blue:hover {
+  color: var(--color-text-link-blue-hover);
+  fill: var(--color-text-link-blue-hover);
 }
 
-a.z-link.z-link-black:hover:visited,
-button.z-link.z-link-black:hover:visited {
-  color: var(--gray800);
-  fill: var(--gray800);
+a.z-link.z-link-red:hover,
+button.z-link.z-link-red:hover {
+  color: var(--color-text-link-red-hover);
+  fill: var(--color-text-link-red-hover);
 }
 
-a.z-link.z-link-black:hover,
-button.z-link.z-link-black:hover,
-a.z-link.z-link-black.z-link-active:focus,
-button.z-link.z-link-black.z-link-active:focus {
-  color: var(--color-black);
-  fill: var(--color-black);
+a.z-link.z-link-inverse:hover,
+button.z-link.z-link-inverse:hover {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-black:active,
-button.z-link.z-link-black:active,
-a.z-link.z-link-black.z-link-active:active,
-button.z-link.z-link-black.z-link-active:active {
-  color: var(--gray700);
-  fill: var(--gray700);
+a.z-link.z-link-blue:active,
+button.z-link.z-link-blue:active,
+a.z-link.z-link-blue:focus,
+button.z-link.z-link-blue:focus {
+  color: var(--color-text-link-blue-active);
+  fill: var(--color-text-link-blue-active);
 }
 
-a.z-link.z-link-black.z-link-disabled.z-link-active,
-button.z-link.z-link-black.z-link-disabled.z-link-active {
-  color: var(--color-disabled03);
-  fill: var(--color-disabled03);
+a.z-link.z-link-red:active,
+button.z-link.z-link-red:active,
+a.z-link.z-link-red:focus,
+button.z-link.z-link-red:focus {
+  color: var(--color-text-link-red-active);
+  fill: var(--color-text-link-red-active);
 }
 
-a.z-link.z-link-white,
-button.z-link.z-link-white {
-  color: var(--color-white);
-  fill: var(--color-white);
+a.z-link.z-link-inverse:active,
+button.z-link.z-link-inverse:active,
+a.z-link.z-link-inverse:focus,
+button.z-link.z-link-inverse:focus {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }
 
-a.z-link.z-link-white.z-link-disabled,
-button.z-link.z-link-white.z-link-disabled {
-  color: var(--color-disabled03);
-  fill: var(--color-disabled03);
+a.z-link.z-link-blue:visited,
+button.z-link.z-link-blue:visited {
+  color: var(--color-text-link-blue-visited);
+  fill: var(--color-text-link-blue-visited);
 }
 
-a.z-link.z-link-icon,
-button.z-link.z-link-icon {
-  --z-icon-width: 1.125em;
-  --z-icon-height: 1.125em;
-
-  align-items: center;
-  column-gap: 0.5em;
+a.z-link.z-link-red:visited,
+button.z-link.z-link-red:visited {
+  color: var(--color-text-link-red-visited);
+  fill: var(--color-text-link-red-visited);
 }
 
-a.z-link.z-link-sb,
-button.z-link.z-link-sb {
-  font-weight: var(--font-sb);
+a.z-link.z-link-inverse:visited,
+button.z-link.z-link-inverse:visited {
+  color: var(--color-text-link-inverse);
+  fill: var(--color-text-link-inverse);
 }

package/dist/collection/components/date-picker/z-date-picker/index.js

@@ -156,7 +156,7 @@ export class ZDatePicker {
             } })));
     }
     render() {
-        return (h("div", { key: '4f525de164851c67135fc6b4ea7789f9b671d74c', class: {
+        return (h("div", { key: '5008fbf943acb8f5ad3575646938266579d59e90', class: {
                 "flatpickr-toggle-container": true,
                 [this.flatpickrPosition]: true,
                 [this.mode]: true,

package/dist/collection/components/date-picker/z-range-picker/index.js

@@ -330,14 +330,14 @@ export class ZRangePicker {
             onStopTyping: this.onStopTyping.bind(this),
             value: "",
         };
-        return (h("div", { key: '218859a883b75a370836a60ee42a611cee89829a', class: {
+        return (h("div", { key: 'a53d148ab03744a1f3db628f7b246c24c5974c64', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, h("div", { key: '6367639ca9b53bb5052a4313e0232466dd64750a', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '31bb99a98433f3c2a6c454dae3dfa93886e05d66', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'b5d3566e21429694e585169d32876c1b2767d03b' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
+            } }, h("div", { key: 'b48ad8c0946dbf4d293ab727d48434377754bcd2', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: 'fdf59e2f5910fa066ab81ad9e43af5e88f26ec17', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'd850efc6a9d2d1405b201fc200cd1b624e0fd3db' }, zInputProps, { placeholder: this.firstPickerPlaceholder, readonly: this.firstPickerReadOnly, "data-input": "data-input", class: `start-input ${this.rangePickerId}-1`, ariaLabel: this.firstAriaLabel, label: this.firstLabel, status: this.firstInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.firstInputError = false;
-            } })))), h("div", { key: 'daa8bcca99e4647b3baf28ab509f7dceb4de6819', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: 'fb9c4f6d22da2f354f6b96cf2e7171f797a49904', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '616fb784c3d748b76249c503ffea58883ec84c6e' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
+            } })))), h("div", { key: '5d033db058bb143ac0cca9020605f6ab9153cc0d', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: 'eabdc4b1a5703a349c8b3d978970b77278352a53', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: 'bfd97975a2dd54710ce8da89c8debb68b7fc3af3' }, zInputProps, { placeholder: this.lastPickerPlaceholder, readonly: this.lastPickerReadOnly, "data-input": "data-input", class: `end-input ${this.rangePickerId}-2`, ariaLabel: this.secondAriaLabel, label: this.secondLabel, status: this.lastInputError && InputStatus.ERROR, onStartTyping: () => {
                 this.lastInputError = false;
             } }))))));
     }

package/dist/collection/components/deprecated/z-app-header-deprecated/index.js

@@ -191,7 +191,7 @@ export class ZAppHeaderDeprecated {
         this.evaluateViewport();
     }
     render() {
-        return (h(Host, { key: '048f0a2b8e7ec3c6c208d8dbfba716054d985c35', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: '22b129e362391c6a97ecc8c5eaca22cbe7c8ba2a', class: "hero-container" }, h("slot", { key: '6324c3ddbae133c876d28cd31a6c9d4fcdd0a5ca', name: "hero" }, this.hero && (h("img", { key: '421c710a8d0d9067f652f412dc9ec3b5300577e4', alt: "", src: this.hero }))))), h("div", { key: 'f27e5ee2815e845a776ea4d7771163f2e347775d', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '6e27bf65e911de7d4044a109ce2e3d54c19c55b9', class: "heading-container" }, h("div", { key: '0645b40288bde94d14120767efb20e643d1dd7d6', class: "heading-subtitle" }, h("slot", { key: '873b49535b8881edd8e99374e66a65dace599178', name: "top-subtitle" })), h("div", { key: 'c108bb393519761e3577efb97a2e94376a8f86e2', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: '61ea59d5d799b8fe33b253680908e8341920388f', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'b0116bbd7dd2e43a0acc6f64f424382141d39afe', name: "burger-menu" }))), h("slot", { key: '4c2ca7405eed50af8483a30e7805162d7cdfb473', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '946155507a9da7dd8245f572110475a7535917a0', class: "heading-subtitle" }, h("slot", { key: 'aea8740f8bb85d585cad6efbdb1839c8209f645c', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: 'f5e5a06396e0f2b007a8c62437ef59166197f0e6', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '14972a9a7fcb377cc73bbeb3d03ebb5222ad62ae', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: '3f105502d0697252821b3bcc16f2b9a035e8bc0b', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '2ed85c125631f2da5774f108a75fe19466d93456', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'b70a0c3864adfc0e86b17210f9c975f885cd2aeb', name: "close" })), h("div", { key: 'bf35efa556d834995682ad8e7200caeae2071743', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'b613adb66ed1146260816ff3261c42e07c433ddc', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: '26f58b77584adf8c846b107e8afee3e670569ce8', class: "heading-stuck" }, h("div", { key: 'a21a7cb4bf84e6c7d73fcad56ad470412b5348a8', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: 'b9a972d74476857fd2f4d25e219145bb02abc101', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '739584d139e3aa74c9bf6a678dd69b6cd6a94c2b', name: "burger-menu" }))), h("div", { key: 'a8ecadb5216352e5719976430faf62260ad5bf3d', class: "heading-title" }, h("slot", { key: '651eead99c68f5925310749920e5aa834a3300f9', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
+        return (h(Host, { key: '9d009092baa5440c64867357cc550c9d6fdacce1', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: '2b80ce5c787a36367bfb17484bdc6f220c86a777', class: "hero-container" }, h("slot", { key: '17c9b8f58edfc1957eb5a214d28ca7d7fdc5447e', name: "hero" }, this.hero && (h("img", { key: '912d28a9ff5ddc4c7c8c1c0da78e9d0ef481a7f1', alt: "", src: this.hero }))))), h("div", { key: 'b9de719a0ef65548780edc641f39b973610739fb', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '21329c398320f4c5347e95de6fad7c5db0f4bcce', class: "heading-container" }, h("div", { key: 'f0e7a5177e5e9d04ac3498ac9906ba7ec8eaac8a', class: "heading-subtitle" }, h("slot", { key: 'd82e20ef24bd1bc1cb872393ef815f62fcdd89a2', name: "top-subtitle" })), h("div", { key: '63723a91c793dac124ca46b85562f43dce0938d2', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: 'ae59df90a5f5470adefd9cd4a30886588f183af1', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '39e84ffff8b58cfc992bbc09e0e3fa15d065fa3c', name: "burger-menu" }))), h("slot", { key: '5445402288fd6bab67cf74752a4cb69d61d074d5', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '261b5f7af1997f311b1c16f42a495fa3504c3d74', class: "heading-subtitle" }, h("slot", { key: '5c3ac0a56b60dcdd4f4dbe126f762f1151ba8665', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '067d28e686929a99db35e55a5c9158c1511c4375', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '55bb1e7157f50932a33cdef0027594cb7f7ef22a', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: '32f7f11db2090caf1795f7995b964936568e47df', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '6e97d87d6013ac24d0a740928675898b3a4ef74f', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'a11508289586e803276f678927da961c4f27ec91', name: "close" })), h("div", { key: '3879116f51a33406b533efe932b4afbd76df40f9', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: '66350be6f46065bbdebb42e09299d184f07999ac', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: 'b88c18b30cd65643960f48b6b2c347f9e104aa58', class: "heading-stuck" }, h("div", { key: 'af99af52a70f27252ed368ef23df23285ab5dee2', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '466db4b9863655df70f8d88b6cf2eddc78afdcde', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '22ddcc33c76b1ba4c27132f7259036e3ef009126', name: "burger-menu" }))), h("div", { key: '3d8ce06f82b665dce25fa9cb00ad3ba5f37d7275', class: "heading-title" }, h("slot", { key: 'd0bd1f72c6ac814ccc4a84dd38216be97f9bf49f', name: "stucked-title" }, this.title)), this.renderSearchLinkButton(), this.canShowSearchbar && this.currentViewport === "desktop" && this.renderSeachbar(false))))));
     }
     static get is() { return "z-app-header-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/z-book-card-deprecated/index.js

@@ -124,7 +124,7 @@ export class ZBookCardDeprecated {
         return (h("div", { class: "action-container" }, h("slot", { name: "footer-cta" })));
     }
     render() {
-        return (h("article", { key: '3f1180dbc4753548ce11a6827a9c4c0d5080ec71', class: {
+        return (h("article", { key: 'a2248d9206aec07d317dddb8cb8d6061eccc7a53', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));

package/dist/collection/components/deprecated/z-book-card-deprecated/index.stories.js

@@ -20,7 +20,7 @@ const StoryMeta = {
             control: {
                 type: "inline-radio",
             },
-            options: ["theme-default", "theme-dark", "theme-black-yellow"],
+            options: ["theme-default", "theme-dark", "theme-black-yellow", "theme-red"],
         },
         "--z-book-card-ribbon-background-color": getColorTokenArgConfig(),
         "--z-book-card-ribbon-shadow-color": getColorTokenArgConfig(),
@@ -138,7 +138,7 @@ export const SlottedResources = {
     })}
     >
       <a
-        class="z-link z-link-icon"
+        class="z-link z-link-blue z-link-icon"
         slot="resources"
         style="width:100%; margin-bottom: 6px;"
       >
@@ -264,7 +264,7 @@ export const ExpandedVariant = {
       >
       <z-tag slot="tags">VERSIONE INSEGNANTE</z-tag>
       <a
-        class="z-link z-link-icon"
+        class="z-link z-link-blue z-link-icon"
         slot="resources"
         style="width:100%; margin-bottom: 6px;"
       >