@itcenteratunihelsinki/huds-lib 0.8.77 → 0.8.78-alpha.0

package/dist/collection/components/hy-events/hy-events.css

@@ -1,74 +1,20 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
 /**
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
-}
-
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 hy-events.no-events .hy-events__no-result-container {
   font-family: var(--main-font-family);
 }
-
 hy-events.no-events .hy-events--wrapper .hy-events--grid {
   padding-bottom: 0;
 }
-
 hy-events.no-events .hy-events__footer {
   display: none;
 }
-
 .hy-events--wrapper .hy-events {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -78,7 +24,6 @@ hy-events.no-events .hy-events__footer {
   -ms-flex-direction: column;
   flex-direction: column;
 }
-
 .hy-events--wrapper .hy-events--grid {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
@@ -89,13 +34,11 @@ hy-events.no-events .hy-events__footer {
   white-space: nowrap;
   scrollbar-width: none;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events--grid {
     padding-bottom: 14rem;
   }
 }
-
 .hy-events--wrapper .hy-events--grid .hy-events__content {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -109,7 +52,6 @@ hy-events.no-events .hy-events__footer {
   -ms-flex-order: -1;
   order: -1;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events--grid .hy-events__content {
     -webkit-box-orient: horizontal;
@@ -118,7 +60,6 @@ hy-events.no-events .hy-events__footer {
     flex-direction: row;
   }
 }
-
 .hy-events--wrapper .hy-events__footer {
   -webkit-box-align: end;
   -ms-flex-align: end;
@@ -135,7 +76,6 @@ hy-events.no-events .hy-events__footer {
   justify-content: space-between;
   margin-bottom: 2rem;
 }
-
 .hy-events--wrapper .hy-events__footer--grid {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
@@ -143,18 +83,15 @@ hy-events.no-events .hy-events__footer {
   flex-direction: row;
   margin-top: 1.5rem;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events__footer--grid {
     margin-top: -9.5rem;
   }
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons {
   display: none;
   margin-top: 2rem;
 }
-
 @media (min-width: 48rem) {
   .hy-events--wrapper .hy-events__scroll-buttons {
     display: -webkit-box;
@@ -162,29 +99,23 @@ hy-events.no-events .hy-events__footer {
     display: flex;
   }
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button {
   border: none;
   background: none;
   padding: 0.5rem;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button:hover {
   cursor: pointer;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button:hover svg {
   scale: 1.1;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-hidden {
   display: none;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-disabled {
   pointer-events: none;
 }
-
 .hy-events--wrapper .hy-events__scroll-buttons button.is-disabled svg {
   fill: var(--link-disabled);
 }

package/dist/collection/components/hy-filter-group/hy-filter-group.css

@@ -1,62 +1,11 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
 /**
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 .hy-filter-group {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -68,7 +17,6 @@
   flex-wrap: wrap;
   margin-right: 16px;
 }
-
 .hy-filter-group__listing {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -82,7 +30,6 @@
   margin: 0;
   padding: 0;
 }
-
 .hy-filter-group__label {
   font-size: 0.75rem;
   line-height: 16px;
@@ -94,7 +41,6 @@
   margin: 8px 4px 8px 0;
   padding: 4px 0;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__label {
     font-size: 0.875rem;
@@ -103,7 +49,6 @@
     padding: 6px 0;
   }
 }
-
 .hy-filter-group__button {
   font-size: 0.75rem;
   line-height: 16px;
@@ -123,7 +68,6 @@
   margin: 8px 4px;
   padding: 4px 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button {
     font-size: 0.875rem;
@@ -132,32 +76,26 @@
     padding: 6px 8px;
   }
 }
-
 .hy-filter-group__button:hover {
   cursor: pointer;
 }
-
 .hy-filter-group__button-icon {
   margin-left: 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button-icon {
     margin-left: 8px;
   }
 }
-
 .hy-filter-group__button-icon svg {
   pointer-events: none;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__button-icon svg {
     height: 12px;
     width: 12px;
   }
 }
-
 .hy-filter-group__divider {
   font-size: 0.75rem;
   line-height: 16px;
@@ -165,7 +103,6 @@
   font-family: var(--main-font-family);
   margin: 4px 6px;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-group__divider {
     font-size: 0.875rem;

package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css

@@ -1,70 +1,17 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
 /**
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 :host {
   display: block;
 }
-
 .hy-filter__list-type {
   display: none;
 }
-
 @media (min-width: 60rem) {
   .hy-filter__list-type {
     display: -webkit-box;
@@ -76,7 +23,6 @@
     font-family: var(--main-font-family);
   }
 }
-
 @media (min-width: 60rem) {
   .hy-filter__list-type span {
     font-size: 0.875rem;
@@ -87,61 +33,50 @@
     text-align: right;
   }
 }
-
 @media (min-width: 1601px) {
   .hy-filter__list-type span {
     font-size: 1rem;
     line-height: 20px;
   }
 }
-
 .hy-filter__list-type__list {
   background: var(--grayscale-background-box);
   border: none;
   margin: 0 8px;
   padding: 10px;
 }
-
 .hy-filter__list-type__list svg {
   background-color: var(--grayscale-background-box);
   fill: var(--brand-main-light);
 }
-
 .hy-filter__list-type__list.is-active {
   background: white;
   border: black 1px solid;
 }
-
 .hy-filter__list-type__list.is-active svg {
   background-color: var(--grayscale-white);
   fill: var(--grayscale-black);
 }
-
 .hy-filter__list-type__list:hover {
   cursor: pointer;
 }
-
 .hy-filter__list-type__grid {
   background: var(--grayscale-background-box);
   border: none;
   padding: 10px;
 }
-
 .hy-filter__list-type__grid svg {
   background-color: var(--grayscale-background-box);
   fill: var(--brand-main-light);
 }
-
 .hy-filter__list-type__grid.is-active {
   background: white;
   border: black 1px solid;
 }
-
 .hy-filter__list-type__grid.is-active svg {
   background-color: var(--grayscale-white);
   fill: var(--grayscale-black);
 }
-
 .hy-filter__list-type__grid:hover {
   cursor: pointer;
 }

package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css

@@ -1,62 +1,11 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
 /**
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 .hy-filter-visibility-tool {
   font-size: 0.875rem;
   line-height: 20px;
@@ -75,7 +24,6 @@
   padding: 0;
   margin-right: 1rem;
 }
-
 @media (min-width: 30rem) {
   .hy-filter-visibility-tool {
     font-size: 1rem;
@@ -83,36 +31,29 @@
     letter-spacing: -0.5px;
   }
 }
-
 .hy-filter-visibility-tool:hover {
   color: var(--brand-main);
   cursor: pointer;
 }
-
 .hy-filter-visibility-tool:hover svg {
   fill: var(--brand-main);
 }
-
 .hy-filter-visibility-tool:focus {
   color: var(--brand-main);
   outline-offset: 1px;
   outline: 2px solid var(--brand-main);
 }
-
 .hy-filter-visibility-tool:focus svg {
   fill: var(--brand-main);
 }
-
 .hy-filter-visibility-tool__icon {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   margin-right: 6px;
 }
-
 .hy-filter-visibility-tool__icon svg {
   fill: var(--link-blue);
 }
-
 @media (min-width: 30rem) {
   .hy-filter-visibility-tool__icon svg {
     height: 16px;

package/dist/collection/components/hy-general-list/hy-general-list.css

@@ -1,72 +1,19 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow-light: #f9a21a;
-  --additional-yellow: #c47f1b;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
 /**
  * Mixin for fluid type.
  * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
  */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
 }
