@oiz/stzh-components 2.0.0 → 2.1.0-alpha

package/dist/esm/stzh-flyingfocus.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-2915b467.js';
 import { p as prefersReducedMotion } from './animation-utils-25c74e5b.js';
 
 const stzhFlyingfocusCss = ".sc-stzh-flyingfocus-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-flyingfocus-h{display:none}.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::before,.sc-stzh-flyingfocus-h *.sc-stzh-flyingfocus::after{-webkit-box-sizing:border-box;box-sizing:border-box}.stzh-flyingfocus.sc-stzh-flyingfocus{border:0 solid currentColor;position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity:0;will-change:top, left, width, height;-webkit-box-sizing:content-box;box-sizing:content-box;pointer-events:none;overflow:hidden;z-index:9999999999}.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition-property:opacity, left, top, width, height, border-width, border-radius;transition-property:opacity, left, top, width, height, border-width, border-radius;-webkit-transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;transition-duration:0.2s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s, 0.1s;-webkit-transition-timing-function:linear, ease, ease, ease, ease, ease, ease;transition-timing-function:linear, ease, ease, ease, ease, ease, ease}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus--is-moving.sc-stzh-flyingfocus{-webkit-transition:none;transition:none}}.stzh-flyingfocus--is-enabled.stzh-flyingfocus--is-visible.sc-stzh-flyingfocus{opacity:1}.stzh-flyingfocus.sc-stzh-flyingfocus::after{content:\"\";background:currentColor;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}@media (prefers-reduced-motion: reduce){.stzh-flyingfocus.sc-stzh-flyingfocus::after{-webkit-transition:none;transition:none}}.stzh-flyingfocus--has-helper.sc-stzh-flyingfocus::after{-webkit-transition-duration:0.1s;transition-duration:0.1s;opacity:0.16}";
@@ -11,12 +11,6 @@ const CLASS_CONTAINER_ENABLED = "stzh-flyingfocus-enabled";
 const StzhFlyingfocus = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.style = {};
-    this.position = {};
-    this.enabled = false;
-    this.visible = false;
-    this.helper = false;
-    this.moving = false;
     this.container = document.body;
     this.previousTargetRect = null;
     this.repositionElement = () => {
@@ -42,6 +36,12 @@ const StzhFlyingfocus = class {
       }
       this.repositionElement();
     };
+    this.style = {};
+    this.position = {};
+    this.enabled = false;
+    this.visible = false;
+    this.helper = false;
+    this.moving = false;
   }
   handleKeydown(e) {
     // Show animation only upon Tab or Arrow keys press.

package/dist/esm/stzh-footer.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, h, F as Fragment, a as Host, g as getElement } from './index-2915b467.js';
 import { f as fetchTranslations } from './translation-utils-2623783f.js';
 import { s as setPropsIfNull, h as hasSlot } from './utils-68a28fce.js';
 
@@ -7,10 +7,6 @@ const stzhFooterCss = ":host{font-family:var(--stzh-font-family-regular);font-we
 const StzhFooter = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Footer variant */
-    this.variant = "default";
-    /** Main URL for shortlinks */
-    this.mainUrl = "https://stadt-zuerich.ch";
     this.init = () => {
       const socialLink = this.element.querySelector('stzh-link[slot="social-link"]');
       const links = this.element.querySelectorAll('stzh-link[slot="link"]');
@@ -23,6 +19,10 @@ const StzhFooter = class {
         link.setAttribute("role", "listitem");
       });
     };
+    this.copyright = undefined;
+    this.variant = "default";
+    this.mainUrl = "https://stadt-zuerich.ch";
+    this.localization = undefined;
   }
   async componentWillLoad() {
     if (typeof this.copyright === "undefined") {

package/dist/esm/stzh-ghettobox_2.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, c as createEvent, h, a as Host, g as getElement } from './index-2915b467.js';
 import { j as js_cookie } from './js.cookie-28a40640.js';
 import { s as setPropsIfNull } from './utils-68a28fce.js';
 import { f as fetchTranslations } from './translation-utils-2623783f.js';
@@ -12,22 +12,6 @@ const StzhGhettobox = class {
     registerInstance(this, hostRef);
     this.stzhOpen = createEvent(this, "stzhOpen", 7);
     this.stzhClose = createEvent(this, "stzhClose", 7);
-    /** Overwrite hidden h1 title */
-    this.hiddenTitle = "";
-    /** Main title */
-    this.mainTitle = "";
-    /** Description */
-    this.description = "";
-    /**
-     * Name of cookie to compare its value with set `publishDate`
-     * to determine if ghettobox was already closed before by the user.
-     * If empty (""), no check is done and ghettobox
-     * will always be shown again after a refresh.
-     * Cookie name will be prefixed with `stzh-components-ghettobox-close-time`.
-     */
-    this.closeTimeKey = "global-alert";
-    /** Open state */
-    this.open = true;
     this.onCloseButtonClick = () => {
       this.hide();
     };
@@ -43,6 +27,13 @@ const StzhGhettobox = class {
         });
       }
     };
