@itcenteratunihelsinki/huds-lib 0.9.1 → 0.9.3

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 (45) hide show
  1. package/components/heading.js +2 -2
  2. package/components/hy-adjacent-image-text.js +1 -1
  3. package/components/hy-general-list-item2.js +1 -1
  4. package/components/hy-hero-carousel.js +1 -1
  5. package/components/hy-hero.js +1 -1
  6. package/components/hy-ingress.js +1 -1
  7. package/components/hy-link-list.js +1 -1
  8. package/components/link-box.js +1 -1
  9. package/components/paragraph-text.js +1 -1
  10. package/dist/cjs/hy-adjacent-image-text.cjs.entry.js +1 -1
  11. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +3 -3
  12. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  13. package/dist/cjs/hy-hero-carousel.cjs.entry.js +1 -1
  14. package/dist/cjs/hy-hero.cjs.entry.js +1 -1
  15. package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
  16. package/dist/cjs/hy-link-list.cjs.entry.js +1 -1
  17. package/dist/cjs/hy-paragraph-text.cjs.entry.js +1 -1
  18. package/dist/collection/components/hy-adjacent-image-text/adjacent-image-text.css +6 -0
  19. package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +12 -0
  20. package/dist/collection/components/hy-heading/heading-fw.css +42 -2
  21. package/dist/collection/components/hy-heading/heading.css +42 -2
  22. package/dist/collection/components/hy-hero/hy-hero.css +12 -0
  23. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +4 -0
  24. package/dist/collection/components/hy-ingress/ingress.css +12 -0
  25. package/dist/collection/components/hy-link-box/link-box.css +5 -1
  26. package/dist/collection/components/hy-link-list/hy-link-list.css +6 -0
  27. package/dist/collection/components/hy-paragraph-text/paragraph-text.css +6 -0
  28. package/dist/esm/hy-adjacent-image-text.entry.js +1 -1
  29. package/dist/esm/hy-breadcrumbs_15.entry.js +3 -3
  30. package/dist/esm/hy-general-list_2.entry.js +1 -1
  31. package/dist/esm/hy-hero-carousel.entry.js +1 -1
  32. package/dist/esm/hy-hero.entry.js +1 -1
  33. package/dist/esm/hy-link-box_2.entry.js +1 -1
  34. package/dist/esm/hy-link-list.entry.js +1 -1
  35. package/dist/esm/hy-paragraph-text.entry.js +1 -1
  36. package/dist/huds-lib/huds-lib.css +1 -1
  37. package/dist/huds-lib/hy-adjacent-image-text.entry.js +1 -1
  38. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  39. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  40. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  41. package/dist/huds-lib/hy-hero.entry.js +1 -1
  42. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  43. package/dist/huds-lib/hy-link-list.entry.js +1 -1
  44. package/dist/huds-lib/hy-paragraph-text.entry.js +1 -1
  45. package/package.json +2 -2
package/dist/huds-lib/huds-lib.css CHANGED
@@ -1 +1 @@
1
- :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-smallPlus:45rem;--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-bg-color-attention-active);--additional-yellow:var(--ds-bg-color-attention);--additional-skyblue:var(--ds-palette-mainBlue-40);--additional-orange:var(--ds-bg-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}
1
+ :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-smallPlus:45rem;--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-80);--brand-main-dark:var(--ds-palette-mainBlue-90);--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-bg-color-attention-active);--additional-yellow:var(--ds-bg-color-attention);--additional-skyblue:var(--ds-palette-mainBlue-40);--additional-orange:var(--ds-bg-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 CHANGED
@@ -1 +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{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}
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{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;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;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);-ms-hyphens:auto;hyphens:auto;text-wrap:pretty;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}