@itcenteratunihelsinki/huds-lib 0.9.9 → 0.10.0

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 (10) hide show
  1. package/components/hy-ingress.js +1 -1
  2. package/components/site-search.js +10 -7
  3. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +11 -8
  4. package/dist/collection/components/hy-ingress/ingress.css +4 -36
  5. package/dist/collection/components/hy-site-header/site-search/site-search.css +320 -0
  6. package/dist/collection/components/hy-site-header/site-search/site-search.js +9 -6
  7. package/dist/esm/hy-breadcrumbs_15.entry.js +11 -8
  8. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  9. package/dist/types/components/hy-site-header/site-search/site-search.d.ts +1 -0
  10. package/package.json +2 -2
package/components/hy-ingress.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { p as proxyCustomElement, H, h, c as Host } from './index3.js';
2
2
 
3
- const ingressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}p.hy-ingress{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);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:0 0 2rem}@media (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){p.hy-ingress{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}}@media (min-width: 30rem) and (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-18)}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{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:0 0 3rem}}@media (min-width: 1601px) and (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-18)}}@media (min-width: 75.0625rem){p.hy-ingress__large{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:0 0 3rem}}@media (min-width: 75.0625rem) and (min-width: 60rem){p.hy-ingress__large{font-size:var(--ds-fontSize-18)}}";
3
+ const ingressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}p.hy-ingress{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);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:0 0 2rem}@media (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-20)}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{margin:0 0 3rem}}@media (min-width: 75.0625rem){p.hy-ingress__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);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:0 0 3rem}}@media (min-width: 75.0625rem) and (min-width: 60rem){p.hy-ingress__large{font-size:var(--ds-fontSize-20)}}";
4
4
  const HyIngressStyle0 = ingressCss;
5
5
 
6
6
  const Ingress = /*@__PURE__*/ proxyCustomElement(class Ingress extends H {
package/components/site-search.js CHANGED
@@ -5,7 +5,7 @@ import { d as defineCustomElement$3 } from './icon.js';
5
5
  import { d as defineCustomElement$2 } from './paragraph-text.js';
6
6
  import { d as defineCustomElement$1 } from './hy-search-field2.js';
7
7
 
8
- const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:var(--grayscale-light);width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}";
8
+ const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:var(--grayscale-light);width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}#search_autocomplete .cludo-sayt__no-result-text p a:focus,#search_autocomplete .cludo-sayt__no-result-text p a:hover,#search_autocomplete .cludo-sayt__results-tophit a:focus h3,#search_autocomplete .cludo-sayt__results-tophit a:hover h3,#search_autocomplete .cludo-sayt__results-tophit-title-link:focus,#search_autocomplete .cludo-sayt__results-tophit-title-link:hover,#search_autocomplete .cludo-sayt__results-tophit.active h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3{text-decoration:underline}#search_autocomplete{position:absolute;width:100%;top:100%;left:0;padding:0;z-index:5}#search_autocomplete *{font-family:\"Open Sans\", Helvetica, Arial, sans-serif}#search_autocomplete h3{font-size:0.875rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#search_autocomplete .cludo-sayt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:12px 15px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt h3{line-height:1.25rem}#search_autocomplete .cludo-sayt__suggestions{border-bottom:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions>h3{margin:0;white-space:nowrap}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar{height:8px}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty{display:none}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px;cursor:pointer}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover{background:#878787}#search_autocomplete .cludo-sayt__suggestions-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;overflow-x:scroll;overflow-y:hidden;padding:8px 0 12px;margin:0;list-style-type:none}#search_autocomplete .cludo-sayt__suggestion{white-space:nowrap;background-color:#f5f5f5;padding:10.05px 18.76px;border-radius:16.75px;font-size:0.813rem;cursor:pointer}#search_autocomplete .cludo-sayt__suggestion.active,#search_autocomplete .cludo-sayt__suggestion:focus,#search_autocomplete .cludo-sayt__suggestion:hover{color:#107eab;text-decoration:underline}#search_autocomplete .cludo-sayt__results{padding:1rem 0}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:24px}#search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child){margin-bottom:24px}#search_autocomplete .cludo-sayt__results-tophit-title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 16px;color:#000;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit-title-link{color:#107eab;font-weight:600;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit-title-no-link{color:#107eab;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p{margin:0;padding:0;color:#222;font-size:0.875rem;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p a{color:#107eab;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophits{margin:0;padding:0;list-style-type:none}#search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type){margin-bottom:16px}#search_autocomplete .cludo-sayt__results-tophit.tool a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:5px;background-color:#107eab;color:#fff;font-size:14px;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit a{display:block;font-weight:600;font-size:0.875rem;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit a h3{font-weight:500;color:#222;margin:0}#search_autocomplete .cludo-sayt__results-tophit a span{color:#979797;font-size:0.688rem}#search_autocomplete .cludo-sayt__results-tophit.people-result a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#222}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:0;background-color:var(--brand-main-light);background-size:cover;color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px;overflow:hidden}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img{width:100%}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3{font-size:1rem;font-weight:700}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p{margin:0;font-weight:400}#search_autocomplete .cludo-sayt__all-results{border-top:1px solid #d2d2d2;padding-top:16px}@media (min-width: 931px){#search_autocomplete .cludo-sayt{width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:0 16px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;overflow-x:scroll;overflow-y:hidden}#search_autocomplete .cludo-sayt__suggestions-list{overflow:visible;padding:12px 0}#search_autocomplete .cludo-sayt__results{padding:0;display:grid;grid-template-columns:1fr 1fr}#search_autocomplete .cludo-sayt__main-search-categories{padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories{border-left:1px solid #d2d2d2;padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:0}#search_autocomplete .cludo-sayt__all-results{padding:16px 0}}#search_autocomplete .cludo-sayt__all-results a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border:none;background-color:#107eab;color:#fff;font-weight:700;font-size:1rem;padding:13px 16px;cursor:pointer}#search_autocomplete .cludo-sayt__all-results a:focus,#search_autocomplete .cludo-sayt__all-results a:hover{background:#005379}#search_autocomplete .cludo-sayt__other{padding:22px 0}#search_autocomplete .cludo-sayt__other h3{font-size:18px;letter-spacing:-0.56px;margin-bottom:7.5px}.cludo-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
9
9
  const HySiteSearchStyle0 = siteSearchCss;
10
10
 
11
11
  const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
@@ -106,6 +106,9 @@ const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
106
106
  // Without setTimeout it will not focus the input because it hasn't rendered yet.
107
107
  setTimeout(() => {
108
108
  const searchInput = this.el.shadowRoot.querySelector("input#search");
109
+ if (window.registerNavSearchInput && searchInput) {
110
+ window.registerNavSearchInput('#cludo-search-form input#search');
111
+ }
109
112
  searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
110
113
  });
111
114
  }
