npm - @zanichelli/albe-web-components - Versions diffs - 20.0.5 → 20.1.0 - Mend

@zanichelli/albe-web-components 20.0.5 → 20.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (950) hide show

package/dist/cjs/z-button-sort.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var breakpoints = require('./breakpoints-B7vFm-3T.js');
 const stylesCss = () => `button{display:flex;max-width:100%;height:36px;align-items:center;padding:0 var(--space-unit);border:var(--border-size-medium) solid var(--color-primary01);background-color:var(--color-surface01);border-radius:var(--border-radius);color:var(--color-primary01);cursor:pointer;fill:var(--color-primary01);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);outline:none}button::-moz-focus-inner{border:0}button:hover{border-color:var(--color-hover-primary);color:var(--color-hover-primary);fill:var(--color-hover-primary-icon)}button:focus{border-color:var(--color-primary01);box-shadow:var(--shadow-focus-primary);color:var(--color-primary01);fill:var(--color-primary01)}button:active{border-color:var(--color-pressed-primary);box-shadow:var(--shadow-2);color:var(--color-pressed-primary);fill:var(--color-active-primary-icon)}button.selected{border-color:var(--color-hover-primary);background-color:var(--color-hover-primary);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}button>span.ellipsis{overflow:hidden;padding:0;margin:0;text-overflow:ellipsis;white-space:nowrap}button>span.counter{margin-right:calc(var(--space-unit) * 2);margin-left:calc(var(--space-unit) / 2)}button>span.sort{margin-right:calc(var(--space-unit) / 2);white-space:nowrap}button>span{margin-right:calc(var(--space-unit) / 2)}@media (min-width: 768px){button{max-width:325px}}@media (min-width: 1152px){button{max-width:490px}}`;
