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

package/dist/collection/components/hy-opening-hours/hy-opening-hours.css

@@ -1,81 +1,26 @@
-: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-open-hours--container {
   font-family: var(--main-font-family);
   max-width: 50rem;
   overflow: hidden;
 }
-
 .hy-open-hours--container--exceptional {
   max-width: 100%;
 }
-
 .open-hours__title {
   text-transform: uppercase;
   margin-bottom: 0.75rem;
 }
-
 .open-hours__date-change {
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -93,7 +38,6 @@
   -ms-flex-pack: justify;
   justify-content: space-between;
 }
-
 .open-hours__date-change--title {
   font-size: 1.25rem;
   line-height: 24px;
@@ -104,7 +48,6 @@
   text-align: center;
   text-transform: uppercase;
 }
-
 .open-hours__date-change .open-hours__prev-date,
 .open-hours__date-change .open-hours__next-date {
   background: none;
@@ -118,25 +61,21 @@
   position: relative;
   width: 44px;
 }
-
 .open-hours__date-change .open-hours__prev-date:hover,
 .open-hours__date-change .open-hours__next-date:hover {
   background-color: var(--hover-gray);
   color: var(--brand-main-active);
   cursor: pointer;
 }
-
 .open-hours__date-change .open-hours__prev-date:focus,
 .open-hours__date-change .open-hours__next-date:focus {
   background-color: var(--hover-gray);
   color: var(--brand-main-active);
 }
-
 .open-hours__date-change .open-hours__prev-date:disabled,
 .open-hours__date-change .open-hours__next-date:disabled {
   cursor: none;
 }
-
 .open-hours__date-change .open-hours__prev-date hy-icon,
 .open-hours__date-change .open-hours__next-date hy-icon {
   color: var(--link-blue);
@@ -146,22 +85,18 @@
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 }
-
 .open-hours__date-change .open-hours__prev-date svg,
 .open-hours__date-change .open-hours__next-date svg {
   fill: currentColor;
   height: 20px;
   width: 20px;
 }
-
 .open-hours__date-change .open-hours__prev-date {
   border-right: 1px solid var(--link-blue);
 }
-
 .open-hours__date-change .open-hours__next-date {
   border-left: 1px solid var(--link-blue);
 }
-
 .open-hours__content__top {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -177,30 +112,24 @@
   justify-content: space-between;
   padding: 0.5rem 0;
 }
-
 .open-hours__content__top-label {
   margin: 0.5rem 0 0.5rem 0;
   text-align: left;
   width: 33.3333333333vw;
   word-break: break-word;
 }
-
 .open-hours__content__top-label:first-child() {
   margin-right: 1rem;
 }
-
 .open-hours__content__top-label.luomus {
   width: 50vw;
 }
-
 .open-hours__content__top-label.building.luomus {
   text-align: center;
 }
-
 .open-hours__content {
   position: relative;
 }
-
 .open-hours__content.open-hours__loading:after {
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
@@ -210,42 +139,34 @@
   top: 35%;
   z-index: 2;
 }
-
 .open-hours__content.slide-left {
   -webkit-animation: slide-left 0.2s ease-in-out both;
   animation: slide-left 0.2s ease-in-out both;
 }
-
 .open-hours__content.slide-left-reverse {
   -webkit-animation: slide-left-reverse 0.2s ease-in-out reverse both;
   animation: slide-left-reverse 0.2s ease-in-out reverse both;
 }
-
 .open-hours__content.slide-right {
   -webkit-animation: slide-right 0.2s ease-in-out both;
   animation: slide-right 0.2s ease-in-out both;
 }
-
 .open-hours__content.slide-right-reverse {
   -webkit-animation: slide-right-reverse 0.2s ease-in-out reverse both;
   animation: slide-right-reverse 0.2s ease-in-out reverse both;
 }
-
 .open-hours__links {
   margin: 1.5rem 0 1rem 0;
 }
-
 .open-hours__links .open-hours__link .hy-cta-link {
   width: 100% !important;
   -webkit-box-pack: start !important;
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
 }
-
 .open-hours__links .open-hours__link .hy-cta-link .text {
   width: 100% !important;
 }
