@itcenteratunihelsinki/huds-lib 0.6.5 → 0.6.7

package/dist/types/components/cta-button/cta-button.d.ts

@@ -3,6 +3,7 @@ import { CtaLinkButtonVariants } from '../../utils/utils';
 export declare class CtaButton implements ComponentInterface {
   variant: CtaLinkButtonVariants;
   linkContent: string;
+  typeButton: boolean;
   url?: string;
   scLabel?: string;
   isExternal: boolean;

package/dist/types/components/navigation/hy-menu-main-group/hy-menu-main-group.d.ts

@@ -11,6 +11,7 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class HyMenuMainGroup {
   el: HTMLElement;
   menuLabel: string;
+  menuLabelClose: string;
   dataMainMenu: MainMenu[] | string;
   isMobile: boolean;
   logoUrl?: string;

package/dist/types/components/site-header/site-header.d.ts

@@ -37,7 +37,6 @@ export declare class SiteHeader {
   menuLabelOpen?: string;
   menuLabelClose?: string;
   menuType: MenuType;
-  dataDesktopLinks: DesktopLinks[] | string;
   dataMainMenuLinks: DesktopLinks[] | string;
   dataSearchTools: DesktopLinks[] | string;
   isMobile: boolean;

package/dist/types/components.d.ts

@@ -10,7 +10,6 @@ import { ImageSrcSet } from "./components/adjacent-image-text/adjacent-image-tex
 import { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
 import { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
 import { TagValue } from "./components/courses/hy-content-list-item/hy-content-list-item";
-import { DesktopLinks } from "./components/site-header/hy-desktop-menu-links/hy-desktop-menu-links";
 import { IDropdownItem } from "./components/hy-dropdown/hy-dropdown";
 import { IFilterGroupFilter } from "./components/hy-filter-group/hy-filter-group";
 import { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-base/hy-footer-base";
@@ -30,13 +29,12 @@ import { AdditionalInfo, ImageSrcSet as ImageSrcSet5, RelatedLink } from "./comp
 import { MenuLanguage } from "./components/navigation/menu-language/menu-language";
 import { ComponentLabels } from "./components/site-header/site-header";
 import { DonateLink, MainMenu } from "./components/navigation/hy-menu-main-group/hy-menu-main-group";
-import { ShortcutLinks } from "./components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts";
 import { items } from "./components/hy-opening-hours-content/hy-opening-hours-content";
 import { personProfileListingItems } from "./components/person-profile/person-profile-listing/person-profile.listing";
 import { ProcessFlowBoxValue } from "./components/process/process";
 import { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
 import { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
-import { DesktopLinks as DesktopLinks1 } from "./components/site-header/site-header";
+import { DesktopLinks } from "./components/site-header/site-header";
 export namespace Components {
     interface ColorBox {
     }
@@ -293,6 +291,7 @@ export namespace Components {
         "isExternal": boolean;
         "linkContent": string;
         "scLabel"?: string;
+        "typeButton": boolean;
         "url"?: string;
         "variant": CtaLinkButtonVariants;
     }
@@ -303,11 +302,6 @@ export namespace Components {
         "url"?: string;
         "variant": CtaLinkVariants;
     }
-    interface HyDesktopMenuLinks {
-        "dataDesktopLinks": DesktopLinks[] | string;
-        "isDropdown"?: boolean;
-        "isGroup"?: boolean;
-    }
     interface HyDocsContainer {
     }
     interface HyDropdown {
@@ -634,44 +628,6 @@ export namespace Components {
     }
     interface HyMainContentWrapper {
     }
-    interface HyMenu {
-        "dataMenuDonate": string;
-        "dataMenuLanguage": string;
-        "dataSiteHeaderLabels": string;
-        "isDemo": boolean;
-        "isGroup": boolean;
-        "labelFrontPage": string;
-        "logoLabel": string;
-        "logoUrl": string;
-        "menuButtonBreadcrumbHome": string;
-        "menuButtonBreadcrumbLogourl": string;
-        "menuButtonBreadcrumbMain": string;
-        "menuButtonBreadcrumbReturn": string;
-        "menuButtonSubmenuExpand": string;
-        "menuIsOpen": boolean;
-        "menuType": MenuType;
-    }
-    interface HyMenuItem {
-        "ariaExpanded": boolean;
-        "depth": number;
-        "hasChildren": boolean;
-        "inActiveTrail": boolean;
-        "isActive": boolean;
-        "isActiveChild"?: boolean;
-        "isDemo": boolean;
-        "isExternal": boolean;
-        "isHeading": boolean;
-        "isParent": boolean;
-        "label": string;
-        "menuButtonBreadcrumbMain"?: string;
-        "menuButtonSubmenuExpand"?: string;
-        "menuItemAlternative": boolean;
-        "menuLinkId": string;
-        "menuType": MenuType;
-        "parentAsHeading": string;
-        "parentExpanded": boolean;
-        "url": string;
-    }
     interface HyMenuLanguage {
         "dataMenuLanguage": MenuLanguage[] | string;
         "isGroup": boolean;
@@ -685,24 +641,6 @@ export namespace Components {
         "langCode": string;
         "url": string;
     }
-    interface HyMenuLevelContainer {
-        "activeTrailTriggered": boolean;
-        "depth": number;
-        /**
-          * label for front page for panel first parent
-         */
-        "frontLabel": string;
-        /**
-          * Url to front page for panel first parent
-         */
-        "frontUrl": string;
-        "headingItem": any;
-        "labelFrontPage"?: string;
-        "menuButtonSubmenuExpand"?: string;
-        "menuLevel": number;
-        "menuType": MenuType;
-        "triggerItem": string;
-    }
     interface HyMenuMainGroup {
         "dataMainMenu": MainMenu[] | string;
         "donate": DonateLink[];
@@ -710,21 +648,10 @@ export namespace Components {
         "logoLabel"?: string;
         "logoUrl"?: string;
         "menuLabel": string;
+        "menuLabelClose": string;
         "siteLabel"?: string;
         "siteUrl"?: string;
     }
-    interface HyMenuMobileBreadcrumb {
-        "bid": string;
-        "isFirst": boolean;
-        "label": string;
-        "labelBack": string;
-        "labelFrontPage": string;
-        "logoUrl"?: string;
-    }
-    interface HyMobileMenuShortcuts {
-        "dataShortcutLinks": ShortcutLinks[] | string;
-        "shortcutsLabel": string;
-    }
     interface HyOpeningHours {
         "blockId"?: string;
         "blockTitle": string;
@@ -857,7 +784,6 @@ export namespace Components {
         "listHeading": string;
     }
     interface HySiteHeader {
-        "dataDesktopLinks": DesktopLinks[] | string;
         "dataMainMenuLinks": DesktopLinks[] | string;
         "dataMenuDonate": string;
         "dataMenuLanguage": string;
@@ -1116,12 +1042,6 @@ declare global {
         prototype: HTMLHyCtaLinkElement;
         new (): HTMLHyCtaLinkElement;
     };
-    interface HTMLHyDesktopMenuLinksElement extends Components.HyDesktopMenuLinks, HTMLStencilElement {
-    }
-    var HTMLHyDesktopMenuLinksElement: {
-        prototype: HTMLHyDesktopMenuLinksElement;
-        new (): HTMLHyDesktopMenuLinksElement;
-    };
     interface HTMLHyDocsContainerElement extends Components.HyDocsContainer, HTMLStencilElement {
     }
     var HTMLHyDocsContainerElement: {
@@ -1368,18 +1288,6 @@ declare global {
         prototype: HTMLHyMainContentWrapperElement;
         new (): HTMLHyMainContentWrapperElement;
     };
-    interface HTMLHyMenuElement extends Components.HyMenu, HTMLStencilElement {
-    }
-    var HTMLHyMenuElement: {
-        prototype: HTMLHyMenuElement;
-        new (): HTMLHyMenuElement;
-    };
-    interface HTMLHyMenuItemElement extends Components.HyMenuItem, HTMLStencilElement {
-    }
-    var HTMLHyMenuItemElement: {
-        prototype: HTMLHyMenuItemElement;
-        new (): HTMLHyMenuItemElement;
-    };
     interface HTMLHyMenuLanguageElement extends Components.HyMenuLanguage, HTMLStencilElement {
     }
     var HTMLHyMenuLanguageElement: {
@@ -1392,30 +1300,12 @@ declare global {
         prototype: HTMLHyMenuLanguageItemElement;
         new (): HTMLHyMenuLanguageItemElement;
     };
-    interface HTMLHyMenuLevelContainerElement extends Components.HyMenuLevelContainer, HTMLStencilElement {
-    }
-    var HTMLHyMenuLevelContainerElement: {
-        prototype: HTMLHyMenuLevelContainerElement;
-        new (): HTMLHyMenuLevelContainerElement;
-    };
     interface HTMLHyMenuMainGroupElement extends Components.HyMenuMainGroup, HTMLStencilElement {
     }
     var HTMLHyMenuMainGroupElement: {
         prototype: HTMLHyMenuMainGroupElement;
         new (): HTMLHyMenuMainGroupElement;
     };
-    interface HTMLHyMenuMobileBreadcrumbElement extends Components.HyMenuMobileBreadcrumb, HTMLStencilElement {
-    }
-    var HTMLHyMenuMobileBreadcrumbElement: {
-        prototype: HTMLHyMenuMobileBreadcrumbElement;
-        new (): HTMLHyMenuMobileBreadcrumbElement;
-    };
-    interface HTMLHyMobileMenuShortcutsElement extends Components.HyMobileMenuShortcuts, HTMLStencilElement {
-    }
-    var HTMLHyMobileMenuShortcutsElement: {
-        prototype: HTMLHyMobileMenuShortcutsElement;
-        new (): HTMLHyMobileMenuShortcutsElement;
-    };
     interface HTMLHyOpeningHoursElement extends Components.HyOpeningHours, HTMLStencilElement {
     }
     var HTMLHyOpeningHoursElement: {
@@ -1604,7 +1494,6 @@ declare global {
         "hy-crisis-banner": HTMLHyCrisisBannerElement;
         "hy-cta-button": HTMLHyCtaButtonElement;
         "hy-cta-link": HTMLHyCtaLinkElement;
-        "hy-desktop-menu-links": HTMLHyDesktopMenuLinksElement;
         "hy-docs-container": HTMLHyDocsContainerElement;
         "hy-dropdown": HTMLHyDropdownElement;
         "hy-dropdown-panel": HTMLHyDropdownPanelElement;
@@ -1646,14 +1535,9 @@ declare global {
         "hy-logo-grid-item": HTMLHyLogoGridItemElement;
         "hy-main": HTMLHyMainElement;
         "hy-main-content-wrapper": HTMLHyMainContentWrapperElement;
-        "hy-menu": HTMLHyMenuElement;
-        "hy-menu-item": HTMLHyMenuItemElement;
         "hy-menu-language": HTMLHyMenuLanguageElement;
         "hy-menu-language-item": HTMLHyMenuLanguageItemElement;
-        "hy-menu-level-container": HTMLHyMenuLevelContainerElement;
         "hy-menu-main-group": HTMLHyMenuMainGroupElement;
-        "hy-menu-mobile-breadcrumb": HTMLHyMenuMobileBreadcrumbElement;
-        "hy-mobile-menu-shortcuts": HTMLHyMobileMenuShortcutsElement;
         "hy-opening-hours": HTMLHyOpeningHoursElement;
         "hy-opening-hours-content": HTMLHyOpeningHoursContentElement;
         "hy-pager": HTMLHyPagerElement;
@@ -1940,6 +1824,7 @@ declare namespace LocalJSX {
         "isExternal"?: boolean;
         "linkContent"?: string;
         "scLabel"?: string;
+        "typeButton"?: boolean;
         "url"?: string;
         "variant"?: CtaLinkButtonVariants;
     }
@@ -1950,12 +1835,6 @@ declare namespace LocalJSX {
         "url"?: string;
         "variant"?: CtaLinkVariants;
     }
-    interface HyDesktopMenuLinks {
-        "dataDesktopLinks"?: DesktopLinks[] | string;
-        "isDropdown"?: boolean;
-        "isGroup"?: boolean;
-        "onMenuDesktopToggled"?: (event: CustomEvent<any>) => void;
-    }
     interface HyDocsContainer {
     }
     interface HyDropdown {
@@ -2282,49 +2161,6 @@ declare namespace LocalJSX {
     }
     interface HyMainContentWrapper {
     }
-    interface HyMenu {
-        "dataMenuDonate"?: string;
-        "dataMenuLanguage"?: string;
-        "dataSiteHeaderLabels"?: string;
-        "isDemo"?: boolean;
-        "isGroup"?: boolean;
-        "labelFrontPage"?: string;
-        "logoLabel"?: string;
-        "logoUrl"?: string;
-        "menuButtonBreadcrumbHome"?: string;
-        "menuButtonBreadcrumbLogourl"?: string;
-        "menuButtonBreadcrumbMain"?: string;
-        "menuButtonBreadcrumbReturn"?: string;
-        "menuButtonSubmenuExpand"?: string;
-        "menuIsOpen"?: boolean;
-        "menuType"?: MenuType;
-        "onMenuContainerToggled"?: (event: CustomEvent<any>) => void;
-    }
-    interface HyMenuItem {
-        "ariaExpanded"?: boolean;
-        "depth"?: number;
-        "hasChildren"?: boolean;
-        "inActiveTrail"?: boolean;
-        "isActive"?: boolean;
-        "isActiveChild"?: boolean;
-        "isDemo"?: boolean;
-        "isExternal"?: boolean;
-        "isHeading"?: boolean;
-        "isParent"?: boolean;
-        "label"?: string;
-        "menuButtonBreadcrumbMain"?: string;
-        "menuButtonSubmenuExpand"?: string;
-        "menuItemAlternative"?: boolean;
-        "menuLinkId"?: string;
-        "menuType"?: MenuType;
-        "onAddBreadcrumb"?: (event: CustomEvent<any>) => void;
-        "onMenuContainerActiveTrail"?: (event: CustomEvent<any>) => void;
-        "onMenuContainerToggled"?: (event: CustomEvent<any>) => void;
-        "onRouteClicked"?: (event: CustomEvent<any>) => void;
-        "parentAsHeading"?: string;
-        "parentExpanded"?: boolean;
-        "url"?: string;
-    }
     interface HyMenuLanguage {
         "dataMenuLanguage"?: MenuLanguage[] | string;
         "isGroup"?: boolean;
@@ -2339,24 +2175,6 @@ declare namespace LocalJSX {
         "langCode"?: string;
         "url"?: string;
     }
-    interface HyMenuLevelContainer {
-        "activeTrailTriggered"?: boolean;
-        "depth"?: number;
-        /**
-          * label for front page for panel first parent
-         */
-        "frontLabel"?: string;
-        /**
-          * Url to front page for panel first parent
-         */
-        "frontUrl"?: string;
-        "headingItem"?: any;
-        "labelFrontPage"?: string;
-        "menuButtonSubmenuExpand"?: string;
-        "menuLevel"?: number;
-        "menuType"?: MenuType;
-        "triggerItem"?: string;
-    }
     interface HyMenuMainGroup {
         "dataMainMenu"?: MainMenu[] | string;
         "donate"?: DonateLink[];
@@ -2364,24 +2182,12 @@ declare namespace LocalJSX {
         "logoLabel"?: string;
         "logoUrl"?: string;
         "menuLabel"?: string;
+        "menuLabelClose"?: string;
         "onMobileMenuTopToggle"?: (event: CustomEvent<any>) => void;
         "onUniversityMainMenuToggled"?: (event: CustomEvent<any>) => void;
         "siteLabel"?: string;
         "siteUrl"?: string;
     }
-    interface HyMenuMobileBreadcrumb {
-        "bid"?: string;
-        "isFirst"?: boolean;
-        "label"?: string;
-        "labelBack"?: string;
-        "labelFrontPage"?: string;
-        "logoUrl"?: string;
-        "onRemoveBreadcrumb"?: (event: CustomEvent<any>) => void;
-    }
-    interface HyMobileMenuShortcuts {
-        "dataShortcutLinks"?: ShortcutLinks[] | string;
-        "shortcutsLabel"?: string;
-    }
     interface HyOpeningHours {
         "blockId"?: string;
         "blockTitle"?: string;
@@ -2514,7 +2320,6 @@ declare namespace LocalJSX {
         "listHeading"?: string;
     }
     interface HySiteHeader {
-        "dataDesktopLinks"?: DesktopLinks[] | string;
         "dataMainMenuLinks"?: DesktopLinks[] | string;
         "dataMenuDonate"?: string;
         "dataMenuLanguage"?: string;
@@ -2682,7 +2487,6 @@ declare namespace LocalJSX {
         "hy-crisis-banner": HyCrisisBanner;
         "hy-cta-button": HyCtaButton;
         "hy-cta-link": HyCtaLink;
-        "hy-desktop-menu-links": HyDesktopMenuLinks;
         "hy-docs-container": HyDocsContainer;
         "hy-dropdown": HyDropdown;
         "hy-dropdown-panel": HyDropdownPanel;
@@ -2724,14 +2528,9 @@ declare namespace LocalJSX {
         "hy-logo-grid-item": HyLogoGridItem;
         "hy-main": HyMain;
         "hy-main-content-wrapper": HyMainContentWrapper;
-        "hy-menu": HyMenu;
-        "hy-menu-item": HyMenuItem;
         "hy-menu-language": HyMenuLanguage;
         "hy-menu-language-item": HyMenuLanguageItem;
-        "hy-menu-level-container": HyMenuLevelContainer;
         "hy-menu-main-group": HyMenuMainGroup;
-        "hy-menu-mobile-breadcrumb": HyMenuMobileBreadcrumb;
-        "hy-mobile-menu-shortcuts": HyMobileMenuShortcuts;
         "hy-opening-hours": HyOpeningHours;
         "hy-opening-hours-content": HyOpeningHoursContent;
         "hy-pager": HyPager;
@@ -2785,7 +2584,6 @@ declare module "@stencil/core" {
             "hy-crisis-banner": LocalJSX.HyCrisisBanner & JSXBase.HTMLAttributes<HTMLHyCrisisBannerElement>;
             "hy-cta-button": LocalJSX.HyCtaButton & JSXBase.HTMLAttributes<HTMLHyCtaButtonElement>;
             "hy-cta-link": LocalJSX.HyCtaLink & JSXBase.HTMLAttributes<HTMLHyCtaLinkElement>;
-            "hy-desktop-menu-links": LocalJSX.HyDesktopMenuLinks & JSXBase.HTMLAttributes<HTMLHyDesktopMenuLinksElement>;
             "hy-docs-container": LocalJSX.HyDocsContainer & JSXBase.HTMLAttributes<HTMLHyDocsContainerElement>;
             "hy-dropdown": LocalJSX.HyDropdown & JSXBase.HTMLAttributes<HTMLHyDropdownElement>;
             "hy-dropdown-panel": LocalJSX.HyDropdownPanel & JSXBase.HTMLAttributes<HTMLHyDropdownPanelElement>;
@@ -2827,14 +2625,9 @@ declare module "@stencil/core" {
             "hy-logo-grid-item": LocalJSX.HyLogoGridItem & JSXBase.HTMLAttributes<HTMLHyLogoGridItemElement>;
             "hy-main": LocalJSX.HyMain & JSXBase.HTMLAttributes<HTMLHyMainElement>;
             "hy-main-content-wrapper": LocalJSX.HyMainContentWrapper & JSXBase.HTMLAttributes<HTMLHyMainContentWrapperElement>;
-            "hy-menu": LocalJSX.HyMenu & JSXBase.HTMLAttributes<HTMLHyMenuElement>;
-            "hy-menu-item": LocalJSX.HyMenuItem & JSXBase.HTMLAttributes<HTMLHyMenuItemElement>;
             "hy-menu-language": LocalJSX.HyMenuLanguage & JSXBase.HTMLAttributes<HTMLHyMenuLanguageElement>;
             "hy-menu-language-item": LocalJSX.HyMenuLanguageItem & JSXBase.HTMLAttributes<HTMLHyMenuLanguageItemElement>;
-            "hy-menu-level-container": LocalJSX.HyMenuLevelContainer & JSXBase.HTMLAttributes<HTMLHyMenuLevelContainerElement>;
             "hy-menu-main-group": LocalJSX.HyMenuMainGroup & JSXBase.HTMLAttributes<HTMLHyMenuMainGroupElement>;
-            "hy-menu-mobile-breadcrumb": LocalJSX.HyMenuMobileBreadcrumb & JSXBase.HTMLAttributes<HTMLHyMenuMobileBreadcrumbElement>;
-            "hy-mobile-menu-shortcuts": LocalJSX.HyMobileMenuShortcuts & JSXBase.HTMLAttributes<HTMLHyMobileMenuShortcutsElement>;
             "hy-opening-hours": LocalJSX.HyOpeningHours & JSXBase.HTMLAttributes<HTMLHyOpeningHoursElement>;
             "hy-opening-hours-content": LocalJSX.HyOpeningHoursContent & JSXBase.HTMLAttributes<HTMLHyOpeningHoursContentElement>;
             "hy-pager": LocalJSX.HyPager & JSXBase.HTMLAttributes<HTMLHyPagerElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/collection/components/navigation/menu/menu.css

@@ -1,262 +0,0 @@
-:root {
-  --brand-main: #0e688b;
-  --brand-main-soft: #b1e7ff;
-  --brand-main-bright: #48c5f8;
-  --brand-main-light: #107eab;
-  --brand-main-active: #005379;
-  --brand-main-dark: #003146;
-  --brand-main-nearly-black: #000222;
-  --link-blue: #0479a4;
-  --link-disabled: #767676;
-  --grayscale-white: #fff;
-  --grayscale-slightly-gray: #fefefe;
-  --grayscale-light: #f8f8f8;
-  --grayscale-medium: #d2d2d2;
-  --grayscale-background-box: #f5f5f5;
-  --grayscale-tabs-border: #e6e6e6;
-  --grayscale-background-arrow: #dfdfdf;
-  --grayscale-medium-dark: #979797;
-  --grayscale-dark: #555555;
-  --grayscale-dark-text: #222222;
-  --grayscale-black: #000000;
-  --additional-red-light: #e5053a;
-  --additional-red-dark: #a31621;
-  --additional-purple-light: #420039;
-  --additional-yellow: #f9a21a;
-  --additional-skyblue: #48c5f8;
-  --additional-orange: #d14600;
-  --additional-green-light: #96ba3c;
-  --additional-green-dark: #006400;
-  --hover-gray: #eaeaea;
-}
-
-* {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-:root {
-  --gutter-mobile: 16px;
-  --gutter-narrow: 24px;
-  --gutter-medium: 24px;
-  --gutter-wide: 24px;
-  --gutter-extrawide: 32px;
-}
-
-/**
- * Mixin for fluid type.
- * Example usage: @include fluid-type(font-size, 320px, 1600px, 32px, 80px);
- */
-
-:root {
-  --breakpoint-extrawide: 75.0625rem;
-  --breakpoint-max-width: 75.0625rem;
-  --breakpoint-medium: 48rem;
-  --breakpoint-narrow: 30rem;
-  --breakpoint-wide: 60rem;
-}
-
-:host {
-  margin: 0;
-  padding: 0;
-}
-
-.hy-mobile-menu__header {
-  display: grid;
-  grid-template-columns: 1fr auto;
-  padding: 12px 16px;
-  gap: 16px;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.hy-mobile-menu__menu-close-button {
-  font-size: 1rem;
-  line-height: 18px;
-  font-weight: 700;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  color: var(--brand-main);
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: var(--main-font-family);
-  letter-spacing: -0.3px;
-  padding: 16px;
-  margin-left: auto;
-  margin-right: -16px;
-  pointer-events: none;
-  visibility: hidden;
-}
-
-.hy-mobile-menu__menu-close-button:hover {
-  cursor: pointer;
-}
-
-.hy-mobile-menu__menu-close-button hy-icon {
-  margin-left: 8px;
-}
-
-.hy-mobile-menu__menu-close-button hy-icon svg {
-  fill: var(--brand-main);
-}
-
-.hy-menu-wrapper--mobile {
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  bottom: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: column;
-  flex-flow: column;
-  justify-items: stretch;
-  left: 0;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 99;
-}
-
-.hy-menu-wrapper--mobile.is-open {
-  z-index: 101;
-}
-
-.hy-menu-wrapper--desktop {
-  padding: 0;
-}
-
-.hy-menu-wrapper--sidenav {
-  display: none;
-}
-
-.hy-menu-wrapper--sidenav.is-demo {
-  display: block;
-}
-
-@media (min-width: 30rem) {
-  .hy-menu-wrapper--sidenav {
-    display: block;
-  }
-}
-
-.hy-mobile-menu__menu-container {
-  min-height: calc(100vh - 126px);
-  overflow-x: hidden;
-  overflow-y: visible;
-}
-
-.hy-menu--mobile {
-  -webkit-overflow-scrolling: touch;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: column;
-  flex-flow: column;
-  -webkit-transform: translateX(100%);
-  transform: translateX(100%);
-  -webkit-transition: 0.45s;
-  transition: 0.45s;
-  width: 100%;
-  z-index: 100;
-}
-
-@media (min-width: 75.0625rem) {
-  .hy-menu--mobile:not(.is-demo) {
-    min-height: 0;
-    -webkit-transform: translateX(0);
-    transform: translateX(0);
-    visibility: visible;
-  }
-}
-
-.hy-menu--mobile.is-open {
-  -webkit-transform: translateX(0);
-  transform: translateX(0);
-  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
-  transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
-  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1);
-  transition: transform 0.3s cubic-bezier(0, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0, 0, 0.3, 1);
-}
-
-.hy-menu--mobile.is-open::after {
-  opacity: 1;
-  visibility: visible;
-}
-
-.hy-menu-breadcrumb-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: column;
-  flex-flow: column;
-}
-
-.hy-menu__logo-container {
-  display: inline-block;
-  padding: 16px;
-  z-index: 100;
-}
-
-@media (min-width: 30rem) {
-  .hy-menu__logo-container {
-    padding: 16px 28px;
-  }
-}
-
-.hy-mobile-menu__donate {
-  background-color: var(--grayscale-white);
-  bottom: 0;
-  -webkit-box-shadow: rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;
-  box-shadow: rgba(14, 104, 139, 0.2) 0px -20px 20px -20px;
-  position: sticky;
-  z-index: 102;
-}
-
-.hy-mobile-menu__donate a {
-  font-size: 1rem;
-  line-height: 16px;
-  font-weight: 600;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: var(--grayscale-white);
-  color: var(--grayscale-black);
-  display: block;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  font-family: var(--main-font-family);
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  letter-spacing: -0.4px;
-  padding: 20px 0 16px;
-  text-align: center;
-  text-decoration: none;
-}
-
-.hy-mobile-menu__donate a:focus {
-  outline: solid 2px var(--additional-yellow);
-}
-
-.hy-mobile-menu__donate a svg {
-  margin-right: 5px;
-}
-
-.hy-menu__breadcrumbs {
-  display: block;
-  position: relative;
-}
-
-.hy-menu__breadcrumbs.is-empty {
-  min-height: 35px;
-}