@@ -43,12 +43,9 @@ const ZButtonSort = class {
         return this.ellipsis.offsetWidth < this.ellipsis.scrollWidth;
     }
     render() {
-        return (index.h("button", { key: 'acc7e3fa2e284b9b5b5d8f20f5d2f149c80b7e05', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, index.h("span", { key: 'a50ff5723e5817d724206e0495e1b3f45b5f4c3f', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), index.h("span", { key: '3962fb15112cb94ea958b607cb915f61f4adaa02', class: "counter" }, this.counter && ` (${this.counter})`), index.h("span", { key: '23d06d6e51ce292b26e6e4bd7ee07aeb097f843f', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), index.h("z-icon", { key: '35d3bd5bd3f84cf6e008b8c01a3d0dc995dc6f44', name: "caret-up-down", width: 16, height: 16 })));
+        return (index.h("button", { key: '4901f145f3f99b77a517436136f465701ab704b4', title: this.setButtonTitle(), id: this.buttonid, class: { selected: this.isselected }, onClick: () => this.emitButtonSortClick() }, index.h("span", { key: '9b58a4d901c813de970cf47671f0817e46db1b97', ref: (el) => (this.ellipsis = el), class: "ellipsis" }, !this.sortasc && this.desclabel ? this.desclabel : this.label), index.h("span", { key: '2f41fcce8e401679195f8252b06fac2c6e6dc9f5', class: "counter" }, this.counter && ` (${this.counter})`), index.h("span", { key: 'ab012242e766809580745c9e0098349ab21bf785', class: "sort" }, this.sortasc ? this.sortlabelasc : this.sortlabeldesc), index.h("z-icon", { key: '3afa2dd73bd8a770f2a17f981694c2d183c0ebb0', name: "caret-up-down", width: 16, height: 16 })));
     }
 };
 ZButtonSort.style = stylesCss();
 exports.z_button_sort = ZButtonSort;
-//# sourceMappingURL=z-button-sort.entry.cjs.js.map
-//# sourceMappingURL=z-button-sort.cjs.entry.js.map

package/dist/cjs/z-card.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `:host{--aspect-ratio:1.62;--z-card--border-color:var(--gray200);--z-card--color-cover-background:var(--color-surface01);--z-card--text-background:var(--color-surface01);--z-card--text-border-radius:none;--z-card--text-border:none;--z-card--text-padding:calc(var(--space-unit) * 2) var(--space-unit);position:relative;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-weight:var(--font-rg)}*,::slotted(*){box-sizing:border-box}*:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host(:not([variant="overlay"])) .cover-container{position:relative;width:100%}.cover-container{padding-bottom:calc(100% / var(--aspect-ratio))}::slotted([slot="cover"]),.color-cover{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-container>z-icon{--z-icon-width:calc(var(--space-unit) * 11);--z-icon-height:var(--z-icon-width);position:absolute;top:calc(50% - calc(var(--z-icon-height) / 2));left:calc(50% - calc(var(--z-icon-width) / 2));fill:var(--color-primary01)}.color-cover{background-color:var(--z-card--color-cover-background)}.content{display:flex;flex-direction:column;padding-top:var(--space-unit)}.color-cover .cover-content{display:flex;height:100%;flex-direction:column;justify-content:flex-end;padding:var(--space-unit)}::slotted([slot="metadata"]),::slotted([slot="title"]),::slotted([slot="text"]){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}::slotted([slot="title"]:not(:last-child)),::slotted([slot="text"]:not(:last-child)){margin-bottom:var(--space-unit)}::slotted([slot="title"])::before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:""}::slotted([slot="metadata"]){width:100%;-webkit-line-clamp:1;line-clamp:1;text-transform:uppercase}::slotted([slot="metadata"]:not(:last-child)){margin:0 0 calc(var(--space-unit) * 0.25)}::slotted([slot="title"]){margin:0;font-size:var(--font-size-3);font-weight:var(--font-sb);-webkit-line-clamp:2;line-clamp:2;text-decoration:none}::slotted([slot="title"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none}::slotted([slot="text"]){width:100%;margin:0;-webkit-line-clamp:3;line-clamp:3}.actions{display:flex;align-items:center}:host(:not([variant="overlay"])) .actions{margin-top:auto}::slotted([slot="action"]){position:relative;z-index:2}::slotted([slot="action"]:not(:last-child)){margin-right:calc(var(--space-unit) * 2)}::slotted([slot="action"]:focus:focus-visible){box-shadow:var(--shadow-focus-primary);outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible){box-shadow:none !important;outline:none !important}:host([clickable]) ::slotted([slot="title"]:focus:focus-visible)::before{box-shadow:var(--shadow-focus-primary)}:host([variant="text"]){border:var(--z-card--text-border);background-color:var(--z-card--text-background);border-radius:var(--z-card--text-border-radius)}:host([variant="text"]) [slot="text"]::before{border-radius:var(--z-card--text-border-radius)}:host([show-shadow])>.content,:host([variant="border"])>.content,:host([variant="shadow"])>.content{height:100%;padding:var(--space-unit) var(--space-unit) calc(var(--space-unit) * 2)}:host([variant="text"])>.content{padding:var(--z-card--text-padding)}:host([variant="border"]){border:var(--border-size-small) solid var(--z-card--border-color)}:host([variant="border"][clickable]:hover)>.content{background:var(--color-background)}:host([variant="border"][clickable]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="border"][clickable]:active){border-color:transparent}:host([variant="shadow"]),:host([show-shadow]){box-shadow:var(--shadow-2)}:host([variant="shadow"][clickable]:hover),:host([clickable][show-shadow]:hover){box-shadow:var(--shadow-4)}:host([variant="shadow"][clickable]:focus:focus-visible),:host([clickable][show-shadow]:focus:focus-visible){box-shadow:var(--shadow-focus-primary)}:host([variant="shadow"][clickable]:active),:host([clickable][show-shadow]:active){box-shadow:none}:host([variant="overlay"]) .content{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:flex-end;padding:var(--space-unit);background-image:linear-gradient(to bottom, transparent, rgb(39 39 39 / 57%) 85%, var(--gray800) 100%);color:var(--color-text-inverse);fill:var(--color-text-inverse)}`;
@@ -52,6 +52,3 @@ const ZCard = class {
 ZCard.style = stylesCss();
 exports.z_card = ZCard;
-//# sourceMappingURL=z-card.entry.cjs.js.map
-//# sourceMappingURL=z-card.cjs.entry.js.map

package/dist/cjs/z-carousel.cjs.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `:host{--z-carousel-gutter:0;font-family:var(--font-family-sans);font-weight:var(--font-rg)}:host([single]){display:flex;flex-direction:column;align-items:center;justify-content:center}:host([single]) .z-carousel-container{width:fit-content;max-width:100%}.z-carousel-container{display:flex;flex-direction:column}.z-carousel-title{margin-bottom:calc(var(--space-unit) * 2)}.z-carousel-wrapper{position:relative}.z-carousel-items-container{display:flex;max-width:100%;flex-direction:row;margin:0;box-shadow:var(--z-carousel-items-shadow, none);column-gap:var(--z-carousel-gutter);list-style:none;-ms-overflow-style:none;overflow-x:scroll;padding-inline-start:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;}.z-carousel-items-container::-webkit-scrollbar{display:none}.z-carousel-items-container ::slotted(*){scroll-snap-align:center}.z-carousel-navigation-arrow[hidden]{display:none}.z-carousel-navigation-arrow[data-direction]{position:absolute;z-index:1;bottom:50%;transform:translateY(50%)}.z-carousel-navigation-arrow[data-direction="next"]{right:0}:host(:not([fixed-arrows])) .z-carousel-wrapper .z-carousel-navigation-arrow{display:none}.z-carousel-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;column-gap:calc(var(--space-unit) * 3)}:host([arrows-position="bottom"]) .z-carousel-footer{margin-top:calc(var(--space-unit) * 0.75)}.z-carousel-footer .numbers-progress,.z-carousel-footer .dots-progress{display:flex;align-items:center;justify-content:center}.z-carousel-footer .dots-progress{column-gap:calc(var(--space-unit) * 3)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .dots-progress{margin-top:calc(var(--space-unit) * 2)}.z-carousel-footer .dots-progress button{display:flex;width:calc(var(--space-unit) * 3);height:calc(var(--space-unit) * 3);align-items:center;padding:0;border:none;margin:0;background-color:var(--color-surface03);border-radius:calc(var(--space-unit) * 3)}.z-carousel-footer .dots-progress button.current{background-color:var(--color-primary01)}.z-carousel-footer .dots-progress button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-carousel-footer .dots-progress button:not(.current){cursor:pointer}.z-carousel-footer .numbers-progress{column-gap:calc(var(--space-unit) / 2)}:host(:not([arrows-position="bottom"])) .z-carousel-footer .numbers-progress{margin-top:var(--space-unit)}.z-carousel-footer .numbers-progress .current{font-weight:var(--font-sb)}@media (min-width: 768px){:host(:not([fixed-arrows])) .z-carousel-wrapper:hover .z-carousel-navigation-arrow:not([hidden]){display:flex}}`;
-const typographyCss = () => `:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif)}.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb{font-weight:var(--font-sb)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb{font-weight:var(--font-sb)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb{font-weight:var(--font-sb)}`;
+const typographyCss = () => `:root{--font-family-sans:"IBM Plex Sans", sans-serif;--font-family-serif:"IBM Plex Serif", serif;--font-lt:300;--font-rg:400;--font-sb:600;--font-bd:700;--font-size-1:0.75rem;--font-size-2:0.875rem;--font-size-3:1rem;--font-size-4:1.125rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:1.75rem;--font-size-8:2rem;--font-size-9:2.25rem;--font-size-10:2.625rem;--font-size-11:3rem;--font-size-12:3.375rem;--font-size-13:3.75rem;--font-size-14:4.25rem;--font-size-15:4.75rem;--font-size-16:5.25rem;--font-size-17:5.75rem;--section-title-1:var(--font-sb) var(--font-size-11) / 1.083 var(--font-family-serif);--section-title-2:var(--font-sb) var(--font-size-10) / 1.142 var(--font-family-serif);--section-title-3:var(--font-sb) var(--font-size-9) / 1.222 var(--font-family-serif);--section-title-4:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--section-title-5:var(--font-sb) var(--font-size-7) / 1.2857 var(--font-family-serif);--section-title-6:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-1:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-serif:var(--font-rg) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-sb:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-sb-serif:var(--font-sb) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-3-lt:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-sans);--heading-3-lt-serif:var(--font-lt) var(--font-size-6) / 1.333 var(--font-family-serif);--heading-4:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--heading-4-lt:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-sans);--heading-4-lt-serif:var(--font-lt) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-serif:var(--font-rg) var(--font-size-5) / 1.4 var(--font-family-serif);--body-1-sb:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-sans);--body-1-sb-serif:var(--font-sb) var(--font-size-5) / 1.4 var(--font-family-serif);--body-2:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-serif:var(--font-rg) var(--font-size-4) / 1.5 var(--font-family-serif);--body-2-sb:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-sans);--body-2-sb-serif:var(--font-sb) var(--font-size-4) / 1.5 var(--font-family-serif);--body-3:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--body-3-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--body-3-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--body-4:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--body-4-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--body-4-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--body-5:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--body-5-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--body-5-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-1:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-serif:var(--font-rg) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-1-sb:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-sans);--interactive-1-sb-serif:var(--font-sb) var(--font-size-3) / 1.5 var(--font-family-serif);--interactive-2:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-serif:var(--font-rg) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-2-sb:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-sans);--interactive-2-sb-serif:var(--font-sb) var(--font-size-2) / 1.4 var(--font-family-serif);--interactive-3:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-serif:var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--interactive-3-sb:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--interactive-3-sb-serif:var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif);--helper:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-serif:italic var(--font-rg) var(--font-size-1) / 1.333 var(--font-family-serif);--helper-sb:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-sans);--helper-sb-serif:italic var(--font-sb) var(--font-size-1) / 1.333 var(--font-family-serif)}@media (min-width: 1152px){:root{--heading-1:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-serif:var(--font-rg) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-sb:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-sb-serif:var(--font-sb) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-1-lt:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-sans);--heading-1-lt-serif:var(--font-lt) var(--font-size-8) / 1.25 var(--font-family-serif);--heading-2:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-serif:var(--font-rg) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-sb:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-sb-serif:var(--font-sb) var(--font-size-7) / 1.28 var(--font-family-serif);--heading-2-lt:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-sans);--heading-2-lt-serif:var(--font-lt) var(--font-size-7) / 1.28 var(--font-family-serif)}}.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-3,.heading-3-sb,.heading-3-lt,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.heading-4,.heading-4-sb,.heading-4-lt,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-1,.body-1-sb,.body-1-serif,.body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.body-2,.body-2-sb,.body-2-serif,.body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.body-3,.body-3-sb,.body-3-serif,.body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.body-4,.body-4-sb,.body-4-serif,.body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.body-5,.body-5-sb,.body-5-serif,.body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.interactive-1,.interactive-1-sb,.interactive-1-serif,.interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.interactive-2,.interactive-2-sb,.interactive-2-serif,.interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.interactive-3,.interactive-3-sb,.interactive-3-serif,.interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.helper,.helper-sb,.helper-serif,.helper-sb-serif{font-size:var(--font-size-1);font-style:italic;font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.section-title-1{font:var(--section-title-1)}.section-title-2{font:var(--section-title-2)}.section-title-3{font:var(--section-title-3)}.section-title-4{font:var(--section-title-4)}.section-title-5{font:var(--section-title-5)}.section-title-6{font:var(--section-title-6)}@media (min-width: 1152px){.heading-1,.heading-1-sb,.heading-1-lt,.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.heading-2,.heading-2-sb,.heading-2-lt,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}}@media (max-width: 767px){.mobile-heading-1,.mobile-heading-1-sb,.mobile-heading-1-lt,.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.mobile-heading-2,.mobile-heading-2-sb,.mobile-heading-2-lt,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-3,.mobile-heading-3-sb,.mobile-heading-3-lt,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.mobile-heading-4,.mobile-heading-4-sb,.mobile-heading-4-lt,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-1,.mobile-body-1-sb,.mobile-body-1-serif,.mobile-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.mobile-body-2,.mobile-body-2-sb,.mobile-body-2-serif,.mobile-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.mobile-body-3,.mobile-body-3-sb,.mobile-body-3-serif,.mobile-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-body-4,.mobile-body-4-sb,.mobile-body-4-serif,.mobile-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-body-5,.mobile-body-5-sb,.mobile-body-5-serif,.mobile-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-interactive-1,.mobile-interactive-1-sb,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.mobile-interactive-2,.mobile-interactive-2-sb,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.mobile-interactive-3,.mobile-interactive-3-sb,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.mobile-section-title-1{font:var(--section-title-1)}.mobile-section-title-2{font:var(--section-title-2)}.mobile-section-title-3{font:var(--section-title-3)}.mobile-section-title-4{font:var(--section-title-4)}.mobile-section-title-5{font:var(--section-title-5)}.mobile-section-title-6{font:var(--section-title-6)}.mobile-heading-1-lt,.mobile-heading-2-lt,.mobile-heading-3-lt,.mobile-heading-4-lt,.mobile-heading-1-lt-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-lt-serif{font-weight:var(--font-lt)}.mobile-heading-1-sb,.mobile-heading-2-sb,.mobile-heading-3-sb,.mobile-heading-4-sb,.mobile-body-1-sb,.mobile-body-2-sb,.mobile-body-3-sb,.mobile-body-4-sb,.mobile-body-5-sb,.mobile-interactive-1-sb,.mobile-interactive-2-sb,.mobile-interactive-3-sb,.mobile-heading-1-sb-serif,.mobile-heading-2-sb-serif,.mobile-heading-3-sb-serif,.mobile-heading-4-sb-serif,.mobile-body-1-sb-serif,.mobile-body-2-sb-serif,.mobile-body-3-sb-serif,.mobile-body-4-sb-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-sb-serif{font-weight:var(--font-sb)}.mobile-heading-1-serif,.mobile-heading-1-sb-serif,.mobile-heading-1-lt-serif,.mobile-heading-2-serif,.mobile-heading-2-sb-serif,.mobile-heading-2-lt-serif,.mobile-heading-3-serif,.mobile-heading-3-sb-serif,.mobile-heading-3-lt-serif,.mobile-heading-4-serif,.mobile-heading-4-sb-serif,.mobile-heading-4-lt-serif,.mobile-body-1-serif,.mobile-body-1-sb-serif,.mobile-body-2-serif,.mobile-body-2-sb-serif,.mobile-body-3-serif,.mobile-body-3-sb-serif,.mobile-body-4-serif,.mobile-body-4-sb-serif,.mobile-body-5-serif,.mobile-body-5-sb-serif,.mobile-interactive-1-serif,.mobile-interactive-1-sb-serif,.mobile-interactive-2-serif,.mobile-interactive-2-sb-serif,.mobile-interactive-3-serif,.mobile-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 768px) and (max-width: 1151px){.tablet-heading-1,.tablet-heading-1-sb,.tablet-heading-1-lt,.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.tablet-heading-2,.tablet-heading-2-sb,.tablet-heading-2-lt,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-3,.tablet-heading-3-sb,.tablet-heading-3-lt,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.tablet-heading-4,.tablet-heading-4-sb,.tablet-heading-4-lt,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-1,.tablet-body-1-sb,.tablet-body-1-serif,.tablet-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.tablet-body-2,.tablet-body-2-sb,.tablet-body-2-serif,.tablet-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.tablet-body-3,.tablet-body-3-sb,.tablet-body-3-serif,.tablet-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-body-4,.tablet-body-4-sb,.tablet-body-4-serif,.tablet-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-body-5,.tablet-body-5-sb,.tablet-body-5-serif,.tablet-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-interactive-1,.tablet-interactive-1-sb,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.tablet-interactive-2,.tablet-interactive-2-sb,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.tablet-interactive-3,.tablet-interactive-3-sb,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.tablet-section-title-1{font:var(--section-title-1)}.tablet-section-title-2{font:var(--section-title-2)}.tablet-section-title-3{font:var(--section-title-3)}.tablet-section-title-4{font:var(--section-title-4)}.tablet-section-title-5{font:var(--section-title-5)}.tablet-section-title-6{font:var(--section-title-6)}.tablet-heading-1-lt,.tablet-heading-2-lt,.tablet-heading-3-lt,.tablet-heading-4-lt,.tablet-heading-1-lt-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-lt-serif{font-weight:var(--font-lt)}.tablet-heading-1-sb,.tablet-heading-2-sb,.tablet-heading-3-sb,.tablet-heading-4-sb,.tablet-body-1-sb,.tablet-body-2-sb,.tablet-body-3-sb,.tablet-body-4-sb,.tablet-body-5-sb,.tablet-interactive-1-sb,.tablet-interactive-2-sb,.tablet-interactive-3-sb,.tablet-heading-1-sb-serif,.tablet-heading-2-sb-serif,.tablet-heading-3-sb-serif,.tablet-heading-4-sb-serif,.tablet-body-1-sb-serif,.tablet-body-2-sb-serif,.tablet-body-3-sb-serif,.tablet-body-4-sb-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-sb-serif{font-weight:var(--font-sb)}.tablet-heading-1-serif,.tablet-heading-1-sb-serif,.tablet-heading-1-lt-serif,.tablet-heading-2-serif,.tablet-heading-2-sb-serif,.tablet-heading-2-lt-serif,.tablet-heading-3-serif,.tablet-heading-3-sb-serif,.tablet-heading-3-lt-serif,.tablet-heading-4-serif,.tablet-heading-4-sb-serif,.tablet-heading-4-lt-serif,.tablet-body-1-serif,.tablet-body-1-sb-serif,.tablet-body-2-serif,.tablet-body-2-sb-serif,.tablet-body-3-serif,.tablet-body-3-sb-serif,.tablet-body-4-serif,.tablet-body-4-sb-serif,.tablet-body-5-serif,.tablet-body-5-sb-serif,.tablet-interactive-1-serif,.tablet-interactive-1-sb-serif,.tablet-interactive-2-serif,.tablet-interactive-2-sb-serif,.tablet-interactive-3-serif,.tablet-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1152px) and (max-width: 1365px){.desktop-heading-1,.desktop-heading-1-sb,.desktop-heading-1-lt,.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.desktop-heading-2,.desktop-heading-2-sb,.desktop-heading-2-lt,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.desktop-heading-3,.desktop-heading-3-sb,.desktop-heading-3-lt,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.desktop-heading-4,.desktop-heading-4-sb,.desktop-heading-4-lt,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-1,.desktop-body-1-sb,.desktop-body-1-serif,.desktop-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.desktop-body-2,.desktop-body-2-sb,.desktop-body-2-serif,.desktop-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.desktop-body-3,.desktop-body-3-sb,.desktop-body-3-serif,.desktop-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-body-4,.desktop-body-4-sb,.desktop-body-4-serif,.desktop-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-body-5,.desktop-body-5-sb,.desktop-body-5-serif,.desktop-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-interactive-1,.desktop-interactive-1-sb,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.desktop-interactive-2,.desktop-interactive-2-sb,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.desktop-interactive-3,.desktop-interactive-3-sb,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.desktop-section-title-1{font:var(--section-title-1)}.desktop-section-title-2{font:var(--section-title-2)}.desktop-section-title-3{font:var(--section-title-3)}.desktop-section-title-4{font:var(--section-title-4)}.desktop-section-title-5{font:var(--section-title-5)}.desktop-section-title-6{font:var(--section-title-6)}.desktop-heading-1-lt,.desktop-heading-2-lt,.desktop-heading-3-lt,.desktop-heading-4-lt,.desktop-heading-1-lt-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-lt-serif{font-weight:var(--font-lt)}.desktop-heading-1-sb,.desktop-heading-2-sb,.desktop-heading-3-sb,.desktop-heading-4-sb,.desktop-body-1-sb,.desktop-body-2-sb,.desktop-body-3-sb,.desktop-body-4-sb,.desktop-body-5-sb,.desktop-interactive-1-sb,.desktop-interactive-2-sb,.desktop-interactive-3-sb,.desktop-heading-1-sb-serif,.desktop-heading-2-sb-serif,.desktop-heading-3-sb-serif,.desktop-heading-4-sb-serif,.desktop-body-1-sb-serif,.desktop-body-2-sb-serif,.desktop-body-3-sb-serif,.desktop-body-4-sb-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-sb-serif{font-weight:var(--font-sb)}.desktop-heading-1-serif,.desktop-heading-1-sb-serif,.desktop-heading-1-lt-serif,.desktop-heading-2-serif,.desktop-heading-2-sb-serif,.desktop-heading-2-lt-serif,.desktop-heading-3-serif,.desktop-heading-3-sb-serif,.desktop-heading-3-lt-serif,.desktop-heading-4-serif,.desktop-heading-4-sb-serif,.desktop-heading-4-lt-serif,.desktop-body-1-serif,.desktop-body-1-sb-serif,.desktop-body-2-serif,.desktop-body-2-sb-serif,.desktop-body-3-serif,.desktop-body-3-sb-serif,.desktop-body-4-serif,.desktop-body-4-sb-serif,.desktop-body-5-serif,.desktop-body-5-sb-serif,.desktop-interactive-1-serif,.desktop-interactive-1-sb-serif,.desktop-interactive-2-serif,.desktop-interactive-2-sb-serif,.desktop-interactive-3-serif,.desktop-interactive-3-sb-serif{font-family:var(--font-family-serif)}}@media (min-width: 1366px){.wide-heading-1,.wide-heading-1-sb,.wide-heading-1-lt,.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif{font-size:var(--font-size-8);font-weight:var(--font-rg);line-height:1.25}.wide-heading-2,.wide-heading-2-sb,.wide-heading-2-lt,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif{font-size:var(--font-size-7);font-weight:var(--font-rg);line-height:1.28}.wide-heading-3,.wide-heading-3-sb,.wide-heading-3-lt,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif{font-size:var(--font-size-6);font-weight:var(--font-rg);line-height:1.333}.wide-heading-4,.wide-heading-4-sb,.wide-heading-4-lt,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-1,.wide-body-1-sb,.wide-body-1-serif,.wide-body-1-sb-serif{font-size:var(--font-size-5);font-weight:var(--font-rg);line-height:1.4}.wide-body-2,.wide-body-2-sb,.wide-body-2-serif,.wide-body-2-sb-serif{font-size:var(--font-size-4);font-weight:var(--font-rg);line-height:1.5}.wide-body-3,.wide-body-3-sb,.wide-body-3-serif,.wide-body-3-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-body-4,.wide-body-4-sb,.wide-body-4-serif,.wide-body-4-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-body-5,.wide-body-5-sb,.wide-body-5-serif,.wide-body-5-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-interactive-1,.wide-interactive-1-sb,.wide-interactive-1-serif,.wide-interactive-1-sb-serif{font-size:var(--font-size-3);font-weight:var(--font-rg);line-height:1.5}.wide-interactive-2,.wide-interactive-2-sb,.wide-interactive-2-serif,.wide-interactive-2-sb-serif{font-size:var(--font-size-2);font-weight:var(--font-rg);letter-spacing:0.16px;line-height:1.4}.wide-interactive-3,.wide-interactive-3-sb,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-size:var(--font-size-1);font-weight:var(--font-rg);letter-spacing:0.32px;line-height:1.333}.wide-section-title-1{font:var(--section-title-1)}.wide-section-title-2{font:var(--section-title-2)}.wide-section-title-3{font:var(--section-title-3)}.wide-section-title-4{font:var(--section-title-4)}.wide-section-title-5{font:var(--section-title-5)}.wide-section-title-6{font:var(--section-title-6)}.wide-heading-1-lt,.wide-heading-2-lt,.wide-heading-3-lt,.wide-heading-4-lt,.wide-heading-1-lt-serif,.wide-heading-2-lt-serif,.wide-heading-3-lt-serif,.wide-heading-4-lt-serif{font-weight:var(--font-lt)}.wide-heading-1-sb,.wide-heading-2-sb,.wide-heading-3-sb,.wide-heading-4-sb,.wide-body-1-sb,.wide-body-2-sb,.wide-body-3-sb,.wide-body-4-sb,.wide-body-5-sb,.wide-interactive-1-sb,.wide-interactive-2-sb,.wide-interactive-3-sb,.wide-heading-1-sb-serif,.wide-heading-2-sb-serif,.wide-heading-3-sb-serif,.wide-heading-4-sb-serif,.wide-body-1-sb-serif,.wide-body-2-sb-serif,.wide-body-3-sb-serif,.wide-body-4-sb-serif,.wide-body-5-sb-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-sb-serif{font-weight:var(--font-sb)}.wide-heading-1-serif,.wide-heading-1-sb-serif,.wide-heading-1-lt-serif,.wide-heading-2-serif,.wide-heading-2-sb-serif,.wide-heading-2-lt-serif,.wide-heading-3-serif,.wide-heading-3-sb-serif,.wide-heading-3-lt-serif,.wide-heading-4-serif,.wide-heading-4-sb-serif,.wide-heading-4-lt-serif,.wide-body-1-serif,.wide-body-1-sb-serif,.wide-body-2-serif,.wide-body-2-sb-serif,.wide-body-3-serif,.wide-body-3-sb-serif,.wide-body-4-serif,.wide-body-4-sb-serif,.wide-body-5-serif,.wide-body-5-sb-serif,.wide-interactive-1-serif,.wide-interactive-1-sb-serif,.wide-interactive-2-serif,.wide-interactive-2-sb-serif,.wide-interactive-3-serif,.wide-interactive-3-sb-serif{font-family:var(--font-family-serif)}}.heading-1-lt,.heading-2-lt,.heading-3-lt,.heading-4-lt,.heading-1-lt-serif,.heading-2-lt-serif,.heading-3-lt-serif,.heading-4-lt-serif{font-weight:var(--font-lt)}.heading-1-sb,.heading-2-sb,.heading-3-sb,.heading-4-sb,.body-1-sb,.body-2-sb,.body-3-sb,.body-4-sb,.body-5-sb,.interactive-1-sb,.interactive-2-sb,.interactive-3-sb,.helper-sb,.heading-1-sb-serif,.heading-2-sb-serif,.heading-3-sb-serif,.heading-4-sb-serif,.body-1-sb-serif,.body-2-sb-serif,.body-3-sb-serif,.body-4-sb-serif,.body-5-sb-serif,.interactive-1-sb-serif,.interactive-2-sb-serif,.interactive-3-sb-serif,.helper-sb-serif{font-weight:var(--font-sb)}.heading-1-serif,.heading-1-sb-serif,.heading-1-lt-serif,.heading-2-serif,.heading-2-sb-serif,.heading-2-lt-serif,.heading-3-serif,.heading-3-sb-serif,.heading-3-lt-serif,.heading-4-serif,.heading-4-sb-serif,.heading-4-lt-serif,.body-1-serif,.body-1-sb-serif,.body-2-serif,.body-2-sb-serif,.body-3-serif,.body-3-sb-serif,.body-4-serif,.body-4-sb-serif,.body-5-serif,.body-5-sb-serif,.interactive-1-serif,.interactive-1-sb-serif,.interactive-2-serif,.interactive-2-sb-serif,.interactive-3-serif,.interactive-3-sb-serif,.helper-serif,.helper-sb-serif{font-family:var(--font-family-serif)}`;
 const ZCarousel = class {
     constructor(hostRef) {
@@ -202,6 +202,3 @@ const ZCarousel = class {
 ZCarousel.style = stylesCss() + typographyCss();
 exports.z_carousel = ZCarousel;
-//# sourceMappingURL=z-carousel.entry.cjs.js.map
-//# sourceMappingURL=z-carousel.cjs.entry.js.map

package/dist/cjs/z-chip.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `.sc-z-chip-h,.sc-z-chip-h *.sc-z-chip{box-sizing:border-box}.sc-z-chip-h{display:block}.sc-z-chip-h>.z-chip-container.sc-z-chip{display:inline-flex;min-height:28px;align-items:center;padding:0 calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-surface03);background-color:var(--color-surface01);border-radius:14px;color:var(--color-primary01);fill:var(--color-default-icon);font-family:var(--font-family-sans);font-size:14px;font-weight:var(--font-sb);gap:var(--space-unit);line-height:1}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{position:relative;display:flex;width:28px;height:28px;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;border-radius:50%;cursor:pointer}.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-hover-primary);fill:var(--color-hover-primary)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip{border-color:transparent;background-color:var(--color-primary01);color:var(--color-text-inverse);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip::before{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-inverse-icon);border-radius:50%;content:"";opacity:0;pointer-events:none;transition:opacity 0.2s}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover::before{opacity:0.16}.sc-z-chip-h>.z-chip-container.filled.sc-z-chip:not([aria-disabled]) button.sc-z-chip:hover .interactive-icon.sc-z-chip{color:var(--color-inverse-icon);fill:var(--color-inverse-icon)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip{border-color:transparent;background-color:var(--color-primary02);color:var(--color-default-text)}.sc-z-chip-h>.z-chip-container.soft.sc-z-chip .interactive-icon.sc-z-chip{fill:var(--color-primary01)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip .interactive-icon.sc-z-chip{color:var(--color-disabled03);cursor:auto;fill:var(--color-disabled03)}.sc-z-chip-h>.z-chip-container[aria-disabled].sc-z-chip{border:var(--border-size-small) solid var(--color-disabled01);background-color:transparent}.sc-z-chip-h>.z-chip-container.filled[aria-disabled].sc-z-chip,.sc-z-chip-h>.z-chip-container.soft[aria-disabled].sc-z-chip{border-color:transparent;background-color:var(--color-disabled01)}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip:focus:focus-visible{border-radius:100%;box-shadow:var(--shadow-focus-primary);outline:none}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:22px;--z-icon-height:22px}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:44px;border-radius:22px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:40px;border-radius:22px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:36px;border-radius:22px}@media (min-width: 1152px){.sc-z-chip-h>.z-chip-container.sc-z-chip{padding:0 calc(var(--space-unit) * 1.5);font-size:12px;gap:calc(var(--space-unit) / 2)}.sc-z-chip-h>.z-chip-container.default.sc-z-chip{min-height:32px;border-radius:16px}.sc-z-chip-h>.z-chip-container.medium.sc-z-chip{min-height:28px;border-radius:16px}.sc-z-chip-h>.z-chip-container.small.sc-z-chip{min-height:24px;border-radius:16px}.sc-z-chip-h>.z-chip-container.sc-z-chip>z-icon.sc-z-chip,.sc-z-chip-h>.z-chip-container.sc-z-chip .interactive-icon.sc-z-chip{--z-icon-width:14px;--z-icon-height:14px}.sc-z-chip-h>.z-chip-container.sc-z-chip>button.sc-z-chip{width:20px;height:20px}}`;
@@ -17,18 +17,15 @@ const ZChip = class {
         this.disabled = false;
     }
     render() {
-        return (index.h("div", { key: '7c193d4f98e2caddd979a9583099e50d710f36a0', class: {
+        return (index.h("div", { key: '23853441cd7006f2eb0beb6fc3b5d25c41b6ade5', class: {
                 "z-chip-container": true,
                 "z-chip-interactive": !!this.interactiveIcon,
                 [this.type]: true,
                 [this.variant]: true,
-            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && index.h("z-icon", { key: 'cf16aec1373dbab96a6631e842bab6d1819ff7fb', name: this.icon }), index.h("slot", { key: 'b2bead0fa564bda7098aaa89b277fa113c0af783' }), this.interactiveIcon && (index.h("button", { key: '2ae74ae46a7a47b646eb36dae752b5eaee95af7e', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, index.h("z-icon", { key: '64a298c0312904caf16112d2f3816732262dd0ed', class: "interactive-icon", name: this.interactiveIcon })))));
+            }, "aria-disabled": this.disabled ? "true" : undefined }, this.icon && index.h("z-icon", { key: '2e15a55af9f47daad505ad39145bc1c9e49a30fe', name: this.icon }), index.h("slot", { key: 'aa8563156675268280998ac5a8f7174f9b367ee8' }), this.interactiveIcon && (index.h("button", { key: 'c21d0b09976bf7875f8c974d1e521e0dff0ab03b', type: "button", onClick: () => this.interactiveIconClick.emit(), "aria-label": this.htmlAriaLabel || undefined, disabled: this.disabled }, index.h("z-icon", { key: '4e67ed78a85e1de337d6c44a673fdf5788ff619e', class: "interactive-icon", name: this.interactiveIcon })))));
     }
     get el() { return index.getElement(this); }
 };
 ZChip.style = stylesCss();
 exports.z_chip = ZChip;
-//# sourceMappingURL=z-chip.entry.cjs.js.map
-//# sourceMappingURL=z-chip.cjs.entry.js.map

package/dist/cjs/z-color-picker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 var utils = require('./utils-BnCPu0Si.js');
 require('./breakpoints-B7vFm-3T.js');
@@ -196,7 +196,7 @@ const ZColorPicker = class {
         this.colorKeysByRow = this.sortColorKeysByRow();
     }
     render() {
-        return (index.h(index.Host, { key: 'aa2fb04330c5c76e4a0d10e4bb519d388af2d2d9', role: "listbox", "aria-label": this.htmlAriaLabel || LOCALES[this.lng]["Select a color"], tabIndex: 0 }, this.colorKeysByRow.map((colorKey) => {
+        return (index.h(index.Host, { key: '790b4417646b6902f68005a72cdc849a0269f3cb', role: "listbox", "aria-label": this.htmlAriaLabel || LOCALES[this.lng]["Select a color"], tabIndex: 0 }, this.colorKeysByRow.map((colorKey) => {
             var _a;
             return (index.h("button", { class: "color-swatch", "data-color": colorKey, role: "option", "aria-selected": ((_a = this.selectedColor) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === colorKey.toUpperCase() ? "true" : "false", tabIndex: -1, onClick: () => (this.selectedColor = colorKey), disabled: this.disableTransparent && colorKey === "#FFFFFF00" }, index.h("div", { class: "color-swatch", role: "img", "aria-roledescription": LOCALES[this.lng]["Color swatch"], "aria-label": index$1.ColorPickerPalette[colorKey][this.lng], title: index$1.ColorPickerPalette[colorKey][this.lng], style: { backgroundColor: colorKey } })));
         })));
@@ -216,6 +216,3 @@ const ZColorPicker = class {
 ZColorPicker.style = stylesCss();
 exports.z_color_picker = ZColorPicker;
-//# sourceMappingURL=z-color-picker.entry.cjs.js.map
-//# sourceMappingURL=z-color-picker.cjs.entry.js.map

package/dist/cjs/z-combobox.cjs.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 var utils = require('./utils-BnCPu0Si.js');
 require('./breakpoints-B7vFm-3T.js');
-const stylesCss$1 = () => `.z-label{display:block;padding-bottom:var(--space-unit);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-1);font-weight:var(--font-sb);text-align:left;text-transform:uppercase}`;
+const stylesCss$1 = () => `.z-label{display:inline-block;padding-bottom:calc(var(--space-unit) / 2);color:var(--color-default-text);font-family:var(--font-family-sans);font-size:var(--font-size-2);font-weight:var(--font-sb);line-height:1.25rem;text-align:left}.z-label::first-letter{text-transform:uppercase}`;
-const stylesCss = () => `:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius-small);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon)}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius-small) var(--border-radius-small) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0;box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01-icon)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)     calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}`;
+const stylesCss = () => `:host{display:block;min-width:290px;color:var(--color-form-default-text);fill:var(--color-form-default-icon);font-family:var(--font-family-sans)}:host>div.fixed{position:relative}:host>div>.header{position:relative;z-index:10;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 calc(var(--space-unit) * 1.5);border:var(--border-size-small) solid var(--color-form-surface04);margin:0;background-color:var(--color-form-background);border-radius:var(--border-radius);cursor:pointer}:host([size="small"])>div>.header{min-height:34px;font-size:var(--font-size-2)}:host([size="x-small"])>div>.header{min-height:30px;font-size:var(--font-size-2)}:host>div>.header:hover{outline:var(--border-size-medium) solid var(--color-form-surface04);outline-offset:-2px}:host>div>div.header:focus:focus-visible{z-index:16;box-shadow:var(--shadow-focus-primary);outline:none}:host>div>.header>span.body-3>span{font-weight:var(--font-sb)}:host>div>.header>z-icon{fill:var(--color-form-default-icon)}:host>div>.header>z-icon.small,:host>div>.header>z-icon.x-small{--z-icon-width:16px;--z-icon-height:16px}:host>div.open>.header{border:var(--border-size-small) solid var(--color-form-active-primary);border-radius:var(--border-radius) var(--border-radius) 0 0}:host>div.disabled{pointer-events:none}:host>div.disabled .header{border-color:var(--color-form-disabled03);fill:var(--color-form-disabled01-icon)}:host>div.disabled .header>span.body-3{color:var(--color-form-disabled03)}:host>div.disabled .header>z-icon:last-child{fill:var(--color-form-disabled01-icon)}:host>div>div.open-combo-data{display:none}:host>div.open>div.open-combo-data{position:relative;z-index:12;display:block;padding:var(--space-unit) calc(var(--space-unit) * 2);border:var(--border-size-small) solid var(--color-form-surface03);border-top:0;background-color:var(--color-form-background);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--shadow-2)}:host .open .open-combo-data z-input .z-label{color:var(--color-form-default-text)}:host>div.open>div.open-combo-data>div>div{overflow:auto;max-height:235px;padding:0;padding-left:var(--space-unit);margin-left:calc(var(--space-unit) * -1);}:host>div.open>div.open-combo-data>z-input{width:100%;margin-bottom:calc(var(--space-unit) * 2)}:host>div.open>div.open-combo-data>div>div>ul{max-height:235px;padding:0 calc(var(--space-unit) * 0.5);margin:0}:host .open-combo-data z-list-element{--background-color-list-element:var(--color-form-background);--background-hover-color-list-element:var(--color-form-surface03);--background-active-color-list-element:var(--color-form-surface03)}:host .open-combo-data z-list-element[disabled]{pointer-events:none}:host .open-combo-data z-list-element .option-wrap{display:flex;flex-direction:row;align-items:center;cursor:pointer;gap:var(--space-unit)}:host .open-combo-data z-list-element[size="medium"] .option-wrap,:host .open-combo-data z-list-element[size="small"] .option-wrap{--z-icon-width:16px;--z-icon-height:16px;font-size:var(--font-size-2);gap:calc(var(--space-unit) / 2)}:host .open-combo-data z-list-element .option-wrap>z-icon{fill:var(--color-primary01-icon)}:host .open-combo-data z-list-element[disabled] .option-wrap>z-icon{fill:var(--color-disabled01)}:host .open-combo-data z-list-element .option-wrap>z-icon.focused{border-radius:var(--border-radius-small);box-shadow:var(--shadow-focus-primary);outline:none}:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus,:host .open-combo-data z-list-element .option-wrap>[role="option"]:focus-visible{outline:none}::-webkit-scrollbar{width:6px;background:linear-gradient(to right, transparent 0 1px, var(--gray200) 1px 5px, transparent 5px 6px)}::-webkit-scrollbar-thumb{background-color:var(--color-primary01)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-hover-primary)}@supports not selector(::-webkit-scrollbar-track){:host{scrollbar-color:var(--color-primary01) transparent}}:host>div.open>z-input{position:relative;z-index:1;width:238px;margin:0 calc(var(--space-unit) * 2);color:var(--color-form-active-primary)}:host>div.open>div.open-combo-data>div>div.search{overflow:hidden;max-height:none;margin-top:0}:host>div.open>div.open-combo-data>div>div.search>ul{overflow:auto;max-height:180px;padding:var(--space-unit) calc(var(--space-unit) * 2)}:host .open .open-combo-data .search .no-results{display:flex;align-items:center;column-gap:var(--space-unit)}:host>.open>.open-combo-data .search .close-search{display:flex;justify-content:center}:host>div.open>div.open-combo-data>div>div.search .close-search>a{display:inline-block;height:44px;color:var(--color-form-active-primary);cursor:pointer;font-size:14px;font-weight:var(--font-sb);line-height:44px;text-align:center;text-transform:uppercase}:host>div.open>div.open-combo-data>div>div.search .close-search>a:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}:host>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 2) calc(var(--space-unit) * 0.5) calc(var(--space-unit) * 2)     calc(var(--space-unit) * 1.5);border-bottom:var(--border-size-small) solid var(--gray800);margin-bottom:var(--space-unit);margin-left:calc(var(--space-unit) * -1);text-align:left}:host([size="small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 0.5)}:host([size="x-small"])>div.open>div.open-combo-data>div>div.check-all-wrapper{padding:var(--space-unit) calc(var(--space-unit) * 0.5)}`;
 const ZCombobox = class {
     watchItems() {
@@ -309,7 +309,7 @@ const ZCombobox = class {
         return (index.h("z-list-element", { class: "check-all-wrapper", role: "presentation", htmlTabindex: -1, dividerType: index$1.ListDividerType.ELEMENT, dividerColor: "gray800", size: this.getControlToListSize(), disabled: !!isDisabled }, index.h("span", { class: "option-wrap", role: "presentation", onClick: () => this.checkOption(optionId) }, index.h("z-icon", { name: isPartiallySelected ? "indeterminated-checkbox" : allChecked ? "checkbox-checked" : "checkbox", class: this.focusedItemId === optionId ? "focused" : "" }), index.h("span", { id: optionId, role: isDisabled ? "presentation" : "option", "aria-selected": allChecked ? "true" : "false" }, allChecked ? this.uncheckalltext : this.checkalltext))));
     }
     render() {
-        return (index.h("div", { key: '9f1468b03c1cbe2c12aec68ab8c096b56651ebe2', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
+        return (index.h("div", { key: 'b18002403cb3300ffb155c4b654df47bacaacd38', "data-action": `combo-${this.inputid}`, class: { open: this.isopen, fixed: this.isfixed, disabled: this.disabled }, id: this.inputid }, this.renderHeader(), !this.disabled && this.renderContent()));
     }
     get element() { return index.getElement(this); }
     static get watchers() { return {
@@ -324,6 +324,3 @@ const ZCombobox = class {
 ZCombobox.style = stylesCss$1() + stylesCss();
 exports.z_combobox = ZCombobox;
-//# sourceMappingURL=z-combobox.entry.cjs.js.map
-//# sourceMappingURL=z-combobox.cjs.entry.js.map

package/dist/cjs/z-cover-hero.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `:host{--cover-hero-overlay:linear-gradient(270deg, #0000 0%, #000000e6 100%);--cover-hero-text-color:var(--color-text-inverse);display:block;overflow:hidden}:host,*{box-sizing:border-box}:host .main-container{position:relative;width:100%;align-items:baseline}:host .content-container{color:var(--cover-hero-text-color);fill:var(--cover-hero-text-color)}:host .main-container .cover-container{position:relative;width:100%;padding-top:calc(100% / (var(--cover-hero-aspect-ratio, var(--image-aspect-ratio, 16/9))));background-color:var(--gray600)}::slotted([slot="cover"]){position:absolute;display:block;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center}::slotted(z-info-reveal){position:absolute;z-index:1;right:var(--grid-margin);bottom:var(--grid-margin)}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container{height:100%}:host([variant="overlay"]:not([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .cover-container{position:absolute;z-index:-1;height:100%;padding:0}:host([variant="overlay"]) .main-container .cover-container::after{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cover-hero-overlay);content:""}:host([variant="overlay"]:is([preserve-aspect-ratio=""],[preserve-aspect-ratio="true"])) .main-container .content-container{position:absolute;inset:0}:host([variant="overlay"]) .main-container .content-container{height:100%;padding:var(--grid-margin)}:host([variant="stacked"]){--cover-hero-text-color:var(--color-default-text)}:host([variant="stacked"]) .content-container ::slotted(*){padding:var(--grid-margin) 0}`;
@@ -42,9 +42,9 @@ const ZCoverHero = class {
         return (index.h("div", { class: "content-container" }, index.h("slot", { name: "content" })));
     }
     render() {
-        return (index.h(index.Host, { key: '5d8f0ff86c4f61801555706767835826779e2d0b' }, this.variant === index$1.CoverHeroVariant.STACKED &&
+        return (index.h(index.Host, { key: 'a8467e3141609a15536a5e0805ade8bbdca23a64' }, this.variant === index$1.CoverHeroVariant.STACKED &&
             this.contentPosition === index$1.CoverHeroContentPosition.TOP &&
-            this.renderContent(), index.h("div", { key: '00a33a61d3ddfc4302a31880a3ebfba515d12949', class: "main-container" }, index.h("div", { key: 'd29ac7e60460e9ce8f1f5db797c63eb5dbe11ab1', class: "cover-container" }, index.h("slot", { key: '82750e41966c1aa21c5bc775e570806981f56fa9', name: "cover" })), index.h("slot", { key: '39b1a8e46a32cbb7dcbbc23ce8a404994515ddf3', name: "info-reveal" }), this.variant === index$1.CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === index$1.CoverHeroVariant.STACKED &&
+            this.renderContent(), index.h("div", { key: '34550c52a4aa77325a812e1c85613dba35f15f6e', class: "main-container" }, index.h("div", { key: '7f343b454f06bb5857c34a097ac584d16fdf6f59', class: "cover-container" }, index.h("slot", { key: '4c3e84125ab060c85772298c3aa506e4b5f8f591', name: "cover" })), index.h("slot", { key: '348ac0f4582c0ae537d6e08fb08310dca5827bea', name: "info-reveal" }), this.variant === index$1.CoverHeroVariant.OVERLAY && this.renderContent()), this.variant === index$1.CoverHeroVariant.STACKED &&
             this.contentPosition === index$1.CoverHeroContentPosition.BOTTOM &&
             this.renderContent()));
     }
@@ -53,6 +53,3 @@ const ZCoverHero = class {
 ZCoverHero.style = stylesCss();
 exports.z_cover_hero = ZCoverHero;
-//# sourceMappingURL=z-cover-hero.entry.cjs.js.map
-//# sourceMappingURL=z-cover-hero.cjs.entry.js.map

package/dist/cjs/z-date-picker.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var utils = require('./utils-C6lcMaul.js');
 var _commonjsHelpers = require('./_commonjsHelpers-CFO10eej.js');
 var index$1 = require('./index-DppFfqsn.js');
@@ -503,6 +503,3 @@ const ZDatePicker = class {
 ZDatePicker.style = stylesCss();
 exports.z_date_picker = ZDatePicker;
-//# sourceMappingURL=z-date-picker.entry.cjs.js.map
-//# sourceMappingURL=z-date-picker.cjs.entry.js.map

package/dist/cjs/z-dragdrop-area_2.cjs.entry.js CHANGED Viewed

@@ -1,8 +1,8 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
-var reactiveController = require('./reactive-controller-DJkjAuqS.js');
+var reactiveController = require('./reactive-controller-B7HE6OC5.js');
 require('./utils-BnCPu0Si.js');
 require('./breakpoints-B7vFm-3T.js');
@@ -993,16 +993,16 @@ const ZModal = class extends reactiveController.ReactiveControllerHost {
         e.preventDefault();
     }
     render() {
-        return (index.h("dialog", { key: '365136e0cb7404c43b1d7f40b94add1e2316c670', class: {
+        return (index.h("dialog", { key: '78a12a74b33a0501e52a204ba453755edc9ea4c7', class: {
                 "modal-dialog": !this.scrollInside,
-            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, index.h("div", { key: '8786b7f6afbe64ca141373cf65c9d7f413a18557', class: {
+            }, "aria-labelledby": "modal-title", "aria-describedby": "modal-content", role: this.alertdialog ? "alertdialog" : undefined, ref: (el) => (this.dialog = el), onClose: () => this.emitModalClose(), onCancel: (e) => this.handleEscape(e) }, index.h("div", { key: '9331bc2f58c9240799389f921fc7aeca8e3525bd', class: {
                 "modal-container": true,
                 "modal-container-scroll-inside": this.scrollInside,
                 "modal-container-scroll-outside": !this.scrollInside,
-            }, id: this.modalid }, index.h("header", { key: '622a13c788167d280bafffe633df45ff3beda387', onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", { key: '284bd3d0a65a5698a918b196419369b4ac660ee2' }, this.modaltitle && index.h("h1", { key: '417c4984cb124531278ecc92ec217e13565998ca', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (index.h("div", { key: '5977d05ad0b81e48ab9a2040a4387a4e8caeed46', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), index.h("div", { key: '1e737f8f06d4423e67e1b253161b417aaa85e211', class: {
+            }, id: this.modalid }, index.h("header", { key: '87032c660d8d5fe71412666490630a36676107ca', onClick: this.emitModalHeaderActive.bind(this) }, index.h("div", { key: '2849fd31ed63200530149e28f0e93816a5f658f9' }, this.modaltitle && index.h("h1", { key: '281340cbf57f8fd066d7de9d45a30f30664b5497', id: "modal-title" }, this.modaltitle), this.closeButtonSlot()), this.modalsubtitle && (index.h("div", { key: '1de795732386ed3f2ffbe1a793f0196dfcab91b3', class: "subtitle", id: "modal-subtitle" }, this.modalsubtitle))), index.h("div", { key: 'c333e87e6440cd9b9ebf6abc3120469cd9e73f7c', class: {
                 "modal-content-scroll-inside": this.scrollInside,
                 "modal-content-scroll-outside": !this.scrollInside,
-            }, id: "modal-content" }, index.h("slot", { key: '4d48fcf7fac54e5243f0d4f318c822aee4b62136', name: "modalContent" }))), index.h("div", { key: '505a28d12fb70186954df5b04ac516487f2025fb', class: {
+            }, id: "modal-content" }, index.h("slot", { key: '99834151f941ad9468a55870ff18b03dcf9ad715', name: "modalContent" }))), index.h("div", { key: '1b768554d0154e56e878cfbc809805d0ed0ec8b2', class: {
                 "modal-background": true,
                 "modal-background-scroll-outside": !this.scrollInside,
             }, "data-action": "modalBackground", "data-modal": this.modalid, onClick: () => {
@@ -1016,6 +1016,3 @@ ZModal.style = stylesCss();
 exports.z_dragdrop_area = ZDragdropArea;
 exports.z_modal = ZModal;
-//# sourceMappingURL=z-dragdrop-area.z-modal.entry.cjs.js.map
-//# sourceMappingURL=z-dragdrop-area_2.cjs.entry.js.map

package/dist/cjs/z-file-upload.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `.sc-z-file-upload-h{display:flex;flex-direction:column;align-items:flex-start;color:var(--color-default-text);font-family:var(--font-family-sans);font-weight:var(--font-rg)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{display:flex;flex-direction:column;justify-content:center;padding:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-direction:column;margin:calc(var(--space-unit) * 4);gap:var(--space-unit)}.sc-z-file-upload-h .text-container.sc-z-file-upload{display:flex;flex-direction:column;margin:auto;text-align:center}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload{color:var(--color-text-link-blue);cursor:pointer;text-decoration:underline}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link.sc-z-file-upload:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none !important}.sc-z-file-upload-h .text-container.sc-z-file-upload .upload-link-text.sc-z-file-upload{margin-bottom:var(--space-unit)}.sc-z-file-upload-h input[type="file"].sc-z-file-upload{display:none}.sc-z-file-upload-h #title.sc-z-file-upload+#description.sc-z-file-upload{margin-top:var(--space-unit)}.sc-z-file-upload-h>*.sc-z-file-upload+z-button.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload+*.sc-z-file-upload,.sc-z-file-upload-h>.files-container.sc-z-file-upload:not(:first-child){margin-top:calc(var(--space-unit) * 3)}.sc-z-file-upload-h>.files-container.hidden.sc-z-file-upload{display:none}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.uploaded-files-label.sc-z-file-upload{margin-bottom:calc(var(--space-unit) * 2)}.sc-z-file-upload-h>.files-container.sc-z-file-upload>.files-wrapper.sc-z-file-upload{display:flex;flex-wrap:wrap;column-gap:calc(var(--space-unit) * 2);row-gap:calc(var(--space-unit) * 2)}@media (min-width: 768px){.sc-z-file-upload-h>.container.sc-z-file-upload>z-button.sc-z-file-upload{align-self:flex-start}.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 3)}}@media (min-width: 1152px){.sc-z-file-upload-h .modal-wrapper.sc-z-file-upload{padding:calc(var(--space-unit) * 4)}}`;
@@ -193,6 +193,3 @@ const ZFileUpload = class {
 ZFileUpload.style = stylesCss();
 exports.z_file_upload = ZFileUpload;
-//# sourceMappingURL=z-file-upload.entry.cjs.js.map
-//# sourceMappingURL=z-file-upload.cjs.entry.js.map

package/dist/cjs/z-file.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 var breakpoints = require('./breakpoints-B7vFm-3T.js');
@@ -44,6 +44,3 @@ const ZFile = class {
 ZFile.style = stylesCss();
 exports.z_file = ZFile;
-//# sourceMappingURL=z-file.entry.cjs.js.map
-//# sourceMappingURL=z-file.cjs.entry.js.map

package/dist/cjs/z-ghost-loading.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 const stylesCss = () => `:host{display:inline-block;overflow:hidden;width:100%;height:100%;background:var(--color-surface02);border-radius:var(--border-radius);transform:translate3d(0, 0, 0)}:host::after{display:block;width:100%;height:100%;animation:progress 1.6s ease-in-out infinite;background-image:linear-gradient(     90deg,     var(--color-surface02) 0%,     var(--color-surface03) 95%,     var(--color-surface02) 100%   );content:"";filter:blur(6px)}@keyframes progress{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`;
@@ -9,12 +9,9 @@ const ZGhostLoading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return index.h(index.Host, { key: '6cccad2dd44ef74ed0e09e70242b40e97a025019' });
+        return index.h(index.Host, { key: 'b1c177e57e4cdfc90113ae87fdee508edb2398d1' });
     }
 };
 ZGhostLoading.style = stylesCss();
 exports.z_ghost_loading = ZGhostLoading;
-//# sourceMappingURL=z-ghost-loading.entry.cjs.js.map
-//# sourceMappingURL=z-ghost-loading.cjs.entry.js.map

package/dist/cjs/z-info-box.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 const stylesCss = () => `:host,*,::slotted(*){box-sizing:border-box}:host{--z-info-box--border-color:unset;--z-info-box--left-icon-color:var(--z-info-box--border-color, var(--color-primary01-icon));--z-info-box--background-color:var(--color-primary03);display:flex;flex-direction:column;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:var(--border-size-medium) solid var(--z-info-box--border-color, transparent);background:var(--z-info-box--background-color);border-radius:var(--border-radius);font-family:var(--font-family-sans);font-weight:var(--font-rg);gap:calc(var(--space-unit) * 2)}.main-content{display:flex;align-items:flex-start}.main-content .left-icon,.close-button{display:flex;height:1.25rem;align-items:center}.main-content .left-icon z-icon{--z-icon-width:1rem;--z-icon-height:1rem;fill:var(--z-info-box--left-icon-color)}::slotted([slot="content"]){color:var(--color-default-text);font-size:var(--font-size-2);line-height:1.25rem}.main-content .left-icon+::slotted([slot="content"]){margin-left:var(--space-unit)}:host([isclosable]) ::slotted([slot="content"]){margin-right:calc(var(--space-unit) * 2)}.close-button{padding:0;border:none;margin:0;margin-left:auto;background:none;cursor:pointer}.close-button z-icon{fill:var(--color-primary01-icon)}`;
@@ -17,12 +17,9 @@ const ZInfoBox = class {
         this.infoBoxClose.emit({ boxid: this.boxid });
     }
     render() {
-        return (index.h(index.Host, { key: '4cd2008ec9cd85fe976cca7f4e1d89c53b5dc538', id: this.boxid }, index.h("div", { key: 'aac0bd67dedd12740d3b14af25b17d90b96341a2', class: "main-content" }, this.leftIcon && (index.h("div", { key: '2df226b5e1569ee41e282fa9d4d69df82d25278f', class: "left-icon" }, index.h("z-icon", { key: '421f5d58e5db25f17f2b5402138899ccc36d81cf', name: this.leftIcon }))), index.h("slot", { key: '75eca851c2ae4febe1dbd1498333947e591a2e85', name: "content" }), this.isclosable && (index.h("button", { key: '3b88257dd4ad70c58ef7c04628dc644b87c69659', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, index.h("z-icon", { key: 'ed577a2e5ec651ee872b2872f81153d5ec73700f', name: "multiply" })))), index.h("slot", { key: '631ba8f5dcf905ca4225c3f94f6427d42be87551', name: "additional-content" })));
+        return (index.h(index.Host, { key: '941ce7f2fe8dd4273ebd60b5d3ad6fc41153975c', id: this.boxid }, index.h("div", { key: 'b2ab0c1220b7d9a11b719f5c261b256e79db7f5e', class: "main-content" }, this.leftIcon && (index.h("div", { key: '0ab9812f4ab3d060b0b19ec7a8899750ab9c2152', class: "left-icon" }, index.h("z-icon", { key: 'fbd9db893abba33a23a928625789ce5bb8aad9c3', name: this.leftIcon }))), index.h("slot", { key: 'c7dcb26d5ed88d1d961704e601f4c4b862757d76', name: "content" }), this.isclosable && (index.h("button", { key: 'e99216af6d38fea2c4e19e57036c6e88ab650502', class: "close-button", "aria-label": this.closeButtonAriaLabel, onClick: () => this.emitInfoBoxClose() }, index.h("z-icon", { key: '24501ab7c3c747aa093e7374c8f7af1cd6e98c19', name: "multiply" })))), index.h("slot", { key: 'fa0efb767218a7a26c24cf54f4bfb011c08ccde7', name: "additional-content" })));
     }
 };
 ZInfoBox.style = stylesCss();
 exports.z_info_box = ZInfoBox;
-//# sourceMappingURL=z-info-box.entry.cjs.js.map
-//# sourceMappingURL=z-info-box.cjs.entry.js.map

package/dist/cjs/z-info-reveal.cjs.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var index = require('./index-CZz7uP-M.js');
+var index = require('./index-ps8icjTZ.js');
 var index$1 = require('./index-DppFfqsn.js');
 const stylesCss = () => `:host{--z-info-reveal-panel-width:384px;--trigger-size:44px;position:relative}:host *{box-sizing:border-box}button{--trigger-icon-size:calc(var(--trigger-size) / 2);display:flex;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;font-family:inherit;letter-spacing:inherit}button:focus:focus-visible{box-shadow:var(--shadow-focus-primary);outline:none}.z-info-reveal-trigger{min-width:var(--trigger-size);height:var(--trigger-size);padding:calc((var(--trigger-size) - var(--trigger-icon-size)) / 2);background-color:var(--color-surface05);border-radius:var(--border-radius);color:var(--color-text-inverse);column-gap:var(--space-unit);font-weight:var(--font-sb);line-height:1rem}:host([size="big"]) .z-info-reveal-trigger{font-size:var(--font-size-2)}:host([size="small"]) .z-info-reveal-trigger{--trigger-size:36px;font-size:var(--font-size-2)}:host([size="x-small"]) .z-info-reveal-trigger{--trigger-size:32px;padding:var(--space-unit);font-size:var(--font-size-1)}:host>.z-info-reveal-trigger z-icon{--z-icon-width:var(--trigger-icon-size);--z-icon-height:var(--trigger-icon-size);display:flex;fill:var(--color-inverse-icon)}:host([size="small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-small, 18px)}:host([size="x-small"])>.z-info-reveal-trigger z-icon{--trigger-icon-size:var(--trigger-icon-size-x-small, 16px)}.z-info-reveal-panel{position:absolute;z-index:19;display:flex;width:var(--z-info-reveal-panel-width);height:fit-content;align-items:flex-start;padding:calc(var(--space-unit) * 1.5);background-color:var(--color-surface05);border-radius:var(--border-radius);box-shadow:var(--shadow-4);color:var(--color-text-inverse);column-gap:var(--space-unit)}.z-info-reveal-panel[hidden]{display:none}:host([position="top_left"]) .z-info-reveal-panel,:host([position="top_right"]) .z-info-reveal-panel{top:0}:host([position="bottom_left"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{bottom:0}:host([position="top_right"]) .z-info-reveal-panel,:host([position="bottom_right"]) .z-info-reveal-panel{right:0}:host([position="top_left"]) .z-info-reveal-panel,:host([position="bottom_left"]) .z-info-reveal-panel{left:0}.z-info-reveal-panel .z-info-reveal-close{margin-left:auto}.z-info-reveal-panel z-icon{fill:var(--color-inverse-icon)}@media (max-width: 767px){.z-info-reveal-panel{top:auto !important;bottom:auto !important;width:calc(var(--z-info-reveal-panel-width) - (var(--grid-margin) * 4)) !important;margin-top:calc(var(--trigger-size) * -1)}}`;
@@ -55,7 +55,7 @@ const ZInfoReveal = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '93a959f87536a8719056395c0313d2c4eb80933a', open: this.open }, index.h("button", { key: 'dafb2a601e255dbe468ad314d36b2bad372205e3', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && index.h("z-icon", { key: '47a514d2aec089a9888499e01320fa0c94cb8435', name: this.icon }), this.label && index.h("span", { key: 'e7b67263087a9055b9938c9f3c7a24a0feb42e36', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: 'fdf7b368c7c62781ac4c62149044c3f8f8b93888', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: '3ff5c03cda7bc30f5f5b2717730cf426c84791be' }), index.h("button", { key: '1fe310525e1591791dce2d271141bf2b7f09ef92', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: '54aff13bb4c09562bb51350e36beaf4c7aca00c2', name: "multiply" })))));
+        return (index.h(index.Host, { key: 'a17eade11bb03b087b94b47e8f2232870ebcc31c', open: this.open }, index.h("button", { key: 'c426d62e2ac8e362b343e665ae6a641c3833c234', class: "z-info-reveal-trigger", type: "button", onClick: this.togglePanel.bind(this), "aria-label": !this.label ? this.htmlAriaLabel || undefined : undefined, "aria-expanded": this.open ? "true" : "false", "aria-controls": "z-info-reveal-panel" }, this.icon && index.h("z-icon", { key: '2d93750e8a45a57a1ca3e8ae3510d8ad68ad7fec', name: this.icon }), this.label && index.h("span", { key: 'ecafc40fb1a65b3a2b7525a9b1b4f57e50e5bd95', class: "z-info-reveal-label" }, this.label)), index.h("div", { key: '1528cfab126f69091886760bf8eadf6cc92d2134', class: "z-info-reveal-panel", id: "z-info-reveal-panel", ref: (el) => (this.panel = el), hidden: !this.open }, index.h("slot", { key: '71736de1992142746e1ead583aad1ded7ea5e4a0' }), index.h("button", { key: 'cbe6e1671bdc2503a137f01a41a9194ff8cb6a6b', class: "z-info-reveal-close", type: "button", onClick: this.closePanel.bind(this), "aria-label": "Chiudi pannello informazioni" }, index.h("z-icon", { key: '5d2a752ad271c6a66f2c0dadb17eab9577d4ed88', name: "multiply" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -70,6 +70,3 @@ const ZInfoReveal = class {
 ZInfoReveal.style = stylesCss();
 exports.z_info_reveal = ZInfoReveal;
-//# sourceMappingURL=z-info-reveal.entry.cjs.js.map
-//# sourceMappingURL=z-info-reveal.cjs.entry.js.map