-
 :host {
   display: block;
 }
-
 .hy-general-list {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-
 .hy-general-list--style-grid {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -74,26 +21,22 @@
   display: grid;
   gap: 32px 0;
 }
-
 @media screen and (min-width: 768px) {
   .hy-general-list--style-grid {
     grid-template-columns: repeat(2, 1fr);
     gap: 32px 24px;
   }
 }
-
 @media screen and (min-width: 1024px) {
   .hy-general-list--style-grid {
     grid-template-columns: repeat(3, 1fr);
   }
 }
-
 @media screen and (min-width: 1920px) {
   .hy-general-list--style-grid {
     gap: 32px;
   }
 }
-
 .hy-general-list--style-grid li {
   background-color: var(--grayscale-background-box);
   width: 100%;

package/dist/collection/components/hy-general-list/hy-general-list.js

@@ -35,7 +35,7 @@ export class HyGeneralList {
             listData = Object.values(this._dataItems);
         }
         function truncate(str, n) {
-            return str.length > n ? str.substr(0, n - 1) + "..." : str;
+            return (str && str.length > n) ? str.substr(0, n - 1) + "..." : str;
         }
         return (h(Host, null, h("ul", { class: classAttributes }, listData &&
             listData.map((item) => (h("li", null, h("hy-general-list-item", { "has-sidebar": this.hasSidebar, target: this.blank, "data-location": item.url, description: this.truncateDescription ? truncate(item.description, this.truncateLimit) : item.description, id: item.id, imageAlt: item.imageAlt, imageUrl: item.imageUrl, "item-title": item.title, label: item.label, "sub-label": item.subLabel, tag: item.tag, date: item.date, type: item.type, url: item.url, "list-style": this.type }))))), h("hy-box", { mb: "1.75, 1.75, 2, 2.5" })));