@itcenteratunihelsinki/huds-lib 0.8.89 → 0.9.0

package/dist/huds-lib/huds-lib.css

@@ -1 +1 @@
-*{-webkit-box-sizing:border-box;box-sizing:border-box}: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}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}
+:root,:host{--ds-borderWidth-none:0px;--ds-borderWidth-hairline:1px;--ds-borderWidth-thin:2px;--ds-borderWidth-thick:4px;--ds-borderWidth-xThick:8px;--ds-borderRadius-none:0px;--ds-breakpoint-xSmall:20rem;--ds-breakpoint-small:30rem;--ds-breakpoint-medium:60rem;--ds-breakpoint-large:75rem;--ds-breakpoint-xLarge:90rem;--ds-spacing-4xSmall:0.125rem;--ds-spacing-3xSmall:0.25rem;--ds-spacing-2xSmall:0.5rem;--ds-spacing-xSmall:0.75rem;--ds-spacing-small:1rem;--ds-spacing-medium:1.5rem;--ds-spacing-large:2rem;--ds-spacing-xLarge:2.5rem;--ds-spacing-2xLarge:3rem;--ds-spacing-3xLarge:3.5rem;--ds-spacing-4xLarge:4rem;--ds-spacing-5xLarge:4.5rem;--ds-spacing-layout-2xSmall:1rem;--ds-spacing-layout-xSmall:1.5rem;--ds-spacing-layout-small:2rem;--ds-spacing-layout-medium:3rem;--ds-spacing-layout-large:4rem;--ds-spacing-layout-xLarge:6rem;--ds-spacing-layout-2xLarge:8rem;--ds-overlay-black-00:rgb(0 0 0 / 0%);--ds-overlay-black-05:rgb(0 0 0 / 5%);--ds-overlay-black-10:rgb(0 0 0 / 10%);--ds-overlay-black-15:rgb(0 0 0 / 15%);--ds-overlay-black-30:rgb(0 0 0 / 30%);--ds-overlay-black-40:rgb(0 0 0 / 40%);--ds-overlay-black-50:rgb(0 0 0 / 50%);--ds-overlay-black-70:rgb(0 0 0 / 70%);--ds-overlay-black-80:rgb(0 0 0 / 80%);--ds-overlay-white-00:rgb(255 255 255 / 0%);--ds-overlay-white-05:rgb(255 255 255 / 5%);--ds-overlay-white-10:rgb(255 255 255 / 10%);--ds-overlay-white-15:rgb(255 255 255 / 15%);--ds-overlay-white-30:rgb(255 255 255 / 30%);--ds-overlay-white-40:rgb(255 255 255 / 40%);--ds-overlay-white-50:rgb(255 255 255 / 50%);--ds-overlay-white-70:rgb(255 255 255 / 70%);--ds-overlay-white-80:rgb(255 255 255 / 80%);--ds-palette-black:#000;--ds-palette-white:#fff;--ds-palette-black-03:#f7f7f7;--ds-palette-black-05:#f2f2f2;--ds-palette-black-10:#e6e6e6;--ds-palette-black-20:#ccc;--ds-palette-black-30:#b3b3b3;--ds-palette-black-40:#999;--ds-palette-black-50:#808080;--ds-palette-black-60:#666;--ds-palette-black-70:#4d4d4d;--ds-palette-black-80:#333;--ds-palette-black-90:#1a1a1a;--ds-palette-black-95:#0c0c0c;--ds-palette-blue-05:#e5f8ff;--ds-palette-blue-10:#c2eeff;--ds-palette-blue-20:#8adeff;--ds-palette-blue-30:#5cd1ff;--ds-palette-blue-40:#1abeff;--ds-palette-blue-50:#009ad6;--ds-palette-blue-60:#0084b8;--ds-palette-blue-70:#005b80;--ds-palette-blue-80:#053c52;--ds-palette-blue-90:#032330;--ds-palette-green-05:#dffbe1;--ds-palette-green-10:#bef4c1;--ds-palette-green-20:#85e08a;--ds-palette-green-30:#66cc6b;--ds-palette-green-40:#43b149;--ds-palette-green-50:#279b2d;--ds-palette-green-60:#257e29;--ds-palette-green-70:#216325;--ds-palette-green-80:#183f19;--ds-palette-green-90:#0f2410;--ds-palette-mainBlue-05:#e5f5ff;--ds-palette-mainBlue-10:#cdebff;--ds-palette-mainBlue-20:#99d7ff;--ds-palette-mainBlue-30:#70c7ff;--ds-palette-mainBlue-40:#3db3ff;--ds-palette-mainBlue-50:#009bff;--ds-palette-mainBlue-60:#007fd1;--ds-palette-mainBlue-70:#005a94;--ds-palette-mainBlue-80:#003152;--ds-palette-mainBlue-90:#001929;--ds-palette-red-05:#ffeceb;--ds-palette-red-10:#ffd8d6;--ds-palette-red-20:#fdb7b4;--ds-palette-red-30:#f87c77;--ds-palette-red-40:#f0514c;--ds-palette-red-50:#d71f19;--ds-palette-red-60:#bd2828;--ds-palette-red-70:#8b2623;--ds-palette-red-80:#602220;--ds-palette-red-90:#321c1b;--ds-palette-yellow-05:#fff1db;--ds-palette-yellow-10:#ffe7c2;--ds-palette-yellow-20:#ffd799;--ds-palette-yellow-30:#fbc05f;--ds-palette-yellow-40:#eea22b;--ds-palette-yellow-50:#ce8103;--ds-palette-yellow-60:#b26d00;--ds-palette-yellow-70:#7a4b00;--ds-palette-yellow-80:#4e3104;--ds-palette-yellow-90:#282115;--ds-textColor-default:var(--ds-palette-black-95);--ds-textColor-primary:var(--ds-palette-mainBlue-70);--ds-textColor-secondary:var(--ds-palette-black-70);--ds-textColor-white:var(--ds-palette-white);--ds-textColor-danger:var(--ds-palette-red-70);--ds-textColor-success:var(--ds-palette-green-70);--ds-textColor-disabled-onLight:var(--ds-palette-black-40);--ds-textColor-disabled-onDark:var(--ds-overlay-white-40);--ds-textColor-link:var(--ds-palette-mainBlue-70);--ds-textColor-link-hover:var(--ds-palette-mainBlue-80);--ds-textColor-link-active:var(--ds-palette-mainBlue-90);--ds-textColor-link-visited:#551a8b;--ds-textColor-link-standalone:var(--ds-palette-black-70);--ds-textColor-link-standalone-hover:var(--ds-palette-black-80);--ds-textColor-link-standalone-active:var(--ds-palette-black-95);--ds-textColor-link-standalone-focus:var(--ds-palette-black-70);--ds-textColor-info:var(--ds-palette-blue-70);--ds-textColor-attention:var(--ds-palette-yellow-70);--ds-bgColor-primary:var(--ds-palette-mainBlue-70);--ds-bgColor-primary-hover:var(--ds-palette-mainBlue-80);--ds-bgColor-primary-active:var(--ds-palette-mainBlue-90);--ds-bgColor-secondary:var(--ds-palette-white);--ds-bgColor-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bgColor-secondary-active:var(--ds-palette-mainBlue-10);--ds-bgColor-white:var(--ds-palette-white);--ds-bgColor-white-hover:var(--ds-palette-black-10);--ds-bgColor-white-active:var(--ds-palette-black-20);--ds-bgColor-black:var(--ds-palette-black-95);--ds-bgColor-black-hover:var(--ds-palette-black-80);--ds-bgColor-black-active:var(--ds-palette-black-70);--ds-bgColor-danger:var(--ds-palette-red-05);--ds-bgColor-danger-hover:var(--ds-palette-red-10);--ds-bgColor-danger-active:var(--ds-palette-red-20);--ds-bgColor-success:var(--ds-palette-green-05);--ds-bgColor-success-hover:var(--ds-palette-green-10);--ds-bgColor-success-active:var(--ds-palette-green-20);--ds-bgColor-transparent-onLight:var(--ds-overlay-black-00);--ds-bgColor-transparent-onLight-hover:var(--ds-overlay-black-10);--ds-bgColor-transparent-onLight-active:var(--ds-overlay-black-15);--ds-bgColor-transparent-onDark:var(--ds-overlay-white-00);--ds-bgColor-transparent-onDark-hover:var(--ds-overlay-white-30);--ds-bgColor-transparent-onDark-active:var(--ds-overlay-white-40);--ds-bgColor-disabled-onLight:var(--ds-overlay-black-10);--ds-bgColor-disabled-onDark:var(--ds-overlay-white-10);--ds-bgColor-info:var(--ds-palette-blue-05);--ds-bgColor-info-hover:var(--ds-palette-blue-10);--ds-bgColor-info-active:var(--ds-palette-blue-20);--ds-bgColor-neutral:var(--ds-palette-black-05);--ds-bgColor-neutral-hover:var(--ds-palette-black-10);--ds-bgColor-neutral-active:var(--ds-palette-black-20);--ds-bgColor-neutralLight:var(--ds-palette-black-03);--ds-bgColor-neutralLight-hover:var(--ds-palette-black-05);--ds-bgColor-neutralLight-active:var(--ds-palette-black-10);--ds-bgColor-attention:var(--ds-palette-yellow-05);--ds-bgColor-attention-hover:var(--ds-palette-yellow-10);--ds-bgColor-attention-active:var(--ds-palette-yellow-20);--ds-borderColor-default:var(--ds-palette-black-50);--ds-borderColor-primary:var(--ds-palette-mainBlue-70);--ds-borderColor-black:var(--ds-palette-black-95);--ds-borderColor-white:var(--ds-palette-white);--ds-borderColor-danger:var(--ds-palette-red-50);--ds-borderColor-success:var(--ds-palette-green-50);--ds-borderColor-transparent:var(--ds-overlay-black-00);--ds-borderColor-disabled-onLight:var(--ds-overlay-black-15);--ds-borderColor-disabled-onDark:var(--ds-overlay-white-15);--ds-borderColor-light:var(--ds-palette-black-20);--ds-borderColor-info:var(--ds-palette-blue-50);--ds-borderColor-attention:var(--ds-palette-yellow-50);--ds-fontFamily-heading:"Open Sans", sans-serif;--ds-fontFamily-body:"Open Sans", sans-serif;--ds-fontSize-12:12px;--ds-fontSize-14:14px;--ds-fontSize-16:16px;--ds-fontSize-18:18px;--ds-fontSize-20:20px;--ds-fontSize-22:22px;--ds-fontSize-24:24px;--ds-fontSize-26:26px;--ds-fontSize-30:30px;--ds-fontSize-32:32px;--ds-fontSize-36:36px;--ds-fontSize-40:40px;--ds-fontSize-48:48px;--ds-fontSize-56:56px;--ds-fontSize-64:64px;--ds-fontWeight-regular:400;--ds-fontWeight-semibold:600;--ds-fontWeight-semiboldPlus:650;--ds-fontWeight-bold:700;--ds-letterSpacing-xTight:-2px;--ds-letterSpacing-tight:-1.4px;--ds-letterSpacing-normal:-0.4px;--ds-letterSpacing-wide:0px;--ds-letterSpacing-xWide:0.4px;--ds-lineHeight-small:1;--ds-lineHeight-medium:1.2;--ds-lineHeight-large:1.5;--ds-lineHeight-xLarge:1.75;--ds-fontWidth-normal:100;--ds-fontWidth-condense:90;--ds-number-style:proportional-figures;}@supports (font-variation-settings: normal){:root,:host{--ds-fontFamily-heading:"Open Sans Variable", sans-serif;--ds-fontFamily-body:"Open Sans Variable", sans-serif}}*{-webkit-box-sizing:border-box;box-sizing:border-box}:root{--brand-main:var(--ds-palette-mainBlue-70);--brand-main-soft:var(--ds-palette-mainBlue-10);--brand-main-bright:var(--ds-palette-mainBlue-40);--brand-main-light:var(--ds-palette-mainBlue-70);--brand-main-active:var(--ds-palette-mainBlue-90);--brand-main-dark:var(--ds-palette-mainBlue-100);--brand-main-nearly-black:var(--ds-palette-black-95);--link-blue:var(--ds-text-color-link);--link-disabled:var(--ds-text-color-disabled-on-light);--grayscale-white:var(--ds-palette-white);--grayscale-slightly-gray:var(--ds-bg-color-neutral-light);--grayscale-light:var(--ds-bg-color-neutral);--grayscale-medium:var(--ds-border-color-light);--grayscale-background-box:var(--ds-bg-color-neutral);--grayscale-tabs-border:var(--ds-bg-color-neutral);--grayscale-background-arrow:var(--ds-bg-color-neutral-active);--grayscale-medium-dark:var(--ds-palette-black-50);--grayscale-dark:var(--ds-text-color-secondary);--grayscale-dark-text:var(--ds-text-color-default);--grayscale-black:var(--ds-palette-black-95);--additional-red-light:var(--ds-text-color-danger);--additional-red-dark:var(--ds-border-color-danger);--additional-purple-light:#420039;--additional-yellow-light:var(--ds-text-color-attention);--additional-yellow:var(--ds-border-color-attention);--additional-skyblue:var(--ds-palette-mainBlue-40);--additional-orange:var(--ds-border-color-attention);--additional-green-light:var(--ds-text-color-success);--additional-green-dark:var(--ds-border-color-success);--hover-gray:var(--ds-bg-color-white-hover)}:root,:host{--ds-text-color-default:var(--ds-palette-black-95);--ds-text-color-primary:var(--ds-palette-mainBlue-70);--ds-text-color-secondary:var(--ds-palette-black-70);--ds-text-color-white:var(--ds-palette-white);--ds-text-color-danger:var(--ds-palette-red-70);--ds-text-color-success:var(--ds-palette-green-70);--ds-text-color-disabled-on-light:var(--ds-palette-black-40);--ds-text-color-disabled-on-dark:var(--ds-overlay-white-40);--ds-text-color-link:var(--ds-palette-mainBlue-70);--ds-text-color-link-hover:var(--ds-palette-mainBlue-80);--ds-text-color-link-active:var(--ds-palette-mainBlue-90);--ds-text-color-link-visited:#551a8b;--ds-text-color-link-standalone:var(--ds-palette-black-70);--ds-text-color-link-standalone-hover:var(--ds-palette-black-80);--ds-text-color-link-standalone-active:var(--ds-palette-black-95);--ds-text-color-link-standalone-focus:var(--ds-palette-black-70);--ds-text-color-info:var(--ds-palette-blue-70);--ds-text-color-attention:var(--ds-palette-yellow-70);--ds-bg-color-primary:var(--ds-palette-mainBlue-70);--ds-bg-color-primary-hover:var(--ds-palette-mainBlue-80);--ds-bg-color-primary-active:var(--ds-palette-mainBlue-90);--ds-bg-color-secondary:var(--ds-palette-white);--ds-bg-color-secondary-hover:var(--ds-palette-mainBlue-05);--ds-bg-color-secondary-active:var(--ds-palette-mainBlue-10);--ds-bg-color-white:var(--ds-palette-white);--ds-bg-color-white-hover:var(--ds-palette-black-10);--ds-bg-color-white-active:var(--ds-palette-black-20);--ds-bg-color-black:var(--ds-palette-black-95);--ds-bg-color-black-hover:var(--ds-palette-black-80);--ds-bg-color-black-active:var(--ds-palette-black-70);--ds-bg-color-danger:var(--ds-palette-red-05);--ds-bg-color-danger-hover:var(--ds-palette-red-10);--ds-bg-color-danger-active:var(--ds-palette-red-20);--ds-bg-color-success:var(--ds-palette-green-05);--ds-bg-color-success-hover:var(--ds-palette-green-10);--ds-bg-color-success-active:var(--ds-palette-green-20);--ds-bg-color-transparent-on-light:var(--ds-overlay-black-00);--ds-bg-color-transparent-on-light-hover:var(--ds-overlay-black-10);--ds-bg-color-transparent-on-light-active:var(--ds-overlay-black-15);--ds-bg-color-transparent-on-dark:var(--ds-overlay-white-00);--ds-bg-color-transparent-on-dark-hover:var(--ds-overlay-white-30);--ds-bg-color-transparent-on-dark-active:var(--ds-overlay-white-40);--ds-bg-color-disabled-on-light:var(--ds-overlay-black-10);--ds-bg-color-disabled-on-dark:var(--ds-overlay-white-10);--ds-bg-color-info:var(--ds-palette-blue-05);--ds-bg-color-info-hover:var(--ds-palette-blue-10);--ds-bg-color-info-active:var(--ds-palette-blue-20);--ds-bg-color-neutral:var(--ds-palette-black-05);--ds-bg-color-neutral-hover:var(--ds-palette-black-10);--ds-bg-color-neutral-active:var(--ds-palette-black-20);--ds-bg-color-neutral-light:var(--ds-palette-black-03);--ds-bg-color-neutral-light-hover:var(--ds-palette-black-05);--ds-bg-color-neutral-light-active:var(--ds-palette-black-10);--ds-bg-color-attention:var(--ds-palette-yellow-05);--ds-bg-color-attention-hover:var(--ds-palette-yellow-10);--ds-bg-color-attention-active:var(--ds-palette-yellow-20);--ds-border-color-default:var(--ds-palette-black-50);--ds-border-color-primary:var(--ds-palette-mainBlue-70);--ds-border-color-black:var(--ds-palette-black-95);--ds-border-color-white:var(--ds-palette-white);--ds-border-color-danger:var(--ds-palette-red-50);--ds-border-color-success:var(--ds-palette-green-50);--ds-border-color-transparent:var(--ds-overlay-black-00);--ds-border-color-disabled-on-light:var(--ds-overlay-black-15);--ds-border-color-disabled-on-dark:var(--ds-overlay-white-15);--ds-border-color-light:var(--ds-palette-black-20);--ds-border-color-info:var(--ds-palette-blue-50);--ds-border-color-attention:var(--ds-palette-yellow-50)}:root{--gutter-mobile:16px;--gutter-narrow:24px;--gutter-medium:24px;--gutter-wide:24px;--gutter-extrawide:32px}:root{--breakpoint-extrawide:75.0625rem;--breakpoint-max-width:75.0625rem;--breakpoint-medium:48rem;--breakpoint-narrow:30rem;--breakpoint-wide:60rem}

package/dist/huds-lib/hy-adjacent-image-text.entry.js

@@ -1 +1 @@
-import{r as e,h as t,H as i,g as a}from"./index-2ffe17c9.js";import{j as n}from"./globalScript-7f6ce018.js";const r=class{constructor(t){e(this,t),this.headerstyle="default",this.imageUrl=null,this.imageAlt="",this.disableLazy=!1,this.textTitle=void 0,this.textDescription=null,this.mainUrl=void 0,this.mainUrlTitle=void 0,this.mainUrlAriaLabel=void 0,this.mainUrlIsExternal=!1,this.mainUrl2=void 0,this.mainUrlTitle2=void 0,this.mainUrlAriaLabel2=void 0,this.mainUrlIsExternal2=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await n(this.sourceSet)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-adjacent-image-text",`hy-adjacent-image-text__${this.headerstyle}`].join(" "),a=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" "),n=["hy-adjacent-image-text__image-container"].join(" ");return t(i,{key:"090c5d0a531f27b5f4ea185f02f9a0f0c31c5152"},t("div",{key:"ce5f94319299b9df4248f4e8bd90552b3f0aadbb",class:e},t("div",{key:"71c2bbc486cf32854ae00d9537461e3951e4561e",class:n,style:{"--aspectRatio":4/6*100+"%"}},this._sourceSet?t("picture",null,this._sourceSet.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})),t("div",{key:"546fccda4f5b8dfe05881d9c43313a7d7fd83d3a",class:a},t("div",{key:"6e17f418f38cf0d670e063ee57ac7a6676a55b4d",class:"hy-adjacent-image-text__text-container__info-wrapper"},t("div",{key:"86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd",class:"hy-adjacent-image-text__text-container__title"},this.textTitle),t("p",{key:"d5a1152b446804c3264f72f364c98ef10081560a",class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),t("div",{key:"4fbd863ce7db9c81437d0b9668dd5985ab909b0a",class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&t("div",{key:"2299dead2840bf0b56e13f7f67148be43c89f10b",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f9ba1bea370fc869b87dd421265b60f9c8b06190","link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&t("div",{key:"b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f09326deaf1830494354f251d6d2b7e00b76e239","link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),t("hy-box",{key:"a10b4262cd81e4c889fcc94d9579fe66f8912042",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{font-size:1.375rem;line-height:28px;font-weight:700;color:var(--brand-main-nearly-black);font-family:var(--main-font-family);letter-spacing:-0.69px;margin-top:32px;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{font-size:2rem;line-height:40px;letter-spacing:-1px;margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{font-size:0.9375rem;line-height:22px;font-weight:400;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{font-size:1rem;line-height:24px;margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{font-size:1.0625rem;line-height:26px;margin-bottom:40px}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__text-container__description__large{font-size:1.0625rem;line-height:26px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:"";clear:both}';export{r as hy_adjacent_image_text}
+import{r as e,h as t,H as i,g as a}from"./index-2ffe17c9.js";import{j as n}from"./globalScript-7f6ce018.js";const r=class{constructor(t){e(this,t),this.headerstyle="default",this.imageUrl=null,this.imageAlt="",this.disableLazy=!1,this.textTitle=void 0,this.textDescription=null,this.mainUrl=void 0,this.mainUrlTitle=void 0,this.mainUrlAriaLabel=void 0,this.mainUrlIsExternal=!1,this.mainUrl2=void 0,this.mainUrlTitle2=void 0,this.mainUrlAriaLabel2=void 0,this.mainUrlIsExternal2=!1,this.sourceSet=void 0}async componentWillLoad(){this._sourceSet=await n(this.sourceSet)}componentDidLoad(){let e=this.el.closest(".hy-main");e&&(e.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const e=["hy-adjacent-image-text",`hy-adjacent-image-text__${this.headerstyle}`].join(" "),a=["hy-adjacent-image-text__text-container","hy-adjacent-image-text__text-container--left"].join(" "),n=["hy-adjacent-image-text__image-container"].join(" ");return t(i,{key:"090c5d0a531f27b5f4ea185f02f9a0f0c31c5152"},t("div",{key:"ce5f94319299b9df4248f4e8bd90552b3f0aadbb",class:e},t("div",{key:"71c2bbc486cf32854ae00d9537461e3951e4561e",class:n,style:{"--aspectRatio":4/6*100+"%"}},this._sourceSet?t("picture",null,this._sourceSet.map((e=>t("source",{srcSet:e.src,media:e.media,type:e.type,sizes:e.sizes?e.sizes:""}))),t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})):t("img",{loading:this.disableLazy?"eager":"lazy",alt:this.imageAlt,class:"hy-image__image",src:this.imageUrl})),t("div",{key:"546fccda4f5b8dfe05881d9c43313a7d7fd83d3a",class:a},t("div",{key:"6e17f418f38cf0d670e063ee57ac7a6676a55b4d",class:"hy-adjacent-image-text__text-container__info-wrapper"},t("div",{key:"86cbd91d0b3d4bc09171fd2bb20727f68d52a0dd",class:"hy-adjacent-image-text__text-container__title"},this.textTitle),t("p",{key:"d5a1152b446804c3264f72f364c98ef10081560a",class:`hy-adjacent-image-text__text-container__description hy-adjacent-image-text__text-container__description__${this.headerstyle}`},this.textDescription)),t("div",{key:"4fbd863ce7db9c81437d0b9668dd5985ab909b0a",class:"hy-adjacent-image-text__text-container__links-wrapper"},this.mainUrl&&t("div",{key:"2299dead2840bf0b56e13f7f67148be43c89f10b",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f9ba1bea370fc869b87dd421265b60f9c8b06190","link-content":this.mainUrlTitle,"sc-label":this.mainUrlAriaLabel,url:this.mainUrl,"is-external":this.mainUrlIsExternal})),this.mainUrl2&&t("div",{key:"b3613ab7bc5f85fc5606a70aa1e8d995cbbfab79",class:"hy-adjacent-image-text__text-container__link"},t("hy-cta-link",{key:"f09326deaf1830494354f251d6d2b7e00b76e239","link-content":this.mainUrlTitle2,"sc-label":this.mainUrlAriaLabel2,url:this.mainUrl2,"is-external":this.mainUrlIsExternal2}))))),t("hy-box",{key:"a10b4262cd81e4c889fcc94d9579fe66f8912042",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return a(this)}};r.style='*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-adjacent-image-text{background:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}@media (min-width: 30rem){.hy-adjacent-image-text{background:transparent}}@media (min-width: 60rem){.hy-adjacent-image-text{background:var(--grayscale-background-box);-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-adjacent-image-text__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin-bottom:0;min-height:10rem;position:relative;padding-bottom:32px}@media (min-width: 30rem){.hy-adjacent-image-text__image-container{padding-bottom:0}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container{-ms-flex-preferred-size:50%;flex-basis:50%;margin:0 calc(var(--gutter-wide) * -1) 0 0;z-index:1}}@media (min-width: 75.0625rem){.hy-adjacent-image-text__image-container{margin:0 calc(var(--gutter-extrawide) * -1) 0 0}}.hy-adjacent-image-text__image-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media (min-width: 30rem){.hy-adjacent-image-text__image-container img{max-height:420px;min-height:160px}}@media (min-width: 60rem){.hy-adjacent-image-text__image-container img{max-height:100%}}.hy-adjacent-image-text__text-container{background:var(--grayscale-background-box);border-image:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}@media (min-width: 30rem){.hy-adjacent-image-text__text-container{border-left:1px solid transparent;border-image:-webkit-gradient(linear, left top, left bottom, from(var(--grayscale-medium-dark)), to(rgba(0, 0, 0, 0))) 1 0 0 100%;border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;margin-left:66px;margin-top:-63px;padding-top:38px;position:relative;z-index:98;-moz-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%;-o-border-image:linear-gradient(to bottom, var(--grayscale-medium-dark), rgba(0, 0, 0, 0)) 1 0 0 100%}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container{border-image:none;border-left:none;-ms-flex-preferred-size:50%;flex-basis:50%;margin-left:0;margin-top:0;padding-top:0;z-index:0;-webkit-border-image:none;-moz-border-image:none;-o-border-image:none}}.hy-adjacent-image-text__text-container__links-wrapper{padding-left:1rem}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__links-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__links-wrapper{margin:0 0 0 14%;padding:0}}.hy-adjacent-image-text__text-container__info-wrapper{padding-left:0;padding-right:0}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__info-wrapper{padding-left:50px}}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__info-wrapper{margin:0 7% 0 14%;padding:0}}.hy-adjacent-image-text__text-container__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-24);font-weight:var(--ds-fontWeight-bold);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;text-transform:none;margin-top:32px;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__title{font-size:var(--ds-fontSize-32);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-tight);line-height:36px}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__title{margin-top:41px;padding:0}}.hy-adjacent-image-text__text-container__description{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);margin:20px 0 32px 0;padding:0 1rem}@media (min-width: 60rem){.hy-adjacent-image-text__text-container__description{font-size:var(--ds-fontSize-18)}}@media (min-width: 30rem){.hy-adjacent-image-text__text-container__description{margin:20px 0 61px 0;padding:0}}@media (min-width: 1601px){.hy-adjacent-image-text__text-container__description{margin-bottom:40px}}.hy-adjacent-image-text__text-container__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:12px;margin-right:-6px}.hy-adjacent-image-text::after{content:"";clear:both}';export{r as hy_adjacent_image_text}

package/dist/huds-lib/hy-banner.entry.js

@@ -1 +1 @@
-import{r as i,h as n,H as e,g as t}from"./index-2ffe17c9.js";import{d as a}from"./utils-1e7f5184.js";const r=class{constructor(n){i(this,n),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),t=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),h=a.onBlueBkgd;return n(e,{key:"22fcaf75d6302de7329b2beaf2c4e22c2d0a062a"},n("hy-box",{key:"f260ec692240c5c16c1073219415a58812398d58",pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{key:"4d05549e3707ad10c0392e8c4f084e72cf89f912",class:i},n("hy-main-content-wrapper",{key:"97e230319b1347e366da305bb2bcb05712d97bb0"},n("div",{key:"fe84cdca03c1f5b18520a211541420eeae022dbe",class:t},n("div",{key:"e7d2fb32a11cdf81434b780df5fbcf3c26b5b10d",class:r},this.textTitle),n("div",{key:"371185f891f14442ebf6673d7ee21c9bb07de4fb",class:o},this.textDescription),this.url&&n("div",{key:"7b35f08c05c164061a926664a7845dd8c7cd6df8",class:"hy-banner__info-container__link"},n("hy-cta-button",{key:"ad35634b4378b044ea006cf03f8f13857acd0036","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:h}))))),n("hy-box",{key:"4b4a5e67409a1b0a0000a0958f97031c82354e6a",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:uppercase}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}
+import{r as i,h as n,H as e,g as t}from"./index-2ffe17c9.js";import{d as a}from"./utils-1e7f5184.js";const r=class{constructor(n){i(this,n),this.textTitle=void 0,this.textDescription=null,this.url=void 0,this.scLabel=void 0,this.urlTitle=void 0,this.headerstyle="common",this.isExternal=!1}componentDidLoad(){let i=this.el.closest(".hy-main");i&&(i.classList.contains("with-sidebar")||(this.headerstyle="large"))}render(){const i=["hy-banner",`hy-banner__${this.headerstyle}`,this.headerstyle].join(" "),t=["hy-banner__info-container"].join(" "),r=["hy-banner__info-container__title",`hy-banner__info-container__title__${this.headerstyle}`,this.headerstyle].join(" "),o=["hy-banner__info-container__description",`hy-banner__info-container__description__${this.headerstyle}`,this.headerstyle].join(" "),h=a.onBlueBkgd;return n(e,{key:"22fcaf75d6302de7329b2beaf2c4e22c2d0a062a"},n("hy-box",{key:"f260ec692240c5c16c1073219415a58812398d58",pt:"1.25, 1.25, 1.5, 2.5"}),n("div",{key:"4d05549e3707ad10c0392e8c4f084e72cf89f912",class:i},n("hy-main-content-wrapper",{key:"97e230319b1347e366da305bb2bcb05712d97bb0"},n("div",{key:"fe84cdca03c1f5b18520a211541420eeae022dbe",class:t},n("div",{key:"e7d2fb32a11cdf81434b780df5fbcf3c26b5b10d",class:r},this.textTitle),n("div",{key:"371185f891f14442ebf6673d7ee21c9bb07de4fb",class:o},this.textDescription),this.url&&n("div",{key:"7b35f08c05c164061a926664a7845dd8c7cd6df8",class:"hy-banner__info-container__link"},n("hy-cta-button",{key:"ad35634b4378b044ea006cf03f8f13857acd0036","link-content":this.urlTitle,"sc-label":this.scLabel,url:this.url,"is-external":this.isExternal,variant:h}))))),n("hy-box",{key:"4b4a5e67409a1b0a0000a0958f97031c82354e6a",mb:"1.75, 1.75, 2, 2.5"}))}get el(){return t(this)}};r.style="*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-banner{background-color:var(--brand-main-light);padding:28px 0 24px 0}@media (min-width: 30rem){.hy-banner{padding:40px 0 32px 0}}@media (min-width: 60rem){.hy-banner{padding:48px 0 40px 0;margin-left:8px;margin-right:8px}}@media (min-width: 75.0625rem){.hy-banner{padding-left:20px;padding-right:20px;margin-left:0;margin-right:0}}@media (min-width: 1601px){.hy-banner{padding:64px 32px 48px 32px}}@media (min-width: 1664px){.hy-banner{margin-left:0;margin-right:0}}@media (min-width: 75.0625rem){.hy-banner__large{padding:64px 30px 48px 30px;margin-left:-20px;margin-right:-20px}}@media (min-width: 1344px){.hy-banner__large{margin-left:0;margin-right:0}}@media (min-width: 60rem){.hy-banner__info-container{margin-left:-8px;margin-right:-8px}}@media (min-width: 1601px){.hy-banner__info-container{margin-left:0;margin-right:0}}.hy-banner__info-container__title{font-size:1.5rem;line-height:24px;color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.8px;margin-bottom:16px;text-transform:none}@media (min-width: 30rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title{font-size:2rem;line-height:32px;letter-spacing:-1.07px;margin-bottom:24px;max-width:92%}}@media (min-width: 1601px){.hy-banner__info-container__title{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__title__large{font-size:2.25rem;line-height:36px;letter-spacing:-1.2px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__title__large{font-size:2.5rem;line-height:40px;letter-spacing:-1.33px;margin-bottom:32px}}.hy-banner__info-container__description{color:var(--grayscale-white);font-family:var(--main-font-family);font-weight:500;font-size:14px;letter-spacing:-0.7px;line-height:20px;margin-bottom:24px}@media (min-width: 30rem){.hy-banner__info-container__description{font-size:1rem;line-height:24px;letter-spacing:-0.08px;margin-bottom:28px;max-width:92%}}@media (min-width: 60rem){.hy-banner__info-container__description{margin-bottom:32px}}@media (min-width: 1601px){.hy-banner__info-container__description{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 75.0625rem){.hy-banner__info-container__description__large{font-size:1.125rem;line-height:24px;letter-spacing:-0.09px;margin-bottom:36px;max-width:83%}}@media (min-width: 1601px){.hy-banner__info-container__description__large{margin-bottom:44px}}";export{r as hy_banner}