-
 @-webkit-keyframes slide-right {
   0% {
     -webkit-transform: translateX(0);
@@ -258,7 +179,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-right {
   0% {
     -webkit-transform: translateX(0);
@@ -271,7 +191,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-right-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -284,7 +203,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-right-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -297,7 +215,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
@@ -310,7 +227,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-left {
   0% {
     -webkit-transform: translateX(0);
@@ -323,7 +239,6 @@
     opacity: 0;
   }
 }
-
 @-webkit-keyframes slide-left-reverse {
   0% {
     -webkit-transform: translateX(0);
@@ -336,7 +251,6 @@
     opacity: 0;
   }
 }
-
 @keyframes slide-left-reverse {
   0% {
     -webkit-transform: translateX(0);

package/dist/collection/components/hy-opening-hours/hy-opening-hours.js

@@ -26,7 +26,7 @@ export class HyOpeningHours {
         ].join(" ");
         const listClasses = ["open-hours__content__top-label", this.venueType].join(" ");
         const buildingClasses = ["open-hours__content__top-label building", this.venueType].join(" ");
-        return (h(Host, { key: 'd876f06d312e55391addf8646da0f5ab313dc4ea' }, h("div", { key: 'a97a07ee0209e95d30a955e8e398a6a396782b6e', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: '37ef25b28660605c7c693eb85ecce31a117a7b62', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '7c1c76bd22bf1457e61bd8e274c42463751219e3', class: "open-hours__date-change" }, h("button", { key: 'f042f35f644fb6a4fb175e37937213dd2aa7ce31', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: 'ca4af5b86aa02e71996349194ab3d068cb0783dc', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: '7daa93c84a0c3410c6fe7b5f55272082345e00c3', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'ec5e278c086921b836cbc94858c163801299146a', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: '9706a55abe9bf097457b9e329d12df529753e160', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: '9624deefa42e7316bbb780fd018ea91d762fb8e4', class: "open-hours__content__top" }, h("span", { key: '848bc133bc9900c79403b221fe804725f033a2d5', class: listClasses }, this.listLabel), h("span", { key: '8d7b2a2b5264bef5229081ca51773e9549029f34', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '40f91e38e84a58a293db1eb55de1d795a7ff9b72', class: listClasses }, this.customerServiceLabel)), h("div", { key: 'c313408d1a3a15bcf82c42b7e83755a8f2429a71', class: "open-hours__content" }, h("slot", { key: '03f45f9e0e06fb70b493c5eaa1b67b3adb347299' })), this.customLink && (h("div", { key: 'aed69bdc6eac1863cb2dfac00edb16fc09a4936b', class: "open-hours__links" }, h("hy-cta-link", { key: 'f45dfa62ca740349e4ba94c9c132c28beac2da72', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: 'be72e04bc743b802e275a92a7172519ef4d2366e', mb: "1.75, 1.75, 2, 2.5" })));
+        return (h(Host, { key: 'f6f3415684392b415cdfd2ad02f1f2f929cc9681' }, h("div", { key: '0cbdb3472c793ddaa3219a6a2ce81de0485b9650', class: containerClasses, "data-lang": this.language, "data-id": this.blockId, "data-date": this.date, "data-type": this.dateType, "data-multiple": this.multiple }, this.blockTitle && h("h3", { key: 'f67b75961eead25f58945504e0b3d934f5e1f74b', class: "open-hours__title" }, this.blockTitle), !this.exceptional && (h("div", { key: '9cb2735ffb336d2ea4c6373c17c5c83f44731383', class: "open-hours__date-change" }, h("button", { key: '502b0fb12482079b76163c5cb603844e0a0f7a1e', "aria-label": this.prevLabel, class: "icon--arrow-left open-hours__prev-date" }, h("hy-icon", { key: 'cda2e8886a4c776fbd3aa09ca89661805cad0247', icon: "hy-icon-caret-left", size: 18 })), h("span", { key: '1bd235948fea29cc1cf25c812140b087abc4f71f', class: "open-hours__date-change--title" }, this.dateTitle), h("button", { key: 'd5733be3decaab622a9cbcea7e4178613e22c90d', "aria-label": this.nextLabel, class: "icon--arrow-right open-hours__next-date" }, h("hy-icon", { key: '39b8ade2704b0b97ab25daee7f6795bbfff5d806', icon: "hy-icon-caret-right", size: 18 })))), h("div", { key: '0acd8e75614bc0c715d05a336612baf4feb549a1', class: "open-hours__content__top" }, h("span", { key: 'd6706b18af8b69dd659fab521948448ff4088818', class: listClasses }, this.listLabel), h("span", { key: 'bae5faca109caeb73a64c471454f74a11fdb1dce', class: buildingClasses }, this.buildingLabel), this.customerServiceLabel && h("span", { key: '05665bd69d13624bc899c2bda8788e10b19348a5', class: listClasses }, this.customerServiceLabel)), h("div", { key: '8409743f535e461ea79ac53d58bcdbfe92567bcd', class: "open-hours__content" }, h("slot", { key: 'd22774dc5cce96a24e79697bb8a787f0cf0be41f' })), this.customLink && (h("div", { key: 'e77e28c2bb4a7420a8af63d601b90d868d1dad74', class: "open-hours__links" }, h("hy-cta-link", { key: 'a317216c011ea8c326482f737ed7eca6bfefe604', "full-width": true, "link-content": this.customLinkTitle, "sc-label": this.customLinkTitle, url: this.customLink, variant: CtaLinkVariants.linkList })))), h("hy-box", { key: '623243b1ae1181a7d8add2a6a7f567158132cbac', mb: "1.75, 1.75, 2, 2.5" })));
     }
     static get is() { return "hy-opening-hours"; }
     static get originalStyleUrls() {

package/dist/collection/components/hy-opening-hours-content/hy-opening-hours-content.css

@@ -1,66 +1,14 @@
-: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;
 }
-
 .open-hours__list-item {
   border-top: 1px solid var(--grayscale-medium);
   color: var(--grayscale-dark-text);
@@ -79,11 +27,9 @@
   font-family: var(--main-font-family);
   text-align: start;
 }
-
 .open-hours__list-item--today {
   background-color: var(--grayscale-light);
 }
-
 .open-hours__list-item--today span:first-child {
   margin-left: 4px;
   padding-left: 4px;
@@ -91,24 +37,19 @@
   font-weight: bold;
   border-left: 2px solid var(--grayscale-black);
 }
-
 .open-hours__list-item > span:not(.luomus) {
   text-align: left;
   width: 33.3333333333vw;
 }
-
 .open-hours__list-item > span.luomus {
   width: 50vw;
 }
-
 .open-hours__list-item--date {
   margin-right: 1rem;
 }
-
 .open-hours__list-item--hours {
   margin-right: 0.2rem;
 }
-
 .open-hours__list-item--hours.luomus {
   text-align: center;
 }

package/dist/collection/components/hy-pagination/hy-pager/hy-pager.css

@@ -1,66 +1,14 @@
-: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-pager {
   -webkit-box-align: center;
   -ms-flex-align: center;

package/dist/collection/components/hy-pagination/hy-pager/hy-pager.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 export class HyPager {
     render() {
         const classAttributes = ["hy-pager"].join(" ");
-        return (h("ul", { key: '57c5f496374fd03d728c13ba9c5886b6d9163b3c', class: classAttributes }, h("slot", { key: 'fef2859524b802cb1d5d05395bea3d61dabfb289' })));
+        return (h("ul", { key: '1369f0d5f69d16c913009d94d7a47e34fe3cd5fa', class: classAttributes }, h("slot", { key: '57acd75b50bdbdbb15d91b1b2e0ba950188e32b1' })));
     }
     static get is() { return "hy-pager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css

@@ -1,66 +1,14 @@
-: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-pager__item {
   font-size: 0.875rem;
   line-height: 24px;
@@ -88,7 +36,6 @@
   min-width: 36px;
   text-align: center;
 }
-
 @media (min-width: 60rem) {
   .hy-pager__item {
     margin-right: 6px;
@@ -96,7 +43,6 @@
     min-width: 40px;
   }
 }
-
 .hy-pager__item a {
   font-size: 0.875rem;
   line-height: 24px;
@@ -120,7 +66,6 @@
   min-width: 36px;
   text-decoration: none;
 }
-
 @media (min-width: 60rem) {
   .hy-pager__item a {
     font-size: 1rem;
@@ -130,54 +75,44 @@
     min-width: 40px;
   }
 }
-
 .hy-pager__item a:not([aria-current=true]):hover {
   background-color: var(--brand-main);
   cursor: pointer;
 }
-
 .hy-pager__item__current {
   background-color: var(--grayscale-white);
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   border: 2px solid var(--grayscale-black);
 }
-
 .hy-pager__item__current a {
   color: var(--brand-main-nearly-black);
 }
-
 .hy-pager__item__current a:hover {
   background-color: var(--grayscale-white);
 }
-
 .hy-pager__item__ellipsis {
   background-color: var(--grayscale-white);
   color: var(--brand-main-nearly-black);
   min-width: auto;
   min-height: auto;
 }
-
 .hy-pager__item__next a, .hy-pager__item__previous a {
   padding: 7px 12px 5px 12px;
 }
-
 @media (min-width: 60rem) {
   .hy-pager__item__next a, .hy-pager__item__previous a {
     padding: 8px 12px;
   }
 }
-
 .hy-pager__item__next .hy-icon-wrapper, .hy-pager__item__previous .hy-icon-wrapper {
   margin: 0 4px;
 }
-
 @media (min-width: 60rem) {
   .hy-pager__item__next .hy-icon-wrapper, .hy-pager__item__previous .hy-icon-wrapper {
     margin: 0 6px;
   }
 }
-
 .hy-pager__item__next .hy-icon-wrapper svg, .hy-pager__item__previous .hy-icon-wrapper svg {
   fill: var(--grayscale-white);
 }