@@ -118,24 +121,24 @@ const SiteSearch = /*@__PURE__*/ proxyCustomElement(class SiteSearch extends H {
118
121
  render() {
119
122
  const currentPageUrlPathName = window.location.pathname;
120
123
  const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
121
- return (h("div", { key: 'd785a9f016465d843c5706d2f1c3a6417b898b5e', class: {
124
+ return (h("div", { key: '14308fcbac8e2b4c7e7b4a3393b8ddbc48ada624', class: {
122
125
  "site-search": true,
123
126
  "site-search__is-open": this.isSearchPanelOpen,
124
127
  "is-group": this.isGroup,
125
- } }, h("button", { key: '2be97cdfe336f2feacac76df5e0b0d730040ca72', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
128
+ } }, h("button", { key: '99285de74d03d93fae04aa14781f3465d4afa2dd', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
126
129
  "button--search": true,
127
130
  "is-open--menu": this.isAlternative,
128
131
  "is-open": this.isSearchPanelOpen,
129
132
  "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
130
- }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: '01340d95f04f61a6ad98b26ce15ff48f79b48810', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: '72132ba5ce0557082e9f384865a9b4b684c3d0b4', class: {
133
+ }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), h("hy-icon", { key: 'f609b6379b4d3be08c203f7b00d6b231e7135e7d', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (h("div", { key: '77a1cb514c734d144a6e17e0f892edbe09508d9d', class: {
131
134
  "site-search__panel": true,
132
135
  "site-search__panel__is-open": this.isSearchPanelOpen,
133
- }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: '82a0f951108b4f61762fded0ef1127ad1478bd20', class: "site-search__panel__content" }, h("div", { key: 'd8bdda8563130c6f2dfcbe851c9d7eb728d7f5dc', class: "site-search__panel__wrapper" }, h("div", { key: 'cc014c4cd3f407709e2b9ee6c9d1d19d92d075be', class: "site-search__panel__title" }, h("div", { key: 'cd228764cb580c22d20f7de3eaa0802ff9701c5d', class: "site-search__panel__title__group" }, h("span", { key: 'a702696c8e4e5e19b4238ff760bd2a3893b6f407', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '6e212c11e28eed6b4af4ea11ff369c938e5cdeaa', class: "description" }, this.searchDescriptionLabel))), h("div", { key: '35bc901f1cc23fa041ad83673978be4c12af30da', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'f6b8bb02c4f865a8a8a218fe0f471df2e577c353', class: "search-banner" }), h("div", { key: '5880dcd1c0c2b3ba4b72a5cf3f1f6c922ffa449b', class: "search-filters search-filters-mobile" }), h("div", { key: '45b9f5d02568333c010d79541c1427bd8f912224', class: "col-md-12" }, h("div", { key: '17274a07d19a257cceab98772ad332b75288edc7', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: '8e0de67e888d34af4978253d8496f2e4a4865a89', "input-id": "search", label: "" }))), h("div", { key: 'a4b6af4005682889b0573bfc68595e71c17835d6', class: "col-md-3" }, h("div", { key: 'e72d0fb966942bd0c2de8fffe84bd8966d48fe05', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'ba8d7c97f26b844172c8c066fd4dd2a54ffd2204', class: "col-md-9" }, h("div", { key: '01da0c776ff9b2101ac885e4ec93a2ea83a52446', class: "search-results-container" }, h("hy-paragraph-text", { key: '2c3b6ee33bf9a45fb8522be611045054ce7a4b66' }, h("div", { key: '6dff2b186fdecc19095853c29eff7eebc2b6b2f7', class: "search-result-count" })), h("div", { key: 'be38c8cbb85e1d4bef70633bce6a65423b524a6c', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: '99b1c4b342bc57a204c380d41810ab8bd3fa2e5b', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: '0f786fea3a0026471633211ac87a0c9273c2c630', class: "site-search__panel__tools" }, h("div", { key: 'c90b125e7bc1458c49f0576778dc7ab90b9a9088', class: "title" }, this.searchToolsLabel), h("div", { key: '12511223532b0e1a723dc79a4ce12b89c1ddc300', class: "list" }, this._searchTools.map((i) => {
136
+ }, "aria-hidden": `${!this.isSearchPanelOpen}` }, h("div", { key: 'f1d57468a0d5188b138854b44a68ad6b45c6aff5', class: "site-search__panel__content" }, h("div", { key: '5ac01fafec4b9b0bc210eb9ec6065275f819b077', class: "site-search__panel__wrapper" }, h("div", { key: 'f0d2267d4045c0398d251461f43e7361ff906e7d', class: "site-search__panel__title" }, h("div", { key: '858202623ac82e4cbc75d7d66e668c5996f7d1a9', class: "site-search__panel__title__group" }, h("span", { key: '1d6b1d760629248039847b6a64b3e33c5e7c4249', class: "panel-title" }, this.searchTitleLabel), h("div", { key: '430867474c934f0d562673c60064f0b648fa43a2', class: "description" }, this.searchDescriptionLabel))), h("div", { key: 'b081666de8a7e01d68f3ed067a01ee7c76efe340', id: "cludo-search-results", class: "container_12" }, h("div", { key: 'f00c982e682076d504b45a96e194bfd8fd031d5d', class: "search-banner" }), h("div", { key: 'b1e748ca993e15b8f9247d1e47ecc05f98b1be9d', class: "search-filters search-filters-mobile" }), h("div", { key: '361b42614a73eca060df72392c295e1442f3544b', class: "col-md-12" }, h("div", { key: '7f53b4d4a31fed81263c9681cb394d80111894a6', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, h("hy-search-field", { key: 'afd8412f607636cd8022feb96ad9a53021d6ba82', "input-id": "search", label: "" }))), h("div", { key: '209b848f4c5c16e51e4d78da3a394c3714861aa8', class: "col-md-3" }, h("div", { key: '5bf7e7a5d5218a11174758356c3fe8b9ef7b6e1e', class: "search-filters", "aria-controls": "search-results" })), h("div", { key: 'a801c5fdbb998e6c2dfa6457c25ff7ed18d6e561', class: "col-md-9" }, h("div", { key: '36e3d2b77d365ff50d2542f288d134769d9a77cd', class: "search-results-container" }, h("hy-paragraph-text", { key: '223f7604ab9a457ae375bb6bd81b7643450c384c' }, h("div", { key: '3315875631f74684d7416544462fc6804f213187', class: "search-result-count" })), h("div", { key: '645c792076ad5a67fa27907630518d47b2ff1796', class: "search-did-you-mean", role: "Complementary" }), h("div", { key: 'ce78be3a28bb44aa4a29cf7905c653ea6cfc14ea', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (h("div", { key: '4a6f518bf6d40be1e82ff1bcbe9aee1d3575ebcd', class: "site-search__panel__tools" }, h("div", { key: 'a3cd2c0329258d5d7d0795aa0f2705badc679903', class: "title" }, this.searchToolsLabel), h("div", { key: 'd069bbf2cb1d48683b66c15359e5e97a2ea6eece', class: "list" }, this._searchTools.map((i) => {
134
137
  let searchToolTarget = i.isExternal ? "_blank" : "_self";
135
138
  return (h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: ColorVariant.black }), h("span", { class: "label" }, i.label), h("span", { class: "description" }, i.description)));
136
- })))), h("button", { key: 'de58fe2bc41e26ddc95a5cfbd8e7a466034064bd', onClick: () => this.closeSearchPanel(), class: {
139
+ })))), h("button", { key: '06a6bdcec4873807cb9b08ff615842fc7409f0f7', onClick: () => this.closeSearchPanel(), class: {
137
140
  "site-search__panel__panel-toggle": true,
138
- }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: 'f6295f0978baa6f6d7b677f9cf54776824894740', class: "site-search__panel__panel-toggle__label" }, h("span", { key: '585995b3dc6a30fc5bac2f9182277a7aba6b3583', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '40f1ca59bbcbc9655874286bb907697a7f8e86c7', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: '232c04ebeb4dd470132fab90fe4286e31817870e', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
141
+ }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, h("span", { key: 'ba2030a8c26279c9531018e9d7223ba1c389703e', class: "site-search__panel__panel-toggle__label" }, h("span", { key: 'ff78542648700dc2091aae9fb91021732571b7c1', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), h("hy-icon", { key: '77e09522c187f3a5a2c56c7e5570703c696547dc', icon: "hy-icon-remove", size: 16, fill: ColorVariant.black })))), h("div", { key: 'fba05c54c93798a58549aa126cffb676376821c7', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
139
142
  }
140
143
  get el() { return this; }
141
144
  static get style() { return HySiteSearchStyle0; }
package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js CHANGED
@@ -323,7 +323,7 @@ Heading.style = {
323
323
  wide: HyHeadingWideStyle0
324
324
  };
325
325
 
326
- const ingressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}p.hy-ingress{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);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:0 0 2rem}@media (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){p.hy-ingress{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}}@media (min-width: 30rem) and (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-18)}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{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:0 0 3rem}}@media (min-width: 1601px) and (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-18)}}@media (min-width: 75.0625rem){p.hy-ingress__large{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:0 0 3rem}}@media (min-width: 75.0625rem) and (min-width: 60rem){p.hy-ingress__large{font-size:var(--ds-fontSize-18)}}";
326
+ const ingressCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}p.hy-ingress{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);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:0 0 2rem}@media (min-width: 60rem){p.hy-ingress{font-size:var(--ds-fontSize-20)}}@media (min-width: 60rem){p.hy-ingress{margin:0 0 2.25rem}}@media (min-width: 1601px){p.hy-ingress{margin:0 0 3rem}}@media (min-width: 75.0625rem){p.hy-ingress__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-18);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:0 0 3rem}}@media (min-width: 75.0625rem) and (min-width: 60rem){p.hy-ingress__large{font-size:var(--ds-fontSize-20)}}";
327
327
  const HyIngressStyle0 = ingressCss;
328
328
 
329
329
  const Ingress = class {
@@ -811,7 +811,7 @@ const SiteLogo = class {
811
811
  };
812
812
  SiteLogo.style = HySiteLogoStyle0;
813
813
 
814
- const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:var(--grayscale-light);width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}";
814
+ const siteSearchCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.button--search{font-size:0.75rem;line-height:24px;font-weight:400;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:transparent;border:0 none;color:var(--brand-main-nearly-black);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;font-family:var(--main-font-family);height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;letter-spacing:-0.5px;width:44px}@media (min-width: 75.0625rem){.button--search{display:inline-grid;grid-template-columns:repeat(2, auto);gap:4px;width:auto}}@media (min-width: 1601px){.button--search{font-size:0.875rem;line-height:24px}}.button--search:hover:not([disabled]){color:var(--brand-main);cursor:pointer}.button--search:hover:not([disabled]) svg{fill:var(--brand-main)}.button--search:focus:not([disabled]){outline:solid 2px var(--additional-yellow);outline-offset:2px}.button--search.is-active,.button--search[aria-expanded=true]{position:relative}.button--search.is-active:after,.button--search[aria-expanded=true]:after{content:\"\";position:absolute;height:4px;right:0;bottom:-1px;left:0;background-color:var(--grayscale-black)}.is-group .button--search{color:var(--grayscale-white)}.is-group .button--search:hover:not([disabled]){color:var(--grayscale-medium);cursor:pointer}.is-group .button--search:hover:not([disabled]) svg{fill:var(--grayscale-medium)}.button--search.is-open--menu{position:absolute;right:50px;top:15px;z-index:101}.button--search__label{display:none;visibility:hidden}@media (min-width: 75.0625rem){.button--search__label{display:block;visibility:visible;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.site-search{height:100%}.site-search__panel{display:none}.site-search__panel__is-open{background-color:rgba(0, 0, 0, 0.5);border-top:1px solid rgba(0, 0, 0, 0.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:var(--main-font-family);left:0;height:100vh;position:absolute;width:100%;z-index:520}.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media (min-width: 60rem){.site-search__panel__title__group{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.site-search__panel__title .panel-title{font-size:2rem;line-height:32px;font-weight:700;color:var(--grayscale-black);letter-spacing:-1px;margin-bottom:12px;margin-top:20px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__title .panel-title{font-size:2.875rem;line-height:48px;letter-spacing:-1.5px;margin-top:24px}}@media (min-width: 1601px){.site-search__panel__title .panel-title{font-size:3.25rem;line-height:54px;letter-spacing:-1.6px}}.site-search__panel__title .description{font-size:0.75rem;line-height:16px;color:var(--grayscale-black);letter-spacing:-0.2px;margin-bottom:16px;padding:0}@media (min-width: 30rem){.site-search__panel__title .description{font-size:1rem;line-height:22px;letter-spacing:-0.1px;margin-bottom:18px}}@media (min-width: 60rem){.site-search__panel__title .description{font-size:1.125rem;line-height:24px;letter-spacing:-0.1px;padding-left:8px}}@media (min-width: 1601px){.site-search__panel__title .description{font-size:1.25rem;line-height:28px;letter-spacing:-0.2px;padding-left:12px}}.site-search__panel__content{background-color:var(--grayscale-light);width:100%}.site-search__panel__space-box{height:100%;width:100%}.site-search__panel__wrapper{margin:0 auto;max-width:100%;padding:0 1rem 2rem;width:100%}@media (min-width: 30rem){.site-search__panel__wrapper{max-width:1216px;padding:0 0 2rem}}@media (min-width: 1601px){.site-search__panel__wrapper{padding:0 0 4rem}}.site-search__panel__panel-toggle{background-color:transparent;border:none;position:absolute;right:1rem;top:25px}@media (min-width: 30rem){.site-search__panel__panel-toggle{right:2rem;top:36px}}@media (min-width: 1601px){.site-search__panel__panel-toggle{top:45px}}.site-search__panel__panel-toggle__label{font-size:0.875rem;line-height:22px;font-weight:700;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--grayscale-black);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.44px;text-transform:uppercase}.site-search__panel__panel-toggle__label__title{padding-right:8px}@media (min-width: 1601px){.site-search__panel__panel-toggle__label{font-size:1.125rem;line-height:22px;letter-spacing:-0.56px}}.site-search__panel__panel-toggle:focus:not([disabled]),.site-search__panel__panel-toggle:hover:not([disabled]){cursor:pointer}.site-search__panel__panel-toggle:focus:not([disabled]) span,.site-search__panel__panel-toggle:hover:not([disabled]) span{color:var(--brand-main)}.site-search__panel__panel-toggle:focus:not([disabled]) svg,.site-search__panel__panel-toggle:hover:not([disabled]) svg{fill:var(--brand-main)}.site-search__panel__tools .title{font-size:1rem;line-height:20px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.5px;text-transform:uppercase}@media (min-width: 30rem){.site-search__panel__tools .title{font-size:1.125rem;line-height:24px;letter-spacing:-0.56px;margin:32px 0 16px}}.site-search__panel__tools .list a.search-special-tool{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-white);display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:8px;text-decoration:none}.site-search__panel__tools .list a.search-special-tool .label{font-size:0.875rem;line-height:16px;font-weight:700;color:var(--brand-main-nearly-black);letter-spacing:-0.44px;padding-left:8px}@media (min-width: 30rem){.site-search__panel__tools .list a.search-special-tool .label{font-size:1rem;line-height:20px;letter-spacing:-0.5px;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool .description{display:none}@media (min-width: 60rem){.site-search__panel__tools .list a.search-special-tool .description{font-size:0.875rem;line-height:18px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:-0.2px;padding-left:12px}}@media (min-width: 1601px){.site-search__panel__tools .list a.search-special-tool .description{font-size:1rem;line-height:24px;color:var(--grayscale-dark);display:-webkit-box;display:-ms-flexbox;display:flex;letter-spacing:0;padding-left:12px}}.site-search__panel__tools .list a.search-special-tool hy-icon{height:40px;width:40px}.site-search__panel__tools .list a.search-special-tool hy-icon svg{background-color:var(--brand-main-light);fill:var(--grayscale-white);height:40px;padding:7px;width:40px}#search_autocomplete .cludo-sayt__no-result-text p a:focus,#search_autocomplete .cludo-sayt__no-result-text p a:hover,#search_autocomplete .cludo-sayt__results-tophit a:focus h3,#search_autocomplete .cludo-sayt__results-tophit a:hover h3,#search_autocomplete .cludo-sayt__results-tophit-title-link:focus,#search_autocomplete .cludo-sayt__results-tophit-title-link:hover,#search_autocomplete .cludo-sayt__results-tophit.active h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,#search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3{text-decoration:underline}#search_autocomplete{position:absolute;width:100%;top:100%;left:0;padding:0;z-index:5}#search_autocomplete *{font-family:\"Open Sans\", Helvetica, Arial, sans-serif}#search_autocomplete h3{font-size:0.875rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#search_autocomplete .cludo-sayt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:12px 15px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt h3{line-height:1.25rem}#search_autocomplete .cludo-sayt__suggestions{border-bottom:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions>h3{margin:0;white-space:nowrap}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar{height:8px}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty{display:none}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb{background:#c7c7c7;border-radius:20px;cursor:pointer}#search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover{background:#878787}#search_autocomplete .cludo-sayt__suggestions-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;overflow-x:scroll;overflow-y:hidden;padding:8px 0 12px;margin:0;list-style-type:none}#search_autocomplete .cludo-sayt__suggestion{white-space:nowrap;background-color:#f5f5f5;padding:10.05px 18.76px;border-radius:16.75px;font-size:0.813rem;cursor:pointer}#search_autocomplete .cludo-sayt__suggestion.active,#search_autocomplete .cludo-sayt__suggestion:focus,#search_autocomplete .cludo-sayt__suggestion:hover{color:#107eab;text-decoration:underline}#search_autocomplete .cludo-sayt__results{padding:1rem 0}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:24px}#search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child){margin-bottom:24px}#search_autocomplete .cludo-sayt__results-tophit-title{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 16px;color:#000;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit-title-link{color:#107eab;font-weight:600;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit-title-no-link{color:#107eab;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p{margin:0;padding:0;color:#222;font-size:0.875rem;font-weight:600}#search_autocomplete .cludo-sayt__no-result-text p a{color:#107eab;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophits{margin:0;padding:0;list-style-type:none}#search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type){margin-bottom:16px}#search_autocomplete .cludo-sayt__results-tophit.tool a{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border-radius:5px;background-color:#107eab;color:#fff;font-size:14px;font-weight:600}#search_autocomplete .cludo-sayt__results-tophit a{display:block;font-weight:600;font-size:0.875rem;text-decoration:none;cursor:pointer}#search_autocomplete .cludo-sayt__results-tophit a h3{font-weight:500;color:#222;margin:0}#search_autocomplete .cludo-sayt__results-tophit a span{color:#979797;font-size:0.688rem}#search_autocomplete .cludo-sayt__results-tophit.people-result a{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;color:#222}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:60px;min-width:60px;height:60px;min-height:60px;border-radius:0;background-color:var(--brand-main-light);background-size:cover;color:var(--grayscale-white);font-size:1rem;line-height:32px;font-weight:700;letter-spacing:0.48px;overflow:hidden}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img{width:100%}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3{font-size:1rem;font-weight:700}#search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p{margin:0;font-weight:400}#search_autocomplete .cludo-sayt__all-results{border-top:1px solid #d2d2d2;padding-top:16px}@media (min-width: 931px){#search_autocomplete .cludo-sayt{width:100%;background-color:#fff;-webkit-box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);box-shadow:0 2px 8px 0 rgba(0, 0, 0, 0.1);margin:0;padding:0 16px;border:1px solid #d2d2d2}#search_autocomplete .cludo-sayt__suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;overflow-x:scroll;overflow-y:hidden}#search_autocomplete .cludo-sayt__suggestions-list{overflow:visible;padding:12px 0}#search_autocomplete .cludo-sayt__results{padding:0;display:grid;grid-template-columns:1fr 1fr}#search_autocomplete .cludo-sayt__main-search-categories{padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories{border-left:1px solid #d2d2d2;padding:1rem}#search_autocomplete .cludo-sayt__people-search-categories>div{margin-top:0}#search_autocomplete .cludo-sayt__all-results{padding:16px 0}}#search_autocomplete .cludo-sayt__all-results a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;border:none;background-color:#107eab;color:#fff;font-weight:700;font-size:1rem;padding:13px 16px;cursor:pointer}#search_autocomplete .cludo-sayt__all-results a:focus,#search_autocomplete .cludo-sayt__all-results a:hover{background:#005379}#search_autocomplete .cludo-sayt__other{padding:22px 0}#search_autocomplete .cludo-sayt__other h3{font-size:18px;letter-spacing:-0.56px;margin-bottom:7.5px}.cludo-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
815
815
  const HySiteSearchStyle0 = siteSearchCss;
816
816
 
817
817
  const SiteSearch = class {
@@ -910,6 +910,9 @@ const SiteSearch = class {
910
910
  // Without setTimeout it will not focus the input because it hasn't rendered yet.
911
911
  setTimeout(() => {
912
912
  const searchInput = this.el.shadowRoot.querySelector("input#search");
913
+ if (window.registerNavSearchInput && searchInput) {
914
+ window.registerNavSearchInput('#cludo-search-form input#search');
915
+ }
913
916
  searchInput === null || searchInput === void 0 ? void 0 : searchInput.focus();
914
917
  });
915
918
  }
@@ -922,24 +925,24 @@ const SiteSearch = class {
922
925
  render() {
923
926
  const currentPageUrlPathName = window.location.pathname;
924
927
  const searchPagePathNames = ["/fi/haku", "/en/search", "/sv/sök"];
925
- return (index.h("div", { key: 'd785a9f016465d843c5706d2f1c3a6417b898b5e', class: {
928
+ return (index.h("div", { key: '14308fcbac8e2b4c7e7b4a3393b8ddbc48ada624', class: {
926
929
  "site-search": true,
927
930
  "site-search__is-open": this.isSearchPanelOpen,
928
931
  "is-group": this.isGroup,
929
- } }, index.h("button", { key: '2be97cdfe336f2feacac76df5e0b0d730040ca72', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
932
+ } }, index.h("button", { key: '99285de74d03d93fae04aa14781f3465d4afa2dd', "aria-label": this.showLabel ? this._labels["open"] : "", "aria-expanded": `${this.isSearchPanelOpen}`, class: {
930
933
  "button--search": true,
931
934
  "is-open--menu": this.isAlternative,
932
935
  "is-open": this.isSearchPanelOpen,
933
936
  "is-active": searchPagePathNames.some((item) => item === currentPageUrlPathName),
934
- }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), index.h("hy-icon", { key: '01340d95f04f61a6ad98b26ce15ff48f79b48810', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (index.h("div", { key: '72132ba5ce0557082e9f384865a9b4b684c3d0b4', class: {
937
+ }, onClick: (e) => this.handleSearchPanelToggle(e), disabled: searchPagePathNames.some((item) => item === currentPageUrlPathName) ? true : false }, this.showLabel ? (index.h("span", { class: { "button--search__label": true, "button--search__label__group": this.isGroup } }, this._labels["label"])) : (""), index.h("hy-icon", { key: 'f609b6379b4d3be08c203f7b00d6b231e7135e7d', icon: "hy-icon-search", size: this.size, fill: this.color })), (!this.isLuomusGroup && this.isSearchPanelOpen) && (index.h("div", { key: '77a1cb514c734d144a6e17e0f892edbe09508d9d', class: {
935
938
  "site-search__panel": true,
936
939
  "site-search__panel__is-open": this.isSearchPanelOpen,
937
- }, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: '82a0f951108b4f61762fded0ef1127ad1478bd20', class: "site-search__panel__content" }, index.h("div", { key: 'd8bdda8563130c6f2dfcbe851c9d7eb728d7f5dc', class: "site-search__panel__wrapper" }, index.h("div", { key: 'cc014c4cd3f407709e2b9ee6c9d1d19d92d075be', class: "site-search__panel__title" }, index.h("div", { key: 'cd228764cb580c22d20f7de3eaa0802ff9701c5d', class: "site-search__panel__title__group" }, index.h("span", { key: 'a702696c8e4e5e19b4238ff760bd2a3893b6f407', class: "panel-title" }, this.searchTitleLabel), index.h("div", { key: '6e212c11e28eed6b4af4ea11ff369c938e5cdeaa', class: "description" }, this.searchDescriptionLabel))), index.h("div", { key: '35bc901f1cc23fa041ad83673978be4c12af30da', id: "cludo-search-results", class: "container_12" }, index.h("div", { key: 'f6b8bb02c4f865a8a8a218fe0f471df2e577c353', class: "search-banner" }), index.h("div", { key: '5880dcd1c0c2b3ba4b72a5cf3f1f6c922ffa449b', class: "search-filters search-filters-mobile" }), index.h("div", { key: '45b9f5d02568333c010d79541c1427bd8f912224', class: "col-md-12" }, index.h("div", { key: '17274a07d19a257cceab98772ad332b75288edc7', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { key: '8e0de67e888d34af4978253d8496f2e4a4865a89', "input-id": "search", label: "" }))), index.h("div", { key: 'a4b6af4005682889b0573bfc68595e71c17835d6', class: "col-md-3" }, index.h("div", { key: 'e72d0fb966942bd0c2de8fffe84bd8966d48fe05', class: "search-filters", "aria-controls": "search-results" })), index.h("div", { key: 'ba8d7c97f26b844172c8c066fd4dd2a54ffd2204', class: "col-md-9" }, index.h("div", { key: '01da0c776ff9b2101ac885e4ec93a2ea83a52446', class: "search-results-container" }, index.h("hy-paragraph-text", { key: '2c3b6ee33bf9a45fb8522be611045054ce7a4b66' }, index.h("div", { key: '6dff2b186fdecc19095853c29eff7eebc2b6b2f7', class: "search-result-count" })), index.h("div", { key: 'be38c8cbb85e1d4bef70633bce6a65423b524a6c', class: "search-did-you-mean", role: "Complementary" }), index.h("div", { key: '99b1c4b342bc57a204c380d41810ab8bd3fa2e5b', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { key: '0f786fea3a0026471633211ac87a0c9273c2c630', class: "site-search__panel__tools" }, index.h("div", { key: 'c90b125e7bc1458c49f0576778dc7ab90b9a9088', class: "title" }, this.searchToolsLabel), index.h("div", { key: '12511223532b0e1a723dc79a4ce12b89c1ddc300', class: "list" }, this._searchTools.map((i) => {
940
+ }, "aria-hidden": `${!this.isSearchPanelOpen}` }, index.h("div", { key: 'f1d57468a0d5188b138854b44a68ad6b45c6aff5', class: "site-search__panel__content" }, index.h("div", { key: '5ac01fafec4b9b0bc210eb9ec6065275f819b077', class: "site-search__panel__wrapper" }, index.h("div", { key: 'f0d2267d4045c0398d251461f43e7361ff906e7d', class: "site-search__panel__title" }, index.h("div", { key: '858202623ac82e4cbc75d7d66e668c5996f7d1a9', class: "site-search__panel__title__group" }, index.h("span", { key: '1d6b1d760629248039847b6a64b3e33c5e7c4249', class: "panel-title" }, this.searchTitleLabel), index.h("div", { key: '430867474c934f0d562673c60064f0b648fa43a2', class: "description" }, this.searchDescriptionLabel))), index.h("div", { key: 'b081666de8a7e01d68f3ed067a01ee7c76efe340', id: "cludo-search-results", class: "container_12" }, index.h("div", { key: 'f00c982e682076d504b45a96e194bfd8fd031d5d', class: "search-banner" }), index.h("div", { key: 'b1e748ca993e15b8f9247d1e47ecc05f98b1be9d', class: "search-filters search-filters-mobile" }), index.h("div", { key: '361b42614a73eca060df72392c295e1442f3544b', class: "col-md-12" }, index.h("div", { key: '7f53b4d4a31fed81263c9681cb394d80111894a6', style: { margin: "20px 0 32px" }, id: "cludo-search-content-form" }, index.h("hy-search-field", { key: 'afd8412f607636cd8022feb96ad9a53021d6ba82', "input-id": "search", label: "" }))), index.h("div", { key: '209b848f4c5c16e51e4d78da3a394c3714861aa8', class: "col-md-3" }, index.h("div", { key: '5bf7e7a5d5218a11174758356c3fe8b9ef7b6e1e', class: "search-filters", "aria-controls": "search-results" })), index.h("div", { key: 'a801c5fdbb998e6c2dfa6457c25ff7ed18d6e561', class: "col-md-9" }, index.h("div", { key: '36e3d2b77d365ff50d2542f288d134769d9a77cd', class: "search-results-container" }, index.h("hy-paragraph-text", { key: '223f7604ab9a457ae375bb6bd81b7643450c384c' }, index.h("div", { key: '3315875631f74684d7416544462fc6804f213187', class: "search-result-count" })), index.h("div", { key: '645c792076ad5a67fa27907630518d47b2ff1796', class: "search-did-you-mean", role: "Complementary" }), index.h("div", { key: 'ce78be3a28bb44aa4a29cf7905c653ea6cfc14ea', class: "search-results", role: "region", id: "search-results", "aria-live": "polite" })))), this._searchTools && this._searchTools.length > 0 && (index.h("div", { key: '4a6f518bf6d40be1e82ff1bcbe9aee1d3575ebcd', class: "site-search__panel__tools" }, index.h("div", { key: 'a3cd2c0329258d5d7d0795aa0f2705badc679903', class: "title" }, this.searchToolsLabel), index.h("div", { key: 'd069bbf2cb1d48683b66c15359e5e97a2ea6eece', class: "list" }, this._searchTools.map((i) => {
938
941
  let searchToolTarget = i.isExternal ? "_blank" : "_self";
939
942
  return (index.h("a", { class: "search-special-tool", href: i.url, target: searchToolTarget }, index.h("hy-icon", { icon: "hy-icon-arrow-to-right", size: 24, fill: utils.ColorVariant.black }), index.h("span", { class: "label" }, i.label), index.h("span", { class: "description" }, i.description)));
940
- })))), index.h("button", { key: 'de58fe2bc41e26ddc95a5cfbd8e7a466034064bd', onClick: () => this.closeSearchPanel(), class: {
943
+ })))), index.h("button", { key: '06a6bdcec4873807cb9b08ff615842fc7409f0f7', onClick: () => this.closeSearchPanel(), class: {
941
944
  "site-search__panel__panel-toggle": true,
942
- }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: 'f6295f0978baa6f6d7b677f9cf54776824894740', class: "site-search__panel__panel-toggle__label" }, index.h("span", { key: '585995b3dc6a30fc5bac2f9182277a7aba6b3583', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { key: '40f1ca59bbcbc9655874286bb907697a7f8e86c7', icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black })))), index.h("div", { key: '232c04ebeb4dd470132fab90fe4286e31817870e', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
945
+ }, "aria-label": this.searchCloseLabel, "aria-expanded": `${this.isSearchPanelOpen}` }, index.h("span", { key: 'ba2030a8c26279c9531018e9d7223ba1c389703e', class: "site-search__panel__panel-toggle__label" }, index.h("span", { key: 'ff78542648700dc2091aae9fb91021732571b7c1', class: "site-search__panel__panel-toggle__label__title", tabindex: "0" }, this.searchCloseLabel), index.h("hy-icon", { key: '77e09522c187f3a5a2c56c7e5570703c696547dc', icon: "hy-icon-remove", size: 16, fill: utils.ColorVariant.black })))), index.h("div", { key: 'fba05c54c93798a58549aa126cffb676376821c7', class: "site-search__panel__space-box", onClick: () => this.closeSearchPanel() }))))));
943
946
  }
944
947
  get el() { return index.getElement(this); }
945
948
  };
package/dist/collection/components/hy-ingress/ingress.css CHANGED
@@ -12,7 +12,7 @@
12
12
  p.hy-ingress {
13
13
  color: var(--ds-palette-black-95);
14
14
  font-family: var(--ds-fontFamily-body);
15
- font-size: var(--ds-fontSize-14);
15
+ font-size: var(--ds-fontSize-18);
16
16
  font-weight: var(--ds-fontWeight-regular);
17
17
  letter-spacing: var(--ds-letterSpacing-wide);
18
18
  line-height: var(--ds-lineHeight-large);
@@ -23,25 +23,7 @@ p.hy-ingress {
23
23
  }
24
24
  @media (min-width: 60rem) {
25
25
  p.hy-ingress {
26
- font-size: var(--ds-fontSize-16);
27
- }
28
- }
29
- @media (min-width: 30rem) {
30
- p.hy-ingress {
31
- color: var(--ds-palette-black-95);
32
- font-family: var(--ds-fontFamily-body);
33
- font-size: var(--ds-fontSize-16);
34
- font-weight: var(--ds-fontWeight-regular);
35
- letter-spacing: var(--ds-letterSpacing-wide);
36
- line-height: var(--ds-lineHeight-large);
37
- -ms-hyphens: auto;
38
- hyphens: auto;
39
- text-wrap: pretty;
40
- }
41
- }
42
- @media (min-width: 30rem) and (min-width: 60rem) {
43
- p.hy-ingress {
44
- font-size: var(--ds-fontSize-18);
26
+ font-size: var(--ds-fontSize-20);
45
27
  }
46
28
  }
47
29
  @media (min-width: 60rem) {
@@ -51,28 +33,14 @@ p.hy-ingress {
51
33
  }
52
34
  @media (min-width: 1601px) {
53
35
  p.hy-ingress {
54
- color: var(--ds-palette-black-95);
55
- font-family: var(--ds-fontFamily-body);
56
- font-size: var(--ds-fontSize-16);
57
- font-weight: var(--ds-fontWeight-regular);
58
- letter-spacing: var(--ds-letterSpacing-wide);
59
- line-height: var(--ds-lineHeight-large);
60
- -ms-hyphens: auto;
61
- hyphens: auto;
62
- text-wrap: pretty;
63
36
  margin: 0 0 3rem;
64
37
  }
65
38
  }
66
- @media (min-width: 1601px) and (min-width: 60rem) {
67
- p.hy-ingress {
68
- font-size: var(--ds-fontSize-18);
69
- }
70
- }
71
39
  @media (min-width: 75.0625rem) {
72
40
  p.hy-ingress__large {
73
41
  color: var(--ds-palette-black-95);
74
42
  font-family: var(--ds-fontFamily-body);
75
- font-size: var(--ds-fontSize-16);
43
+ font-size: var(--ds-fontSize-18);
76
44
  font-weight: var(--ds-fontWeight-regular);
77
45
  letter-spacing: var(--ds-letterSpacing-wide);
78
46
  line-height: var(--ds-lineHeight-large);
@@ -84,6 +52,6 @@ p.hy-ingress {
84
52
  }
85
53
  @media (min-width: 75.0625rem) and (min-width: 60rem) {
86
54
  p.hy-ingress__large {
87
- font-size: var(--ds-fontSize-18);
55
+ font-size: var(--ds-fontSize-20);
88
56
  }
89
57
  }
package/dist/collection/components/hy-site-header/site-search/site-search.css CHANGED
@@ -359,4 +359,324 @@
359
359
  height: 40px;
360
360
  padding: 7px;
361
361
  width: 40px;
362
+ }
363
+ /*
364
+ Cludo autocomplete
365
+ */
366
+ #search_autocomplete .cludo-sayt__no-result-text p a:focus,
367
+ #search_autocomplete .cludo-sayt__no-result-text p a:hover,
368
+ #search_autocomplete .cludo-sayt__results-tophit a:focus h3,
369
+ #search_autocomplete .cludo-sayt__results-tophit a:hover h3,
370
+ #search_autocomplete .cludo-sayt__results-tophit-title-link:focus,
371
+ #search_autocomplete .cludo-sayt__results-tophit-title-link:hover,
372
+ #search_autocomplete .cludo-sayt__results-tophit.active h3,
373
+ #search_autocomplete .cludo-sayt__results-tophit.people-result a:focus h3,
374
+ #search_autocomplete .cludo-sayt__results-tophit.people-result a:hover h3 {
375
+ text-decoration: underline;
376
+ }
377
+ #search_autocomplete {
378
+ position: absolute;
379
+ width: 100%;
380
+ top: 100%;
381
+ left: 0;
382
+ padding: 0;
383
+ z-index: 5;
384
+ }
385
+ #search_autocomplete * {
386
+ font-family: "Open Sans", Helvetica, Arial, sans-serif;
387
+ }
388
+ #search_autocomplete h3 {
389
+ font-size: 0.875rem;
390
+ width: -webkit-fit-content;
391
+ width: -moz-fit-content;
392
+ width: fit-content;
393
+ }
394
+ #search_autocomplete .cludo-sayt {
395
+ display: -webkit-box;
396
+ display: -ms-flexbox;
397
+ display: flex;
398
+ -webkit-box-orient: vertical;
399
+ -webkit-box-direction: normal;
400
+ -ms-flex-direction: column;
401
+ flex-direction: column;
402
+ width: 100%;
403
+ background-color: #fff;
404
+ -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
405
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
406
+ margin: 0;
407
+ padding: 12px 15px;
408
+ border: 1px solid #d2d2d2;
409
+ }
410
+ #search_autocomplete .cludo-sayt h3 {
411
+ line-height: 1.25rem;
412
+ }
413
+ #search_autocomplete .cludo-sayt__suggestions {
414
+ border-bottom: 1px solid #d2d2d2;
415
+ }
416
+ #search_autocomplete .cludo-sayt__suggestions > h3 {
417
+ margin: 0;
418
+ white-space: nowrap;
419
+ }
420
+ #search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar {
421
+ height: 8px;
422
+ }
423
+ #search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar:empty {
424
+ display: none;
425
+ }
426
+ #search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb {
427
+ background: #c7c7c7;
428
+ border-radius: 20px;
429
+ cursor: pointer;
430
+ }
431
+ #search_autocomplete .cludo-sayt__suggestions::-webkit-scrollbar-thumb:hover {
432
+ background: #878787;
433
+ }
434
+ #search_autocomplete .cludo-sayt__suggestions-list {
435
+ display: -webkit-box;
436
+ display: -ms-flexbox;
437
+ display: flex;
438
+ gap: 12px;
439
+ overflow-x: scroll;
440
+ overflow-y: hidden;
441
+ padding: 8px 0 12px;
442
+ margin: 0;
443
+ list-style-type: none;
444
+ }
445
+ #search_autocomplete .cludo-sayt__suggestion {
446
+ white-space: nowrap;
447
+ background-color: #f5f5f5;
448
+ padding: 10.05px 18.76px;
449
+ border-radius: 16.75px;
450
+ font-size: 0.813rem;
451
+ cursor: pointer;
452
+ }
453
+ #search_autocomplete .cludo-sayt__suggestion.active,
454
+ #search_autocomplete .cludo-sayt__suggestion:focus,
455
+ #search_autocomplete .cludo-sayt__suggestion:hover {
456
+ color: #107eab;
457
+ text-decoration: underline;
458
+ }
459
+ #search_autocomplete .cludo-sayt__results {
460
+ padding: 1rem 0;
461
+ }
462
+ #search_autocomplete .cludo-sayt__people-search-categories > div {
463
+ margin-top: 24px;
464
+ }
465
+ #search_autocomplete .cludo-sayt__results-tophit-container:not(:last-child) {
466
+ margin-bottom: 24px;
467
+ }
468
+ #search_autocomplete .cludo-sayt__results-tophit-title {
469
+ display: -webkit-box;
470
+ display: -ms-flexbox;
471
+ display: flex;
472
+ gap: 8px;
473
+ -webkit-box-align: center;
474
+ -ms-flex-align: center;
475
+ align-items: center;
476
+ margin: 0 0 16px;
477
+ color: #000;
478
+ font-weight: 600;
479
+ }
480
+ #search_autocomplete .cludo-sayt__results-tophit-title-link {
481
+ color: #107eab;
482
+ font-weight: 600;
483
+ cursor: pointer;
484
+ }
485
+ #search_autocomplete .cludo-sayt__results-tophit-title-no-link {
486
+ color: #107eab;
487
+ font-weight: 600;
488
+ }
489
+ #search_autocomplete .cludo-sayt__no-result-text p {
490
+ margin: 0;
491
+ padding: 0;
492
+ color: #222;
493
+ font-size: 0.875rem;
494
+ font-weight: 600;
495
+ }
496
+ #search_autocomplete .cludo-sayt__no-result-text p a {
497
+ color: #107eab;
498
+ text-decoration: none;
499
+ cursor: pointer;
500
+ }
501
+ #search_autocomplete .cludo-sayt__results-tophits {
502
+ margin: 0;
503
+ padding: 0;
504
+ list-style-type: none;
505
+ }
506
+ #search_autocomplete .cludo-sayt__results-tophit:not(:last-of-type) {
507
+ margin-bottom: 16px;
508
+ }
509
+ #search_autocomplete .cludo-sayt__results-tophit.tool a {
510
+ display: -webkit-box !important;
511
+ display: -ms-flexbox !important;
512
+ display: flex !important;
513
+ gap: 8px;
514
+ -webkit-box-align: center;
515
+ -ms-flex-align: center;
516
+ align-items: center;
517
+ }
518
+ #search_autocomplete .cludo-sayt__results-tophit.tool a .cludo-sayt__tool {
519
+ display: -webkit-box;
520
+ display: -ms-flexbox;
521
+ display: flex;
522
+ -webkit-box-align: center;
523
+ -ms-flex-align: center;
524
+ align-items: center;
525
+ -webkit-box-pack: center;
526
+ -ms-flex-pack: center;
527
+ justify-content: center;
528
+ width: 34px;
529
+ height: 34px;
530
+ border-radius: 5px;
531
+ background-color: #107eab;
532
+ color: #fff;
533
+ font-size: 14px;
534
+ font-weight: 600;
535
+ }
536
+ #search_autocomplete .cludo-sayt__results-tophit a {
537
+ display: block;
538
+ font-weight: 600;
539
+ font-size: 0.875rem;
540
+ text-decoration: none;
541
+ cursor: pointer;
542
+ }
543
+ #search_autocomplete .cludo-sayt__results-tophit a h3 {
544
+ font-weight: 500;
545
+ color: #222;
546
+ margin: 0;
547
+ }
548
+ #search_autocomplete .cludo-sayt__results-tophit a span {
549
+ color: #979797;
550
+ font-size: 0.688rem;
551
+ }
552
+ #search_autocomplete .cludo-sayt__results-tophit.people-result a {
553
+ display: -webkit-box;
554
+ display: -ms-flexbox;
555
+ display: flex;
556
+ gap: 8px;
557
+ color: #222;
558
+ }
559
+ #search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image {
560
+ display: -webkit-box;
561
+ display: -ms-flexbox;
562
+ display: flex;
563
+ -webkit-box-align: center;
564
+ -ms-flex-align: center;
565
+ align-items: center;
566
+ -webkit-box-pack: center;
567
+ -ms-flex-pack: center;
568
+ justify-content: center;
569
+ width: 60px;
570
+ min-width: 60px;
571
+ height: 60px;
572
+ min-height: 60px;
573
+ border-radius: 0;
574
+ background-color: var(--brand-main-light);
575
+ background-size: cover;
576
+ color: var(--grayscale-white);
577
+ font-size: 1rem;
578
+ line-height: 32px;
579
+ font-weight: 700;
580
+ letter-spacing: 0.48px;
581
+ overflow: hidden;
582
+ }
583
+ #search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__image img {
584
+ width: 100%;
585
+ }
586
+ #search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content h3 {
587
+ font-size: 1rem;
588
+ font-weight: 700;
589
+ }
590
+ #search_autocomplete .cludo-sayt__results-tophit.people-result .people-result__content p {
591
+ margin: 0;
592
+ font-weight: 400;
593
+ }
594
+ #search_autocomplete .cludo-sayt__all-results {
595
+ border-top: 1px solid #d2d2d2;
596
+ padding-top: 16px;
597
+ }
598
+ @media (min-width: 931px) {
599
+ #search_autocomplete .cludo-sayt {
600
+ width: 100%;
601
+ background-color: #fff;
602
+ -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
603
+ box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
604
+ margin: 0;
605
+ padding: 0 16px;
606
+ border: 1px solid #d2d2d2;
607
+ }
608
+ #search_autocomplete .cludo-sayt__suggestions {
609
+ display: -webkit-box;
610
+ display: -ms-flexbox;
611
+ display: flex;
612
+ -webkit-box-align: center;
613
+ -ms-flex-align: center;
614
+ align-items: center;
615
+ gap: 12px;
616
+ overflow-x: scroll;
617
+ overflow-y: hidden;
618
+ }
619
+ #search_autocomplete .cludo-sayt__suggestions-list {
620
+ overflow: visible;
621
+ padding: 12px 0;
622
+ }
623
+ #search_autocomplete .cludo-sayt__results {
624
+ padding: 0;
625
+ display: grid;
626
+ grid-template-columns: 1fr 1fr;
627
+ }
628
+ #search_autocomplete .cludo-sayt__main-search-categories {
629
+ padding: 1rem;
630
+ }
631
+ #search_autocomplete .cludo-sayt__people-search-categories {
632
+ border-left: 1px solid #d2d2d2;
633
+ padding: 1rem;
634
+ }
635
+ #search_autocomplete .cludo-sayt__people-search-categories > div {
636
+ margin-top: 0;
637
+ }
638
+ #search_autocomplete .cludo-sayt__all-results {
639
+ padding: 16px 0;
640
+ }
641
+ }
642
+ #search_autocomplete .cludo-sayt__all-results a {
643
+ display: -webkit-box;
644
+ display: -ms-flexbox;
645
+ display: flex;
646
+ -webkit-box-align: center;
647
+ -ms-flex-align: center;
648
+ align-items: center;
649
+ gap: 8px;
650
+ width: -webkit-fit-content;
651
+ width: -moz-fit-content;
652
+ width: fit-content;
653
+ margin: 0 auto;
654
+ border: none;
655
+ background-color: #107eab;
656
+ color: #fff;
657
+ font-weight: 700;
658
+ font-size: 1rem;
659
+ padding: 13px 16px;
660
+ cursor: pointer;
661
+ }
662
+ #search_autocomplete .cludo-sayt__all-results a:focus,
663
+ #search_autocomplete .cludo-sayt__all-results a:hover {
664
+ background: #005379;
665
+ }
666
+ #search_autocomplete .cludo-sayt__other {
667
+ padding: 22px 0;
668
+ }
669
+ #search_autocomplete .cludo-sayt__other h3 {
670
+ font-size: 18px;
671
+ letter-spacing: -0.56px;
672
+ margin-bottom: 7.5px;
673
+ }
674
+ .cludo-sr-only {
675
+ position: absolute;
676
+ width: 1px;
677
+ height: 1px;
678
+ padding: 0;
679
+ overflow: hidden;
680
+ clip: rect(0, 0, 0, 0);
681
+ border: 0;
362
682
  }