@zanichelli/albe-web-components 17.2.1 → 18.0.0

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: '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" }))));
+        return (h("div", { key: 'a6e90497110df5b731c4b71ab7c0c377fc3c5532' }, h("a", { key: '50ba4a41e2f0bd50b78989b60e8f1a4dfe68ef2c', 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: '4c743902416ff0d2822ba9f8689bcf0eceb87b44', src: this.logo, alt: "" })), h("div", { key: 'c0e84f7a7d964c7bf6c437338ed074c2e02b1112', class: "name body-4-sb" }, this.renderLaz(), this.name)), this.info && (h("z-info-reveal", { key: '722c3d99a3865573528739b9ed51b7bfd0a425d6', icon: "info", size: ControlSize.X_SMALL, position: InfoRevealPosition.TOP_RIGHT, class: "info body-5" }, h("div", { key: '14a00ee6607d044a04054fc2cdffafe8f76098a2' }, this.info))), h("a", { key: 'd145887f5110de5c654833a1b4f9bdf3a99a6fef', 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: 'd144f3a2003e41297351416fe4f4f87e2966953c', 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-scrollbar/index.stories.js

@@ -54,9 +54,9 @@ const StoryMeta = {
 };
 export default StoryMeta;
 export const Default = {
-    render: (args) => html `
+    render: () => html `
     <div class="z-scrollbar-story">
-      <div class="scrollbar-container themes ${args.theme} z-scrollbar">
+      <div class="scrollbar-container z-scrollbar">
         <p>
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales purus et congue pellentesque. Sed quis
           venenatis nibh. Cras ut velit vel nisl cursus euismod ac quis lorem. In eget nisl lectus. Quisque id nibh in

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-scrollbar/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;;+CAEuB,IAAI,CAAC,KAAK;;;;;;;;;;;;GAYtD;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport \"./index.stories.css\";\n\n/**\n * <p>If applied to elements with CSS property \"overflow:scroll\", the class will apply to both the vertical AND the horizontal scrollbars. To avoid this, use \"overflow-y\" instead.</p>\n * Bear in mind that the scrollbar behaves in different ways depending on the browser: <br />\n *    <ul>\n *      <li>Chrome desktop + Android + MS Edge + opera:\n *        <ul>\n *          <li>primary color scrollbar thumb with right angles</li>\n *          <li>gray scrollbar track</li>\n *          <li>thumb gets darker on hover</li>\n *          <li>thumb doesn't bounce when at end of track</li>\n *        </ul>\n *      </li>\n *      <li>Safari on Mac + chromium 69 (booktab):\n *        <ul>\n *          <li>thumb bounces when at end of track</li>\n *        </ul>\n *      </li>\n *      <li>Safari on iPad:\n *        <ul>\n *          <li>no scrollbars</li>\n *        </ul>\n *      </li>\n *      <li>Chrome on iPad:\n *        <ul>\n *          <li>gray, narrower thumb</li>\n *          <li>no track</li>\n *        </ul>\n *      </li>\n *      <li>Firefox desktop:\n *        <ul>\n *          <li>thumb has border radius</li>\n *          <li>no track</li>\n *          <li>thumb gets wider on hover</li>\n *        </ul>\n *      </li>\n *      <li>Firefox on Android:\n *        <ul>\n *          <li>th scrollbar disappears if you're not actively scrolling</li>\n *          <li>thumb has border radius</li>\n *          <li>no track</li>\n *        </ul>\n *      </li>\n *      <li>Samsung browser:\n *        <ul>\n *          <li>no side margins</li>\n *        </ul>\n *      </li>\n *    </ul>\n */\nconst StoryMeta = {\n  title: \"ZScrollbar\",\n};\n\nexport default StoryMeta;\n\nexport const Default = {\n  render: (args) => html`\n    <div class=\"z-scrollbar-story\">\n      <div class=\"scrollbar-container themes ${args.theme} z-scrollbar\">\n        <p>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales purus et congue pellentesque. Sed quis\n          venenatis nibh. Cras ut velit vel nisl cursus euismod ac quis lorem. In eget nisl lectus. Quisque id nibh in\n          nisi viverra varius vitae id est. Nulla tincidunt mi eget consequat lacinia. Quisque rhoncus dolor a tortor\n          fermentum molestie. Vivamus posuere non sapien vitae auctor. Donec dignissim efficitur consectetur.\n          Suspendisse eu bibendum tortor. Nulla facilisi. Mauris pharetra eleifend dolor. Morbi velit odio, mollis et\n          euismod eu, imperdiet in lectus. Maecenas laoreet tellus et diam finibus blandit. Mauris aliquam quis tellus\n          et congue.\n        </p>\n      </div>\n    </div>\n  `,\n};\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/css-components/z-scrollbar/index.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,KAAK,CAAC;AACzB,OAAO,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AACH,MAAM,SAAS,GAAG;IAChB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAA;;;;;;;;;;;;;;GAcjB;CACF,CAAC","sourcesContent":["import {html} from \"lit\";\nimport \"./index.stories.css\";\n\n/**\n * <p>If applied to elements with CSS property \"overflow:scroll\", the class will apply to both the vertical AND the horizontal scrollbars. To avoid this, use \"overflow-y\" instead.</p>\n * Bear in mind that the scrollbar behaves in different ways depending on the browser: <br />\n *    <ul>\n *      <li>Chrome desktop + Android + MS Edge + opera:\n *        <ul>\n *          <li>primary color scrollbar thumb with right angles</li>\n *          <li>gray scrollbar track</li>\n *          <li>thumb gets darker on hover</li>\n *          <li>thumb doesn't bounce when at end of track</li>\n *        </ul>\n *      </li>\n *      <li>Safari on Mac + chromium 69 (booktab):\n *        <ul>\n *          <li>thumb bounces when at end of track</li>\n *        </ul>\n *      </li>\n *      <li>Safari on iPad:\n *        <ul>\n *          <li>no scrollbars</li>\n *        </ul>\n *      </li>\n *      <li>Chrome on iPad:\n *        <ul>\n *          <li>gray, narrower thumb</li>\n *          <li>no track</li>\n *        </ul>\n *      </li>\n *      <li>Firefox desktop:\n *        <ul>\n *          <li>thumb has border radius</li>\n *          <li>no track</li>\n *          <li>thumb gets wider on hover</li>\n *        </ul>\n *      </li>\n *      <li>Firefox on Android:\n *        <ul>\n *          <li>th scrollbar disappears if you're not actively scrolling</li>\n *          <li>thumb has border radius</li>\n *          <li>no track</li>\n *        </ul>\n *      </li>\n *      <li>Samsung browser:\n *        <ul>\n *          <li>no side margins</li>\n *        </ul>\n *      </li>\n *    </ul>\n */\nconst StoryMeta = {\n  title: \"ZScrollbar\",\n};\n\nexport default StoryMeta;\n\nexport const Default = {\n  render: () => html`\n    <div class=\"z-scrollbar-story\">\n      <div class=\"scrollbar-container z-scrollbar\">\n        <p>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sodales purus et congue pellentesque. Sed quis\n          venenatis nibh. Cras ut velit vel nisl cursus euismod ac quis lorem. In eget nisl lectus. Quisque id nibh in\n          nisi viverra varius vitae id est. Nulla tincidunt mi eget consequat lacinia. Quisque rhoncus dolor a tortor\n          fermentum molestie. Vivamus posuere non sapien vitae auctor. Donec dignissim efficitur consectetur.\n          Suspendisse eu bibendum tortor. Nulla facilisi. Mauris pharetra eleifend dolor. Morbi velit odio, mollis et\n          euismod eu, imperdiet in lectus. Maecenas laoreet tellus et diam finibus blandit. Mauris aliquam quis tellus\n          et congue.\n        </p>\n      </div>\n    </div>\n  `,\n};\n"]}

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

@@ -158,7 +158,7 @@ export class ZDatePicker {
             } })));
     }
     render() {
-        return (h("div", { key: 'd9ddcadf506aed9515054eae4460ffc3745be7bc', class: {
+        return (h("div", { key: 'dda28683a78ceb2552f28afb6e60169a6e1ac60c', 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: 'a53d148ab03744a1f3db628f7b246c24c5974c64', class: {
+        return (h("div", { key: '49f0ff8d78e0eef4022df4c2b36723aa2c286887', class: {
                 ["range-pickers-container"]: true,
                 [this.mode]: true,
                 [this.activeInput]: true,
                 [this.flatpickrPosition]: true,
-            } }, 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: () => {
+            } }, h("div", { key: '6f81bf4e43dce3dc0f504436187bd6707dd36c11', class: `${this.rangePickerId}-1-wrapper` }, h("div", { key: '64f287e685b97c97981ec10888558b6bd411d67d', class: `${this.rangePickerId}-1-container` }, h("z-input", Object.assign({ key: 'efc2d08365191259ec9f8c2676c580d9468e580a' }, 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: '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: () => {
+            } })))), h("div", { key: '9b7e0609fd19829960a6497b2d832b7154130b63', class: `${this.rangePickerId}-2-wrapper` }, h("div", { key: 'e4dc9455d70128290d917c446bb6717c3a66e533', class: `${this.rangePickerId}-2-container` }, h("z-input", Object.assign({ key: '49496eafd526860075d65895d0489fce267f11ad' }, 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: '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))))));
+        return (h(Host, { key: '1c345c1bfece133ca47e12f08f3707e92a9a3650', "menu-length": this.menuLength }, this.hasHero && (h("div", { key: 'ec380161c53681ed14d817bcc85c1b5ebcc7d2b9', class: "hero-container" }, h("slot", { key: '3e3f0c1a591eb0fc24cc7ec3ebde8829920920b4', name: "hero" }, this.hero && (h("img", { key: '0ac5d15f851943796fe57a89c5161b45254f7897', alt: "", src: this.hero }))))), h("div", { key: '1bc128eff8bfee60e0fbac28a43ef241568a3421', class: "heading-panel", ref: (el) => (this.container = el) }, h("div", { key: '982a82c94a98bc00e4fd540cf94c4c425038d9c0', class: "heading-container" }, h("div", { key: '786634064010c20967b687a8567fbb82aaf5f126', class: "heading-subtitle" }, h("slot", { key: '792f28fea8a7661420d73677f9a4cfb618886110', name: "top-subtitle" })), h("div", { key: 'eb3eafd4e36b218a617c1802c3e6a0563aba75e3', class: "heading-title" }, this.menuLength > 0 && (h("button", { key: 'f66165640eb1f3e640498f4231b02429a9833ce9', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: '15a01b76828bb7d64c889a68f5077655910d8583', name: "burger-menu" }))), h("slot", { key: '9e1038f99339df83e82a63aede899e8ff9aa3725', name: "title" }), this.renderSearchLinkButton()), h("div", { key: '72726562d475b5f4edf19b6b88a89ef9ea1518b3', class: "heading-subtitle" }, h("slot", { key: '0206b4d6da11862121b9cac5a6e87ffccd822089', name: "subtitle" }))), (this.canShowMenu || this.canShowSearchbar) && (h("div", { key: '8c09854d5db8b1af53559ee77adc18c5e9e21836', class: "menu-container" }, this.canShowMenu && (h("slot", { key: '873b577cabe6b6e37c9a00f15ae8da2cdb6dec61', name: "menu", onSlotchange: this.collectMenuElements })), this.canShowSearchbar && this.renderSeachbar(this.currentViewport !== "desktop")))), h("z-offcanvas", { key: '8cea6d5468f2553434242881817309dbf12601b3', variant: OffCanvasVariant.OVERLAY, transitiondirection: TransitionDirection.RIGHT, open: this.drawerOpen, onCanvasOpenStatusChanged: (ev) => (this.drawerOpen = ev.detail) }, h("button", { key: '3be458375ddaa738d40cb41f93a07616952debc2', class: "drawer-close", "aria-label": "Chiudi menu", onClick: this.closeDrawer, slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}`, disabled: !this.drawerOpen }, h("z-icon", { key: 'c14c99a56f4083af6c334a74f613f1a44406ad23', name: "close" })), h("div", { key: 'd52312a4e74258d446564f606c0cf868d9dfac7d', class: "drawer-content", slot: "canvasContent", "aria-hidden": `${!this.drawerOpen}` }, h("slot", { key: 'd3eebb48c21c2269e45eb686c116c22859bfab19', name: "menu", onSlotchange: this.collectMenuElements }))), this._stuck && (h("div", { key: 'c005b81f7f6567005b82c03abc66a89cf6a5d731', class: "heading-stuck" }, h("div", { key: '18ea0f8aaed6543744c829baa726e3d17fe4cc1a', class: "heading-stuck-content" }, this.menuLength > 0 && (h("button", { key: '32df9acac12f1b9f778236f36f9b4dca5f950907', class: "drawer-trigger", "aria-label": "Apri menu", onClick: this.openDrawer }, h("z-icon", { key: 'c6835bbf121417630f5fcddc825258c4f07c6412', name: "burger-menu" }))), h("div", { key: 'a0f631f812478aea4ea6c33088ce8128531d4c5f', class: "heading-title" }, h("slot", { key: '206733fd6de7eed0f1333a221880e046fdf4282d', 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: 'a2248d9206aec07d317dddb8cb8d6061eccc7a53', class: {
+        return (h("article", { key: '237f8f14bccc2e44371b1a9f4cb08904802f1d2d', class: {
                 [this.variant]: true,
                 borderless: !!this.borderless,
             } }, this.renderCard()));

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

@@ -7,7 +7,7 @@ import "../../z-icon/index";
 import "../../z-tag/index";
 import "./index";
 const StoryMeta = {
-    title: "ZBookCardDeprecated",
+    title: "Deprecated/ZBookCardDeprecated",
     component: "z-book-card",
     argTypes: {
         "variant": {
@@ -16,12 +16,6 @@ const StoryMeta = {
             },
             options: Object.values(BookCardDeprecatedVariant),
         },
-        "theme": {
-            control: {
-                type: "inline-radio",
-            },
-            options: ["theme-default", "theme-dark", "theme-black-yellow", "theme-red"],
-        },
         "--z-book-card-ribbon-background-color": getColorTokenArgConfig(),
         "--z-book-card-ribbon-shadow-color": getColorTokenArgConfig(),
     },
@@ -39,7 +33,6 @@ const StoryMeta = {
         "borderless": false,
         "fallbackCover": "https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg",
         "operaTitleTag": "h1",
-        "theme": "theme-default",
         "--z-book-card-ribbon-background-color": "var(--avatar-C08)",
         "--z-book-card-ribbon-shadow-color": "var(--green950)",
         "--z-book-card-compact-width": "262px",
@@ -66,7 +59,6 @@ export const AllProps = {
       ribbon-interactive=${args.ribbonInteractive}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-ribbon-background-color": `${args["--z-book-card-ribbon-background-color"]}`,
         "--z-book-card-ribbon-shadow-color": `${args["--z-book-card-ribbon-shadow-color"]}`,
@@ -94,7 +86,6 @@ export const SlottedTags = {
       ribbon-interactive=${args.ribbonInteractive}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-ribbon-background-color": `${args["--z-book-card-ribbon-background-color"]}`,
         "--z-book-card-ribbon-shadow-color": `${args["--z-book-card-ribbon-shadow-color"]}`,
@@ -129,7 +120,6 @@ export const SlottedResources = {
       ribbon-interactive=${args.ribbonInteractive}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-ribbon-background-color": `${args["--z-book-card-ribbon-background-color"]}`,
         "--z-book-card-ribbon-shadow-color": `${args["--z-book-card-ribbon-shadow-color"]}`,
@@ -176,7 +166,6 @@ export const SlottedHeaderCta = {
       ribbon-interactive=${args.ribbonInteractive}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-ribbon-background-color": `${args["--z-book-card-ribbon-background-color"]}`,
         "--z-book-card-ribbon-shadow-color": `${args["--z-book-card-ribbon-shadow-color"]}`,
@@ -209,7 +198,6 @@ export const SlottedFooterCta = {
       ribbon-interactive=${args.ribbonInteractive}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-ribbon-background-color": `${args["--z-book-card-ribbon-background-color"]}`,
         "--z-book-card-ribbon-shadow-color": `${args["--z-book-card-ribbon-shadow-color"]}`,
@@ -358,7 +346,6 @@ export const CompactVariant = {
       isbn-label=${args.isbnLabel}
       fallback-cover=${args.fallbackCover}
       opera-title-tag=${args.operaTitleTag}
-      class=${args.theme}
       style=${styleMap({
         "--z-book-card-compact-width": `${args["--z-book-card-compact-width"]}`,
         "--z-book-card-compact-height": `${args["--z-book-card-compact-height"]}`,

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated & {\n  theme: \"theme-default\" | \"theme-dark\" | \"theme-black-yellow\";\n} & CSSVarsArguments<\n    | \"z-book-card-ribbon-background-color\"\n    | \"z-book-card-ribbon-shadow-color\"\n    | \"z-book-card-compact-width\"\n    | \"z-book-card-compact-height\"\n  >;\nconst StoryMeta = {\n  title: \"ZBookCardDeprecated\",\n  component: \"z-book-card\",\n  argTypes: {\n    \"variant\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(BookCardDeprecatedVariant),\n    },\n    \"theme\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: [\"theme-default\", \"theme-dark\", \"theme-black-yellow\", \"theme-red\"],\n    },\n    \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n    \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n  },\n  args: {\n    \"variant\": BookCardDeprecatedVariant.EXPANDED,\n    \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n    \"operaTitle\": \"Matematica.azzurro\",\n    \"volumeTitle\": \"Volume 3 con Tutor\",\n    \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n    \"isbn\": \"9788808930552\",\n    \"isbnLabel\": \"\",\n    \"ribbon\": \"ADOTTATO\",\n    \"ribbonIcon\": \"\",\n    \"ribbonInteractive\": false,\n    \"borderless\": false,\n    \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n    \"operaTitleTag\": \"h1\",\n    \"theme\": \"theme-default\",\n    \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n    \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n    \"--z-book-card-compact-width\": \"262px\",\n    \"--z-book-card-compact-height\": \"600px\",\n  },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"expanded\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n        tabindex=\"0\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"search\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n  parameters: {\n    controls: {\n      exclude: [\n        \"variant\",\n        \"ribbon\",\n        \"ribbonIcon\",\n        \"ribbonInteractive\",\n        \"--z-book-card-ribbon-background-color\",\n        \"--z-book-card-ribbon-shadow-color\",\n      ],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"compact\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      borderless=${args.borderless}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      class=${args.theme}\n      style=${styleMap({\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div\n        slot=\"footer-cta\"\n        style=\"display:flex; gap:8px;\"\n      >\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Call to action\n        </z-button>\n        <z-button\n          icon=\"arrow-quad-north-east\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        ></z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n"]}
+{"version":3,"file":"index.stories.js","sourceRoot":"","sources":["../../../../../src/components/deprecated/z-book-card-deprecated/index.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import {Meta, StoryObj} from \"@storybook/web-components\";\nimport {html} from \"lit\";\nimport {styleMap} from \"lit/directives/style-map.js\";\nimport {ZBookCardDeprecated} from \".\";\nimport {BookCardDeprecatedVariant} from \"../../../beans\";\nimport {CSSVarsArguments, getColorTokenArgConfig} from \"../../../utils/storybook-utils\";\nimport \"../../z-button/index\";\nimport \"../../z-icon/index\";\nimport \"../../z-tag/index\";\nimport \"./index\";\n\ntype ZBookCardStoriesArgs = ZBookCardDeprecated &\n  CSSVarsArguments<\n    | \"z-book-card-ribbon-background-color\"\n    | \"z-book-card-ribbon-shadow-color\"\n    | \"z-book-card-compact-width\"\n    | \"z-book-card-compact-height\"\n  >;\nconst StoryMeta = {\n  title: \"Deprecated/ZBookCardDeprecated\",\n  component: \"z-book-card\",\n  argTypes: {\n    \"variant\": {\n      control: {\n        type: \"inline-radio\",\n      },\n      options: Object.values(BookCardDeprecatedVariant),\n    },\n    \"--z-book-card-ribbon-background-color\": getColorTokenArgConfig(),\n    \"--z-book-card-ribbon-shadow-color\": getColorTokenArgConfig(),\n  },\n  args: {\n    \"variant\": BookCardDeprecatedVariant.EXPANDED,\n    \"cover\": \"https://staticmy.zanichelli.it/catalogo/assets/m40001.9788808490056.jpg\",\n    \"operaTitle\": \"Matematica.azzurro\",\n    \"volumeTitle\": \"Volume 3 con Tutor\",\n    \"authors\": \"Massimo Bergamini, Anna Trifone, Graziella Barozzi\",\n    \"isbn\": \"9788808930552\",\n    \"isbnLabel\": \"\",\n    \"ribbon\": \"ADOTTATO\",\n    \"ribbonIcon\": \"\",\n    \"ribbonInteractive\": false,\n    \"borderless\": false,\n    \"fallbackCover\": \"https://staticmy.zanichelli.it/copertine/dashboard/Dashboard_Book_Placeholder.jpg\",\n    \"operaTitleTag\": \"h1\",\n    \"--z-book-card-ribbon-background-color\": \"var(--avatar-C08)\",\n    \"--z-book-card-ribbon-shadow-color\": \"var(--green950)\",\n    \"--z-book-card-compact-width\": \"262px\",\n    \"--z-book-card-compact-height\": \"600px\",\n  },\n} satisfies Meta<ZBookCardStoriesArgs>;\n\nexport default StoryMeta;\n\ntype Story = StoryObj<ZBookCardStoriesArgs>;\n\nexport const AllProps = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    ></z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedTags = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedResources = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedHeaderCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SlottedFooterCta = {\n  parameters: {\n    controls: {\n      exclude: [\"borderless\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=${args.variant}\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const ExpandedVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"expanded\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <a\n        class=\"z-link z-link-blue z-link-icon\"\n        slot=\"resources\"\n        style=\"width:100%; margin-bottom: 6px;\"\n      >\n        <z-icon\n          style=\"margin-right: 8px\"\n          name=\"arrow-quad-north-east\"\n        ></z-icon>\n        Resource link mock\n      </a>\n      <z-button\n        slot=\"resources\"\n        variant=\"secondary\"\n        size=\"x-small\"\n        style=\"width:100%; margin-bottom: 16px;\"\n        >Resource CTA mock</z-button\n      >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n        tabindex=\"0\"\n      ></z-icon>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const SearchVariant = {\n  parameters: {\n    controls: {\n      exclude: [\"variant\", \"borderless\", \"theme\", \"--z-book-card-compact-width\", \"--z-book-card-compact-height\"],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"search\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      ribbon=${args.ribbon}\n      ribbon-icon=${args.ribbonIcon}\n      ribbon-interactive=${args.ribbonInteractive}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-ribbon-background-color\": `${args[\"--z-book-card-ribbon-background-color\"]}`,\n        \"--z-book-card-ribbon-shadow-color\": `${args[\"--z-book-card-ribbon-shadow-color\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div slot=\"footer-cta\">\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Leggi il libro online\n        </z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n\nexport const CompactVariant = {\n  parameters: {\n    controls: {\n      exclude: [\n        \"variant\",\n        \"ribbon\",\n        \"ribbonIcon\",\n        \"ribbonInteractive\",\n        \"--z-book-card-ribbon-background-color\",\n        \"--z-book-card-ribbon-shadow-color\",\n      ],\n    },\n  },\n  render: (args) =>\n    html`<z-book-card-deprecated\n      variant=\"compact\"\n      cover=${args.cover}\n      opera-title=${args.operaTitle}\n      volume-title=${args.volumeTitle}\n      borderless=${args.borderless}\n      authors=${args.authors}\n      isbn=${args.isbn}\n      isbn-label=${args.isbnLabel}\n      fallback-cover=${args.fallbackCover}\n      opera-title-tag=${args.operaTitleTag}\n      style=${styleMap({\n        \"--z-book-card-compact-width\": `${args[\"--z-book-card-compact-width\"]}`,\n        \"--z-book-card-compact-height\": `${args[\"--z-book-card-compact-height\"]}`,\n      })}\n    >\n      <z-icon\n        name=\"star-empty\"\n        slot=\"header-cta\"\n      ></z-icon>\n      <z-tag\n        slot=\"tags\"\n        style=\"--z-tag-bg: var(--avatar-C18)\"\n        >EDI</z-tag\n      >\n      <z-tag slot=\"tags\">VERSIONE INSEGNANTE</z-tag>\n      <div\n        slot=\"footer-cta\"\n        style=\"display:flex; gap:8px;\"\n      >\n        <z-button\n          href=\"http://dizionari.zanichelli.it\"\n          target=\"_blank\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        >\n          Call to action\n        </z-button>\n        <z-button\n          icon=\"arrow-quad-north-east\"\n          variant=\"secondary\"\n          size=\"x-small\"\n        ></z-button>\n      </div>\n    </z-book-card-deprecated>`,\n} satisfies Story;\n"]}

package/dist/collection/components/deprecated/z-menu-deprecated/index.js

@@ -96,7 +96,7 @@ export class ZMenuDeprecated {
         return (h("div", { class: "menu-label" }, h("div", { class: "menu-label-content" }, h("slot", { onSlotchange: this.onLabelSlotChange }))));
     }
     render() {
-        return (h(Host, { key: 'b85eb4e974d6e49d326f637e96f467d867588cc4' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '36e4f36123dd6e49f334a6f5e98cce0875df158c', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: 'd8d980f037bd593ca7388946f27f08372d19f7e8', class: "header" }, h("slot", { key: '1d40e062cc0d24b5c7adcb707341d438e0089cb7', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '93cdd787bb371624be8311ca32539a576ee1fcb7', class: "items", role: "menu" }, h("slot", { key: '2d1ffad0d4c6fec04d202e371118535f5454eaef', name: "item", onSlotchange: this.onItemsChange }))))));
+        return (h(Host, { key: '74b5b32d29db7c6e7d241f1583a2df27979fb4f8' }, this.renderMenuLabel(), this.hasContent && (h("div", { key: '6bdfeb0e2d900a53e69a15861c1c5d6337fcf972', class: "content", ref: (el) => (this.content = el) }, this.hasHeader && (h("header", { key: 'da9c528915686f2b5fcface1483822df96abca6b', class: "header" }, h("slot", { key: '692467f0246d129d75525a5097529d8c2a8f6817', name: "header", onSlotchange: this.checkContent }))), h("div", { key: '639ffcb514c6d95d7dca908b2c0cbf142f42a9e3', class: "items", role: "menu" }, h("slot", { key: '783021819f17a536746670de911ebef9665e8e99', name: "item", onSlotchange: this.onItemsChange }))))));
     }
     static get is() { return "z-menu-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/z-menu-section-deprecated/index.js

@@ -43,7 +43,7 @@ export class ZMenuSectionDeprecated {
         this.checkContent();
     }
     render() {
-        return (h(Host, { key: '683c1153c92167f03d2324765485f0c42d9e088e', role: "menu", open: this.open }, h("button", { key: '774e5b28393d489684864d4e3ad3e5f2f9ad8ffe', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: 'f27ceb99398725734be2027e191c7bba8e3bf593', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: 'a5a2a175c5ec52579d184afbed86135f0c43ea8e', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: 'd27cf75d9481eae65039adc296246776b09fbc3a', class: "items" }, h("slot", { key: 'dbb67c5b4f7587a4f83a4ffe8a8af6d91d1180c8', name: "item", onSlotchange: this.checkContent.bind(this) })))));
+        return (h(Host, { key: 'cb55ccb8c7327254eabaab573f6fb0a5ae2ac361', role: "menu", open: this.open }, h("button", { key: '5065f38502c4bb0167bb7332e0e8ba0dd36541df', class: "label", "aria-pressed": this.open ? "true" : "false", onClick: this.toggle.bind(this) }, h("slot", { key: '67a5082482b73f27f8244f730ac88da14d4db6c4', onSlotchange: this.onLabelSlotChange.bind(this) }), this.hasContent && h("z-icon", { key: 'b513a5c76223e7a83162cc3b28434c53124b135c', name: this.open ? "chevron-up" : "chevron-down" })), this.open && (h("div", { key: '4f43962d01e60cea802f06413acae360ead32aa0', class: "items" }, h("slot", { key: '020f1235a37a99e274e9f4d611153f4915c9cd41', name: "item", onSlotchange: this.checkContent.bind(this) })))));
     }
     static get is() { return "z-menu-section-deprecated"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-dragdrop-area/index.js

@@ -12,12 +12,12 @@ export class ZDragdropArea {
         }
     }
     render() {
-        return (h(Host, { key: '5dd259e74cca7c7fa1278d9cdc11062efaaf34b2', class: { dragover: this.dragging }, onDragOver: (e) => {
+        return (h(Host, { key: '0eb0d28959364ac3b19ca8c6a94cb77db64e115b', class: { dragover: this.dragging }, onDragOver: (e) => {
                 e.preventDefault();
                 this.dragging = true;
             }, onDragLeave: () => {
                 this.dragging = false;
-            }, onDrop: this.onDrop.bind(this) }, h("div", { key: '2c8607ad99edd4ad3a59b9b2511222b4fced829d', class: "dragover-container" }, h("z-button", { key: '8cc6efce06a0df6d5473d2a6e1920e1e38952906' }, this.dragAndDropLabel)), h("slot", { key: '969e228a60b69c7eed7f287c3a5b35b8e82bbe07' })));
+            }, onDrop: this.onDrop.bind(this) }, h("div", { key: 'bb895b08caa22db625f55387eaf0c67aaee713af', class: "dragover-container" }, h("z-button", { key: '74d2f37fc52de09dd02736289cd0c0270b63e240' }, this.dragAndDropLabel)), h("slot", { key: 'f024c13f0b408ec6f6431e9b6e6c5b73c674b1ca' })));
     }
     static get is() { return "z-dragdrop-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/file-upload/z-file/index.js

@@ -32,7 +32,7 @@ export class ZFile {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (h(Host, { key: '9a670c454baa87afc7d1c9e47a744eecaa074c68' }, this.allowPopover && (h("z-popover", { key: '8d5d38d65a09aee75d56b888b9828a3f8a9e1626', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'c24e0d8afecbe3fdfb6370c76ddc0db54f597497', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'a5c4ff0f9366bb59d581c9d48606d8989bbed678', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: 'eed1a949170a44f7ff618ec3e363923aea656742', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
+        return (h(Host, { key: 'aab09421c86ae3e4363157a36ba7dd90eba1fb45' }, this.allowPopover && (h("z-popover", { key: '82e2f64a9cf0700ff4c866ef5a1c9698cdeb124f', open: this.popoverVisible, position: PopoverPosition.AUTO, bindTo: this.chip }, h("span", { key: 'affa4edac9a131c9abe293a08933993c3613f6cc', class: "body-5 tooltip-content" }, this.ellipsis.innerText))), h("z-chip", { key: 'f6a80c8bcdccd89bf3d72b67a40d54b3b3c16456', ref: (el) => (this.chip = el), id: `chip-${this.fileNumber}`, interactiveIcon: "multiply-circled", type: ZChipType.DEFAULT }, h("span", { key: '8159b57e939c249924f99b0fb5bdbfd76c6a38f1', ref: (el) => (this.ellipsis = el), tabIndex: -1 }, this.fileName))));
     }
     static get is() { return "z-file"; }
     static get encapsulation() { return "scoped"; }

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

@@ -18,7 +18,7 @@ export class ZList {
         this.setChildrenSizeType();
     }
     render() {
-        return (h(Host, { key: '566e607d30100064c22bd292fce144f2d6105b5e' }, h("slot", { key: '43da8ff297f1610dbaa8cb67c9c498de90b7fa1e' })));
+        return (h(Host, { key: 'b8c56afd8f7e7bc741811796373511d8bea0e134' }, h("slot", { key: 'd38c7d0cda75c379d2b7f3b1a30f6b02cb6cec5f' })));
     }
     static get is() { return "z-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -116,7 +116,7 @@ export class ZListElement {
         }
     }
     render() {
-        return (h(Host, { key: '00645187f8ab37bdf80bf45977ebcb7bd2f34e6a', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex }, h("div", { key: '0e19b51577dc65199033e916d9bbc87e034861a5', class: this.hasTreeItems ? "tree-element-container" : "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '10fd78f3a2ef64dab0adc816bffa6ed51c446a5e', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: '5322b21f3635c554e0bb305c9841ef5013323486', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
+        return (h(Host, { key: '9ccc286d8d6334e8abf36909dab101c2b014f3aa', "aria-expanded": this.expandable ? this.showInnerContent : null, onClick: this.handleClick, onFocus: () => this.ariaDescendantFocus.emit(this.listElementId), onKeyDown: this.handleKeyDown, clickable: this.clickable && !this.disabled, tabIndex: this.hasTreeItems ? undefined : this.htmlTabindex }, h("div", { key: '178e76e6e3b644468d7bf121399f6d3030b5b357', class: this.hasTreeItems ? "tree-element-container" : "container", style: { color: `var(--${this.color})` }, tabindex: "-1", id: `z-list-element-id-${this.listElementId}`, part: "list-item-container" }, h("div", { key: '077ff6c48e9b6f266bc40d6d291025f285cd5ce7', class: "z-list-element-container" }, this.renderExpandableButton(), this.renderContent()), this.renderExpandedContent()), this.dividerType === ListDividerType.ELEMENT && (h("z-divider", { key: 'fea718d0c92e3deadfd0bd6c1a1f84bf12323347', class: { "z-tree-list-divider": this.hasTreeItems }, color: this.dividerColor, size: this.dividerSize }))));
     }
     static get is() { return "z-list-element"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,14 +3,15 @@
 }
 
 :host > .container {
-  --background-color-list-element: var(--color-surface01);
-  --background-hover-color-list-element: var(--color-background);
-  --background-active-color-list-element: var(--color-background);
+  --background-color-list-element: ;
+  --background-hover-color-list-element: ;
+  --background-active-color-list-element: ;
 
   display: flex;
   box-sizing: border-box;
   flex-direction: column;
   justify-content: center;
+  background-color: var(--background-color-list-element, var(--color-surface01));
   font-family: var(--font-family-sans);
   font-weight: var(--font-rg);
   outline: none;
@@ -52,7 +53,7 @@
 
 :host([expandable]:hover) > .container,
 :host([clickable]:hover) > .container {
-  background-color: var(--background-hover-color-list-element);
+  background-color: var(--background-hover-color-list-element, var(--color-background));
 }
 
 :host([expandable]:focus:focus-visible) > .container,
@@ -66,7 +67,7 @@
 
 :host([expandable]:active) > .container,
 :host([clickable]:active) > .container {
-  background-color: var(--background-active-color-list-element);
+  background-color: var(--background-active-color-list-element, var(--color-background));
 }
 
 :host([align-button="left"][expandable]) > .container > .z-list-element-container {

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

@@ -26,11 +26,11 @@ export class ZListGroup {
         this.hasHeader = !!this.host.querySelector('[slot="header-title"]');
     }
     render() {
-        return (h(Host, { key: 'afd2b0093a42e5fba6d110245736bca749343390', role: "group" }, h("div", { key: '28216a786439952e0fe290e5a639f2a73eb2425b', class: {
+        return (h(Host, { key: 'e1e930b456d48f33cee98df8b0cff95a1e4ef284', role: "group" }, h("div", { key: '9774b849c0a10d22a9dfee59e02fe06e2f2574d9', class: {
                 "z-list-group-header-container": true,
                 "has-header": this.hasHeader && !this.hasTreeItems,
                 "grouped-tree-list-header": this.hasTreeItems,
-            } }, h("slot", { key: '51119b9e9d016e82823330ef980de75b35e95c80', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '05a1b540ba04b7f3db221f6a9ccb87d1b74d415a', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '9d10be5a68b5560cab99fc06f5099918b49d2d4c' })));
+            } }, h("slot", { key: '754ee43ea298bb22452859671d509480d311918b', name: "header-title" }), this.dividerType === ListDividerType.HEADER && (h("z-divider", { key: '5033e52bedd67862875cb05a5ebc3a4d3f4765fa', color: this.dividerColor, size: this.dividerSize }))), h("slot", { key: '469a386f1d102b371aad8e9bfcd1ea7a3d5e8ee9' })));
     }
     static get is() { return "z-list-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/cells/z-td/index.js

@@ -29,7 +29,7 @@ export class ZTd {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: 'f7de551489427a62939270e957e45f4dbfd2e276', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: 'c3bab70a1017dcf030e0a57d36da2a46472b6d94', class: "cell--content" }, h("slot", { key: 'bab52a837654d4d72d34a04a6fac360f46d00485' }), this.showMenu && (h("div", { key: '657f551215f6b9c6cdcc0a5c3727dc1270fa5fe5', class: "cell--menu-container prevent-expand" }, h("z-button", { key: '42b96474d307462bf80defd4014e94dc479fde65', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '02c317216820acbc543100ca4368a2f441eaae9f', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'b765e4b58ed69fe10a8337e929b0dc156cfce650', name: "contextual-menu" })))))));
+        return (h(Host, { key: '62da2e2ff59095eed2e2d9fa62cfecc371ee091c', role: "cell", "menu-open": this.isMenuOpen }, h("div", { key: '4feece4471859c28bad82efc66e3e272a714814e', class: "cell--content" }, h("slot", { key: '8e1907d6cbdc3a4f67c58f020adc92607eb054a0' }), this.showMenu && (h("div", { key: 'de58da09bc31daf6494be8422bdc7addaebcfc43', class: "cell--menu-container prevent-expand" }, h("z-button", { key: 'ff18111bf4942839c0b6b79e7333fcb134d9b79a', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: this.onMenuButtonClick.bind(this) }), h("z-popover", { key: '0ce86c3f81f2384a02003cbafda2a814b6d9e73a', class: "cell-popover", ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '00931199a470f98c2bb2e32fc5341989fe5238aa', name: "contextual-menu" })))))));
     }
     static get is() { return "z-td"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/cells/z-th/index.js

@@ -50,7 +50,7 @@ export class ZTh {
         this.updateColspan();
     }
     render() {
-        return (h(Host, { key: '29d00b9cca980ef969f1e5437497fb8d3813fcc0', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: 'e1aa40618413575fedcc7e627280669e064054f8', class: "cell--content" }, h("slot", { key: '842da5d5c6c500e8706203ed07a0dd243d26b42c' }), this.showSorting && (h("button", { key: 'ef2473dc91e989eb398a667c8a73bb7579082258', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '17c11e9ada49d94c13173380fafeaff4deae1ec9', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: 'db09ba4db62162a09966b0554d80bcc4f1e254a8', class: "cell--menu-container" }, h("z-button", { key: 'fb3027cdca8658a2616a5612b02641f8a5dafeb0', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '25c3d7bd294a9384e606220930073e530db7c0ae', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: '95be7b90aee8feb2904a982fe59355e461df9c46', name: "contextual-menu" })))))));
+        return (h(Host, { key: 'c2e95b78edf95ed99c3525375980189a1a128106', role: "columnheader", "menu-open": this.isMenuOpen, "aria-sort": this.ariaSortDirection, sortable: this.showSorting }, h("div", { key: '38d6c8f9e3acc9b8bcc97501479361eae3c85f52', class: "cell--content" }, h("slot", { key: 'b8594f3aa2e863d7aa4fcd0d86dce6f756e79dc1' }), this.showSorting && (h("button", { key: '1f236dc2b9eabfbd7f8d48240ea459c495468c28', class: "z-th--sort-button", type: "button", onClick: this.handleSort.bind(this) }, h("z-icon", { key: '136552edd38529b090be67649f5cc34791a86e4b', name: this.sortDirection === SortDirection.DESC ? "arrow-simple-up" : "arrow-simple-down", width: 14, height: 14 }))), this.showMenu && (h("div", { key: '70d8ebf7c5f1810a0787c004ecc09d9ebe8ac5e8', class: "cell--menu-container" }, h("z-button", { key: 'ae13ca15faf29ec53f01b2a0b49c2695623ed7b1', variant: ButtonVariant.TERTIARY, icon: "contextual-menu", size: ControlSize.X_SMALL, ref: (el) => (this.menuTrigger = el), onClick: () => (this.popoverEl.open = !this.popoverEl.open) }), h("z-popover", { key: '451a61903e29a99aeb74de7b36729b7acb689e15', ref: (el) => (this.popoverEl = el), bindTo: this.menuTrigger, onOpenChange: (event) => (this.isMenuOpen = event.detail.open), position: this.popoverPosition }, h("slot", { key: 'dc6b3863a4f1e5b22bdbe106be954c87c68dac93', name: "contextual-menu" })))))));
     }
     static get is() { return "z-th"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class ZTable {
         (_a = this.expandableMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
     }
     render() {
-        return (h(Host, { key: '8cc330079f36a6c9112ef15dd5bb66f7c0e07db5', expandable: this.expandable }, h("div", { key: '5b9783130bb30d5e0dc3e62c132b043900cb746f', class: "table", role: "table" }, h("slot", { key: 'e339c4892e8c433fb79e054ac47e45c8a6ac40e5' }))));
+        return (h(Host, { key: '2bb52e3fc888013ff58b5f47d365b321857c9151', expandable: this.expandable }, h("div", { key: 'dbeadb1c170166590a3409fd2c8a9187ef1dad8e', class: "table", role: "table" }, h("slot", { key: 'eabc792f58c1653315c31d84a5611b940c4ee0ae' }))));
     }
     static get is() { return "z-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tbody/index.js

@@ -5,7 +5,7 @@ import { Host, h } from "@stencil/core";
  */
 export class ZTbody {
     render() {
-        return (h(Host, { key: 'b704110bd5823c470d18953bc24db09da7c66e8a', role: "rowgroup" }, h("slot", { key: 'd71e881ccc992ac2a8e97efa8617d33c63ae1003' })));
+        return (h(Host, { key: 'be28c87b33bf92cfb4881c23d9c35516b80dc14d', role: "rowgroup" }, h("slot", { key: 'dc99f0e26b8338d0882d7a2ef4ab8703b294b6c6' })));
     }
     static get is() { return "z-tbody"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tfoot/index.js

@@ -8,7 +8,7 @@ export class ZTfoot {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: '86efe92f23250e482ef7e9c0b646d28f294214c6', role: "rowgroup" }, h("slot", { key: '07ff4d3ad791419325d865160a229b228d9f0626' })));
+        return (h(Host, { key: '55e54fcb261d7c4f9834f0e2c8870c4b723177c5', role: "rowgroup" }, h("slot", { key: 'a5c476a478ae821b85d70ab6b79f16bf0d96dcbe' })));
     }
     static get is() { return "z-tfoot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-thead/index.js

@@ -8,7 +8,7 @@ export class ZThead {
         this.sticky = false;
     }
     render() {
-        return (h(Host, { key: 'ef0a3c17f7163b6bdb0d43d21cb1ac6607f53e7c', role: "rowgroup" }, h("slot", { key: '80b4a406f26e0c637972e663d99707431d39e9a4' })));
+        return (h(Host, { key: '8422b1bac73aecf43290f11794fea07e13c953c1', role: "rowgroup" }, h("slot", { key: '1738b80a1970b980f18ecb3bbed74415b5f8b009' })));
     }
     static get is() { return "z-thead"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/table/z-tr/index.js

@@ -43,7 +43,7 @@ export class ZTr {
         this.updateColumns();
     }
     render() {
-        return (h(Host, { key: '467c0a01f3c28851b85d47bd178e6555cbb3f57f', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'ff2c7ecbc7775ee60951a3df3e7ecf67a6d77362', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: 'fe1297aafa51d66acd09794bf47333079bc90604', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: '517ffd66223d3ca7dc093aaa730455a02e6a61fd', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'cead9ff3b1da3cf20982bdc87413414925264c40', onSlotchange: this.updateColumns.bind(this) })));
+        return (h(Host, { key: 'd2576e0a5f2b45e91ca7b00038c2e9fa981af3ec', role: "row", onClick: this.onRowClick.bind(this), expanded: this.expanded }, h("div", { key: 'afe9257fd987b55938ce873d6f5b31129d471857', class: "z-tr--expand-button-container" }, this.expandable && (h("button", { key: '72d42882c3d1e1c1ad45819afce93a3bc76f7413', "aria-expanded": this.expanded ? "true" : "false", "aria-label": this.expanded ? "Comprimi riga" : "Espandi riga", "aria-controls": this.expandableContentId, type: "button" }, h("z-icon", { key: 'a3f5fa4753b9b654ff3edf17d52b273b80d20a34', name: this.expanded ? "minus-circled" : "plus-circled" })))), h("slot", { key: 'b3ac438bb68da8d038616ce41a70beabd1d31139', onSlotchange: this.updateColumns.bind(this) })));
     }
     static get is() { return "z-tr"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,7 +47,7 @@ export class ZAccordion {
         this.toggled.emit(this.open);
     }
     render() {
-        return (h("details", { key: '91b7f482ab659db2ce2c194d6c0e000a474b8fbc', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'dec93f741b0bf720f2e3ca27d80721924f7e96c0', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '8943eca3e953b29025e17c15b9092538d2246442', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '2e6ba1c7a24fc12e07b159004f09d43e8f7938ae', class: "z-accordion-label" }, this.label), h("span", { key: '165e5f2d9ca85454017ca9a93e672c9a31aa0951', class: "z-accordion-tags" }, h("slot", { key: '5793cda10680845f990c279e8f4987b93a5d3b95', name: "tag" })), h("z-icon", { key: 'e2fd79cf10045f11006eb6a5a996dba0b85fdc08', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '98aff9373f60e83162ac5e13c92041c97f24803a', class: "z-accordion-content", part: "content" }, h("slot", { key: 'd663ae67768932cbdfce8b3e01d6d9ad5f37c41d' })))));
+        return (h("details", { key: 'd1318774dc57fc255b5b12a0370e47bb5fdbca31', ref: (elm) => (this.detailsElm = elm), onToggle: this.onDetailsToggle.bind(this), open: this.open }, h("summary", { key: 'fd895d877d016eb2b8024dbe9230033d3fec3532', tabIndex: this.isDisabled ? -1 : null, part: "summary" }, this.icon && (h("z-icon", { key: '85c12e219895050623788822f080f6b4389dab64', class: "z-accordion-label-icon", name: this.icon })), h("span", { key: '4b2e6d5e241f464ba9e38797ace01f5e233b040a', class: "z-accordion-label" }, this.label), h("span", { key: '048c71dcc1a4dc1ad87e5b6d3d48c1725dc21844', class: "z-accordion-tags" }, h("slot", { key: '15655230f848df138b22260344078d5de885b3d8', name: "tag" })), h("z-icon", { key: '72abc36244ec43949db45a453b45f33b1f7d37a4', class: "z-accordion-chevron", name: this.open ? "chevron-up" : "chevron-down" })), !this.isDisabled && (h("div", { key: '7bd1d01b388515b177992086d34466473e594e4d', class: "z-accordion-content", part: "content" }, h("slot", { key: '98f86ed93a3f3056047794ff6e4c12dfc44aec3f' })))));
     }
     static get is() { return "z-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@
   --z-accordion-disabled-label-color: var(--color-text03);
   --z-accordion-content-bg: var(--color-surface01);
   --z-accordion-content-fg: var(--color-default-text);
-  --z-accordion-hover-color: var(--color-surface03);
+  --z-accordion-hover-color: var(--color-surface02);
   --z-accordion-left-padding: calc(var(--space-unit) * 2);
   --z-accordion-right-padding: var(--space-unit);
   --z-accordion-label-font-weight: var(--font-sb);

package/dist/collection/components/z-anchor-navigation/index.js

@@ -49,7 +49,7 @@ export class ZAnchorNavigation {
         window.removeEventListener("hashchange", this.setCurrent);
     }
     render() {
-        return (h(Host, { key: '13b73e5270d20ed2fe6993c36bcc67b462e906c6', collapsed: this.collapsed }, h("z-button", { key: 'e30c82721fc47924bcea1d16d0df1809ce8bf9e5', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: '2947b460bbaa7df8d2a8a9a50c51d1b4aa9230d4', ref: (el) => (this.nav = el) }, h("slot", { key: '9db93583f854c9a6ca57da4d7efeebca6c88836e' }))));
+        return (h(Host, { key: 'd31a1987cf0536321a859a314760b1a4a906c843', collapsed: this.collapsed }, h("z-button", { key: 'cc7b52c84f5f4dfbd15aff76bd35048e23ecb2c6', class: "toggle", variant: ButtonVariant.SECONDARY, icon: this.collapsed ? "chevron-up" : "chevron-down", onClick: this.toggleCollapsed.bind(this) }, "salta a"), h("nav", { key: 'ac446bf4092ba524a5786c182ea3a740d7159c64', ref: (el) => (this.nav = el) }, h("slot", { key: '265daef0a3610cef591d90e0a16df64b666d2c75' }))));
     }
     static get is() { return "z-anchor-navigation"; }
     static get originalStyleUrls() {

package/dist/collection/components/z-anchor-navigation/styles.css

@@ -49,7 +49,7 @@ z-anchor-navigation nav * a:not(:only-child) {
 
 z-anchor-navigation nav > * {
   position: relative;
-  border-left: var(--border-size-large) solid var(--color-surface05);
+  border-left: var(--border-size-large) solid var(--color-default-icon);
   color: var(--color-default-text);
   font-family: var(--font-family-sans);
   transition:
@@ -103,13 +103,14 @@ z-anchor-navigation nav button {
   @media (hover: hover) {
     /* ...show them only hovering/focusing the anchor */
     z-anchor-navigation nav > :is([data-current], :hover, :focus, :focus-within) > :is(z-button, button) {
+      fill: var(--color-default-icon);
       opacity: 1;
       pointer-events: unset;
     }
 
     z-anchor-navigation nav > *:hover {
       border-left-color: var(--color-hover-primary);
-      background-color: var(--color-surface02);
+      background-color: var(--color-background);
       color: var(--color-hover-primary);
     }
   }