+    this.hiddenTitle = "";
+    this.mainTitle = "";
+    this.description = "";
+    this.publishDate = undefined;
+    this.closeTimeKey = "global-alert";
+    this.localization = undefined;
+    this.open = true;
   }
   publishDateWatcher(newValue) {
     if (typeof newValue === "string") {
@@ -111,9 +102,7 @@ const CLASS_EXTERNAL_ICON = 'stzh-richtext__external-icon';
 const StzhRichtext = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Selector to recognize external link and attach an icon */
     this.externalLinkSelector = 'a[rel*="external"], a.external, a.extern';
-    /** Icon used for marking external links */
     this.externalLinkIcon = 'external-link';
   }
   addExternalLinkIcons() {

package/dist/esm/stzh-header.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, e as readTask, i as writeTask, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, e as readTask, i as writeTask, h, a as Host, g as getElement } from './index-2915b467.js';
 import { h as hasSlot } from './utils-68a28fce.js';
 import { m as media } from './media-utils-9b041ceb.js';
 
@@ -7,17 +7,11 @@ const stzhHeaderCss = ".sc-stzh-header-h{font-family:var(--stzh-font-family-regu
 const StzhHeader = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Portal link (for logo) */
     this.href = "https://stadt-zuerich.ch";
-    /**
-     * Prevent creating a appnav placeholder element
-     * with the size of appnav inside header parent element.
-     * This prevents the fixed appnav to overlap
-     * content at the end on mikro breakpoint,
-     * but could lead to problems with certain layouts.
-     */
     this.preventAppnavPlaceholder = false;
     this.hideLogo = false;
+    this.paddingTop = undefined;
+    this.metabarTransform = undefined;
     this.sticky = false;
     this.stickyClosing = false;
     this.stickyMetabar = false;

package/dist/esm/stzh-heading.entry.js

@@ -1,15 +1,12 @@
-import { r as registerInstance, h, a as Host } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host } from './index-2915b467.js';
 
 const stzhHeadingCss = ".sc-stzh-heading-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));color:var(--color);margin:0}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xsmall);border-bottom:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-medium)}}.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.stzh-heading--with-border.sc-stzh-heading{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 1024px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 1024px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 1024px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-heading-letter-spacing)}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing)}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-medium-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-medium-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}";
 
 const StzhHeading = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Heading level */
     this.level = "1";
-    /** Type of curve to overwrite the curve inherited from `level` attribute */
     this.curve = "auto";
-    /** With border bottom separator */
     this.withBorder = false;
   }
   render() {

package/dist/esm/stzh-hr.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as Host, g as getElement } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host, g as getElement } from './index-2915b467.js';
 
 const stzhHrCss = ".sc-stzh-hr-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-hr-h{display:none}.sc-stzh-hr-h *.sc-stzh-hr,.sc-stzh-hr-h *.sc-stzh-hr::before,.sc-stzh-hr-h *.sc-stzh-hr::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-hr-h{--border-color:var(--stzh-base-border-color)}.stzh-hr.sc-stzh-hr{display:-ms-flexbox;display:flex;height:0.0625rem;background-color:var(--border-color)}";
 

package/dist/esm/stzh-hspace.entry.js

