npm - @oiz/stzh-components - Versions diffs - 3.0.0-beta3 → 3.0.0-beta5 - Mend

@oiz/stzh-components 3.0.0-beta3 → 3.0.0-beta5

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 (663) hide show

package/dist/collection/components/stzh-olmap/stzh-olmap.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-overlay/stzh-overlay.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-page-skiplinks/stzh-page-skiplinks.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-pagebottom/stzh-pagebottom.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */
@@ -203,7 +206,7 @@
 .stzh-pagebottom__share-wrapper {
   margin-left: -0.625rem;
 }
-@media screen and (min-width: 600px) {
+@media screen and (min-width: 900px) {
   .stzh-pagebottom__share-wrapper {
     margin-left: 0;
   }

package/dist/collection/components/stzh-pagecontent/stzh-pagecontent.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-pagetitle/stzh-pagetitle.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-pagetitle-hero/stzh-pagetitle-hero.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-pagination/stzh-pagination.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-panorama/stzh-panorama.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-popover/stzh-popover.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-print/stzh-print.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-progressbar/stzh-progressbar.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-radio/stzh-radio.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */
@@ -164,6 +167,7 @@
 }
 .stzh-radio {
+  display: grid;
   /* Hover / Focus / Checked */
   /* Invalid */
   /* Disabled */

package/dist/collection/components/stzh-radiogroup/stzh-radiogroup.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-ratio/stzh-ratio.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-readspeaker/stzh-readspeaker.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-richtext/stzh-richtext.css CHANGED Viewed

@@ -3,7 +3,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -28,6 +28,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */
@@ -221,9 +224,9 @@
   font-style: var(--stzh-font-style-heavy);
 }
 :host ::slotted(*) i, :host ::slotted(*) em {
-  font-family: var(--stzh-font-family-medium);
-  font-weight: var(--stzh-font-weight-medium);
-  font-style: var(--stzh-font-style-medium);
+  font-family: var(--stzh-font-family-medium-italic);
+  font-weight: var(--stzh-font-weight-medium-italic);
+  font-style: var(--stzh-font-style-medium-italic);
 }
 :host ::slotted(*),
 :host ::slotted(*) p,
@@ -972,9 +975,9 @@
 :host ::slotted(*) td i, :host ::slotted(*) td em,
 :host ::slotted(*) th i,
 :host ::slotted(*) th em {
-  font-family: var(--stzh-font-family-medium);
-  font-weight: var(--stzh-font-weight-medium);
-  font-style: var(--stzh-font-style-medium);
+  font-family: var(--stzh-font-family-medium-italic);
+  font-weight: var(--stzh-font-weight-medium-italic);
+  font-style: var(--stzh-font-style-medium-italic);
 }
 :host ::slotted(*) td.align-left,
 :host ::slotted(*) th.align-left {

package/dist/collection/components/stzh-row/stzh-row.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-saptcha/stzh-saptcha.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-scrollup/stzh-scrollup.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */

package/dist/collection/components/stzh-search/stzh-search.css CHANGED Viewed

@@ -2,7 +2,7 @@
  * Colors
  */
 /* Signal colors */
-/* Old colors (TODO: cleanup if not needed) */
+/* Old colors (TODO: cleanup when not needed anymore) */
 /**
  * Base
  */
@@ -27,6 +27,9 @@
 /**
  * Header
  */
+/**
+ * Fieldset
+ */
 /**
  * Progressbar
  */
@@ -213,14 +216,14 @@ stzh-search .stzh-fylingfocus-focused::-moz-focus-inner {
       ". . results results results results results results results results . .";
   }
 }
-stzh-search[has-aside-filters] {
+stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))) {
   --grid-template-areas:
   "filters-main filters-main filters-main filters-main"
   "filters-aside filters-aside filters-aside filters-aside"
   "results results results results";
 }
 @media screen and (min-width: 900px) {
-  stzh-search[has-aside-filters] {
+  stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))) {
     --grid-template-areas:
       "filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"
       "filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside filters-aside"
@@ -228,14 +231,14 @@ stzh-search[has-aside-filters] {
   }
 }
 @media screen and (min-width: 1260px) {
-  stzh-search[has-aside-filters] {
+  stzh-search:where([has-aside-filters]:not([hide-aside-filters]:not([hide-aside-filters="false"]))) {
     --grid-template-areas:
       "filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"
       "filters-aside filters-aside filters-aside filters-aside results results results results results results results results";
   }
 }
 @media screen and (min-width: 1260px) {
-  stzh-search[variant=teaser] {
+  stzh-search:where([variant="teaser"]) {
     --grid-template-areas:
       "filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main filters-main"
       "results results results results results results results results results results results results";
@@ -251,6 +254,7 @@ stzh-search[has-aside-filters] {
   /* Teaser variant */
   /* Has results shown or aside filter */
   /* Has main and aside filters */
+  /* Has hidden main/aside filters */
   /* Is loading */
 }
 @media screen and (min-width: 600px) {
@@ -327,6 +331,58 @@ stzh-search[has-aside-filters] {
     padding: 0;
   }
 }
+.stzh-search__filters-aside-heading {
+  font-family: var(--stzh-font-family-heavy);
+  font-weight: var(--stzh-font-weight-heavy);
+  font-style: var(--stzh-font-style-heavy);
+  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));
+  line-height: var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));
+  letter-spacing: var(--stzh-font-curve-h4-default-text-letter-spacing);
+  padding-bottom: var(--stzh-space-xsmall);
+  color: var(--stzh-color-primary70);
+  display: none;
+}
+@media screen and (min-width: 600px) {
+  .stzh-search__filters-aside-heading {
+    font-size: var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));
+    line-height: var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));
+    letter-spacing: var(--stzh-font-curve-h4-small-text-letter-spacing);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-search__filters-aside-heading {
+    font-size: var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));
+    line-height: var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));
+    letter-spacing: var(--stzh-font-curve-h4-large-text-letter-spacing);
+  }
+}
+@media screen and (min-width: 1600px) {
+  .stzh-search__filters-aside-heading {
+    font-size: var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));
+    line-height: var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));
+    letter-spacing: var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing));
+  }
+}
+@media screen and (min-width: 900px) {
+  .stzh-search__filters-aside-heading {
+    padding-bottom: var(--stzh-space-small);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-search__filters-aside-heading {
+    padding-bottom: var(--stzh-space-medium);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-search__filters-aside-heading {
+    display: block;
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-search stzh-button.stzh-search__filters-aside-details-trigger {
+    display: none;
+  }
+}
 @media screen and (min-width: 1260px) {
   .stzh-search__filters-aside-inner {
     position: -webkit-sticky;
@@ -387,6 +443,24 @@ stzh-search[has-aside-filters] {
     margin-top: var(--stzh-space-xxxlarge);
   }
 }
+.stzh-search__empty-text {
+  margin-bottom: var(--stzh-space-medium);
+}
+@media screen and (min-width: 600px) {
+  .stzh-search__empty-text {
+    margin-bottom: var(--stzh-space-large);
+  }
+}
+@media screen and (min-width: 900px) {
+  .stzh-search__empty-text {
+    margin-bottom: var(--stzh-space-xlarge);
+  }
+}
+@media screen and (min-width: 1260px) {
+  .stzh-search__empty-text {
+    margin-bottom: var(--stzh-space-xxlarge);
+  }
+}
 .stzh-search__loader {
   margin-top: var(--stzh-space-xlarge);
 }
@@ -448,42 +522,32 @@ stzh-search[has-aside-filters] {
 }
 @media screen and (max-width: 1259px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper {
-    margin-top: var(--stzh-space-medium);
-  }
-}
-@media screen and (max-width: 1259px) and (min-width: 600px) {
-  .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper {
-    margin-top: var(--stzh-space-large);
+    margin-top: var(--stzh-space-xlarge);
   }
 }
 @media screen and (max-width: 1259px) and (min-width: 900px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper {
-    margin-top: var(--stzh-space-xlarge);
+    margin-top: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (max-width: 1259px) and (min-width: 1260px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__results-wrapper {
-    margin-top: var(--stzh-space-xxlarge);
+    margin-top: var(--stzh-space-xxxlarge);
   }
 }
 @media screen and (min-width: 1260px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main, .stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main {
-    margin-bottom: var(--stzh-space-medium);
-  }
-}
-@media screen and (min-width: 1260px) and (min-width: 600px) {
-  .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main, .stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main {
-    margin-bottom: var(--stzh-space-large);
+    margin-bottom: var(--stzh-space-xlarge);
   }
 }
 @media screen and (min-width: 1260px) and (min-width: 900px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main, .stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main {
-    margin-bottom: var(--stzh-space-xlarge);
+    margin-bottom: var(--stzh-space-xxlarge);
   }
 }
 @media screen and (min-width: 1260px) and (min-width: 1260px) {
   .stzh-search--has-results-shown.stzh-search--teaser .stzh-search__filters-main, .stzh-search--has-filters-aside.stzh-search--teaser .stzh-search__filters-main {
-    margin-bottom: var(--stzh-space-xxlarge);
+    margin-bottom: var(--stzh-space-xxxlarge);
   }
 }
 .stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-main:not(:empty) {
@@ -505,7 +569,16 @@ stzh-search[has-aside-filters] {
   }
 }
 .stzh-search--has-filters-main.stzh-search--has-filters-aside .stzh-search__filters-aside:not(:empty) {
-  padding-top: 0;
+  padding-top: 0px;
+}
+.stzh-search--has-hidden-main-filters .stzh-search__filters-main {
+  display: none;
+}
+.stzh-search--has-hidden-aside-filters .stzh-search__filters-aside {
+  display: none;
+}
+.stzh-search--has-hidden-main-filters .stzh-search__results-wrapper, .stzh-search--has-hidden-main-filters.stzh-search--teaser .stzh-search__results-wrapper {
+  margin-top: 0px;
 }
 .stzh-search--is-loading .stzh-search__results-heading, .stzh-search--is-loading .stzh-search__results-empty, .stzh-search--is-loading .stzh-search__results, .stzh-search--is-loading .stzh-search__action-more {
   opacity: 0.5;