@@ -1,27 +1,18 @@
-import { r as registerInstance, h, a as Host } from './index-84f71a43.js';
+import { r as registerInstance, h, a as Host } from './index-2915b467.js';
 
 const stzhHspaceCss = ".sc-stzh-hspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-hspace-h{display:none}.sc-stzh-hspace-h *.sc-stzh-hspace,.sc-stzh-hspace-h *.sc-stzh-hspace::before,.sc-stzh-hspace-h *.sc-stzh-hspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-hspace-h{--space:var(--stzh-space-default);--around:0}.sc-stzh-hspace-h .sc-stzh-hspace-s>*{max-width:100%;padding-left:calc(var(--space) * var(--around));padding-right:calc(var(--space) * var(--around));margin:0}.sc-stzh-hspace-h .sc-stzh-hspace-s>*:not(:last-child){margin-right:calc(var(--space) * (1 - var(--around)))}.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-vspace,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-hspace,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-row,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-container,.sc-stzh-hspace-h .sc-stzh-hspace-s>stzh-section{-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-positive:1;flex-grow:1}[around].sc-stzh-hspace-h{--around:1}[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[curve=tiny].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}[curve=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}@media screen and (min-width: 1024px){[curve=small].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[curve=small].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}@media screen and (min-width: 1024px){[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[curve=regular].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[curve=medium].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){[curve=large].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){[curve=big].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[curve=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}[size=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}[size=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}[size=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}[size=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}[size=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}[size=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}[size=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}[size=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}[size=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}[size=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}[size=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}[size=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}[size=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}[size=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}[size=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}[size=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}@media screen and (min-width: 600px){[size-small=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 600px){[size-small=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 600px){[size-small=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px){[size-small=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 600px){[size-small=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 600px){[size-small=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 600px){[size-small=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){[size-small=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){[size-small=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){[size-small=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){[size-small=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 600px){[size-small=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){[size-small=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 600px){[size-small=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 600px){[size-small=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 600px){[size-small=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 800px){[size-smallheader=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 800px){[size-smallheader=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 800px){[size-smallheader=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 800px){[size-smallheader=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 800px){[size-smallheader=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 800px){[size-smallheader=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 800px){[size-smallheader=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 800px){[size-smallheader=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 800px){[size-smallheader=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 800px){[size-smallheader=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 800px){[size-smallheader=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 800px){[size-smallheader=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1024px){[size-medium=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1024px){[size-medium=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1024px){[size-medium=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1024px){[size-medium=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1024px){[size-medium=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){[size-medium=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1024px){[size-medium=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){[size-medium=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){[size-medium=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){[size-medium=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1024px){[size-medium=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1024px){[size-medium=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1024px){[size-medium=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1024px){[size-medium=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1024px){[size-medium=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1260px){[size-large=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1260px){[size-large=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1260px){[size-large=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){[size-large=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[size-large=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){[size-large=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1260px){[size-large=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[size-large=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){[size-large=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){[size-large=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1260px){[size-large=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){[size-large=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1260px){[size-large=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1260px){[size-large=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1260px){[size-large=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}@media screen and (min-width: 1440px){[size-ultra=xxxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xxsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xxsmall)}}@media screen and (min-width: 1440px){[size-ultra=xsmall].sc-stzh-hspace-h{--space:var(--stzh-space-xsmall)}}@media screen and (min-width: 1440px){[size-ultra=small].sc-stzh-hspace-h{--space:var(--stzh-space-small)}}@media screen and (min-width: 1440px){[size-ultra=medium].sc-stzh-hspace-h{--space:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[size-ultra=large].sc-stzh-hspace-h{--space:var(--stzh-space-large)}}@media screen and (min-width: 1440px){[size-ultra=xlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=xxxxlarge].sc-stzh-hspace-h{--space:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1440px){[size-ultra=big].sc-stzh-hspace-h{--space:var(--stzh-space-big)}}@media screen and (min-width: 1440px){[size-ultra=xbig].sc-stzh-hspace-h{--space:var(--stzh-space-xbig)}}@media screen and (min-width: 1440px){[size-ultra=huge].sc-stzh-hspace-h{--space:var(--stzh-space-huge)}}@media screen and (min-width: 1440px){[size-ultra=xhuge].sc-stzh-hspace-h{--space:var(--stzh-space-xhuge)}}@media screen and (min-width: 1440px){[size-ultra=none].sc-stzh-hspace-h{--space:var(--stzh-space-none)}}@media screen and (min-width: 1440px){[size-ultra=default].sc-stzh-hspace-h{--space:var(--stzh-space-default)}}.stzh-hspace.sc-stzh-hspace{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;padding:0;margin:0}.stzh-hspace.sc-stzh-hspace:empty{width:var(--space)}.stzh-hspace--border-left.sc-stzh-hspace{border-left:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--border-right.sc-stzh-hspace{border-right:0.0625rem solid var(--stzh-base-border-color)}.stzh-hspace--justify-center.sc-stzh-hspace{-ms-flex-pack:center;justify-content:center}.stzh-hspace--justify-end.sc-stzh-hspace{-ms-flex-pack:end;justify-content:flex-end}.stzh-hspace--justify-between.sc-stzh-hspace{-ms-flex-pack:justify;justify-content:space-between}.stzh-hspace--justify-around.sc-stzh-hspace{-ms-flex-pack:distribute;justify-content:space-around}.stzh-hspace--justify-evenly.sc-stzh-hspace{-ms-flex-pack:space-evenly;justify-content:space-evenly}";
 
 const StzhHspace = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /** Type of curve */
     this.curve = "none";
-    /** Type of size */
     this.size = "inherit";
-    /** Type of size above small breakpoint  */
     this.sizeSmall = "inherit";
-    /** Type of size above medium breakpoint  */
     this.sizeMedium = "inherit";
-    /** Type of size above large breakpoint  */
     this.sizeLarge = "inherit";
-    /** Type of size above ultra breakpoint  */
     this.sizeUltra = "inherit";
-    /** Alignment */
     this.justify = "start";
-    /** Apply spacing to slotted elements */
     this.around = false;
-    /** Add border */
     this.border = "none";
   }
   render() {