@itcenteratunihelsinki/huds-lib 0.6.6 → 0.6.7

package/dist/collection/components/navigation/mobile-menu-shortcuts/mobile-menu-shortcuts.js

@@ -1,68 +0,0 @@
-import { Component, h, Host, Prop } from '@stencil/core';
-import { jsonParserWorker } from '../../../global/globalScript';
-export class HyMobileMenuShortcuts {
-  async componentWillLoad() {
-    this._dataShortcutLinks = await jsonParserWorker(this.dataShortcutLinks);
-  }
-  render() {
-    return (h(Host, { class: "hy-mobile-menu-shortcuts" },
-      h("h2", null, this.shortcutsLabel),
-      h("ul", { class: "hy-mobile-menu-shortcuts__links" }, this._dataShortcutLinks.map(({ title, url, is_external, aria_label }) => {
-        let target = is_external ? '_blank' : '_self';
-        return (h("li", { class: "hy-mobile-menu-shortcuts__links-item" },
-          h("a", { "aria-current": aria_label, href: url, class: "hy-mobile-menu-shortcuts__link", target: target, "aria-label": aria_label },
-            h("hy-icon", { icon: 'hy-icon-caret-right', size: 10 }),
-            h("span", null,
-              title,
-              is_external && h("hy-icon", { icon: 'hy-icon-arrow-right', size: 12 })))));
-      }))));
-  }
-  static get is() { return "hy-mobile-menu-shortcuts"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["mobile-menu-shortcuts.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["mobile-menu-shortcuts.css"]
-  }; }
-  static get properties() { return {
-    "shortcutsLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "shortcuts-label",
-      "reflect": false
-    },
-    "dataShortcutLinks": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "ShortcutLinks[] | string",
-        "resolved": "ShortcutLinks[] | string",
-        "references": {
-          "ShortcutLinks": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "data-shortcut-links",
-      "reflect": false
-    }
-  }; }
-}

package/dist/collection/components/site-header/hy-desktop-menu-links/hy-desktop-menu-links.css

@@ -1,469 +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 {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-flow: row;
-  flex-flow: row;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  padding: 0;
-}
-
-.hy-site-header__menu-desktop {
-  height: 100%;
-  margin: 0 32px;
-}
-
-.hy-site-header__menu-desktop.is-group {
-  margin: 0;
-}
-
-.hy-desktop-menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 100%;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  width: 100%;
-}
-
-.is-dropdown .hy-desktop-menu__item {
-  position: relative;
-}
-
-.hy-desktop-menu__button {
-  font-size: 0.875rem;
-  line-height: 16px;
-  font-weight: 700;
-  background-color: transparent;
-  border: none;
-  color: var(--brand-main-nearly-black);
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  font-family: var(--main-font-family);
-  height: 100%;
-  letter-spacing: -0.7px;
-  padding: 39px 10px 13px;
-  text-transform: uppercase;
-  text-decoration: none;
-  text-align: left;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-}
-
-.is-group .hy-desktop-menu__button {
-  padding: 26px 10px;
-  width: auto;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-}
-
-@media (min-width: 1601px) {
-  .hy-desktop-menu__button.is-long br {
-    display: none;
-  }
-}
-
-@media (min-width: 1601px) {
-  .hy-desktop-menu__button {
-    font-size: 1rem;
-    line-height: 16px;
-    width: auto;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    padding: 26px 10px;
-  }
-}
-
-.hy-desktop-menu__button:hover {
-  cursor: pointer;
-}
-
-.hy-desktop-menu__button:hover span {
-  color: var(--brand-main);
-}
-
-.hy-desktop-menu__button:hover svg {
-  fill: var(--brand-main);
-}
-
-.hy-desktop-menu__button:focus {
-  outline: solid 2px var(--additional-yellow);
-  outline-offset: 2px;
-  color: var(--link-blue);
-}
-
-.hy-desktop-menu__button span {
-  pointer-events: none;
-}
-
-.hy-desktop-menu__button hy-icon {
-  pointer-events: none;
-  margin-left: 4px;
-}
-
-.hy-desktop-menu__button hy-icon svg {
-  height: 10px;
-  width: 10px;
-}
-
-.hy-desktop-menu__button[aria-expanded=true] hy-icon {
-  -webkit-transform: rotate(180deg);
-  transform: rotate(180deg);
-}
-
-.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true]) {
-  -webkit-box-shadow: none;
-  box-shadow: none;
-}
-
-.is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::after, .is-panel-open .hy-desktop-menu__button:not([aria-expanded=true])::before {
-  display: none;
-}
-
-.hy-desktop-menu__button.is-active-trail, .hy-desktop-menu__button[aria-expanded=true] {
-  -webkit-box-shadow: inset 0 -4px 0 0 var(--grayscale-black);
-  box-shadow: inset 0 -4px 0 0 var(--grayscale-black);
-  position: relative;
-}
-
-.hy-desktop-menu__button.is-active-trail::after, .hy-desktop-menu__button.is-active-trail::before, .hy-desktop-menu__button[aria-expanded=true]::after, .hy-desktop-menu__button[aria-expanded=true]::before {
-  background-color: var(--grayscale-white);
-  content: "";
-  height: 5px;
-  width: 16px;
-  position: absolute;
-  bottom: -1px;
-  z-index: 1000;
-}
-
-.hy-desktop-menu__button.is-active-trail::before, .hy-desktop-menu__button[aria-expanded=true]::before {
-  left: -16px;
-}
-
-.hy-desktop-menu__button.is-active-trail::after, .hy-desktop-menu__button[aria-expanded=true]::after {
-  right: -16px;
-}
-
-.hy-desktop-menu__panel {
-  background-color: var(--grayscale-white);
-  -webkit-transition: none;
-  transition: none;
-  position: absolute;
-  top: 0;
-  z-index: 100;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.hy-desktop-menu__panel[aria-hidden=true] {
-  display: none;
-  opacity: 0;
-}
-
-.hy-desktop-menu__panel:not(.is-dropdown) {
-  left: 0;
-  right: 0;
-  width: 100%;
-}
-
-.hy-desktop-menu__panel.is-dropdown {
-  border: 1px solid var(--grayscale-black);
-  left: -17px;
-  top: 100%;
-}
-
-.hy-desktop-menu__panel-container {
-  margin: 0 auto;
-  padding: 40px 24px;
-  max-width: 120.0625rem;
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr auto 1fr;
-  justify-items: center;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-}
-
-.is-dropdown .hy-desktop-menu__panel-container {
-  padding: 24px 16px 40px;
-}
-
-.hy-desktop-menu__panel-menu {
-  -webkit-box-align: baseline;
-  -ms-flex-align: baseline;
-  align-items: baseline;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  grid-column-start: 2;
-}
-
-.hy-desktop-menu__panel-header {
-  display: inline-grid;
-  gap: 8px 16px;
-  grid-template-areas: "icon link" "icon description";
-  grid-template-columns: auto;
-  grid-template-rows: auto;
-  margin-bottom: 32px;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-}
-
-.is-dropdown .hy-desktop-menu__panel-header {
-  margin-bottom: 16px;
-}
-
-.hy-desktop-menu__panel-header > hy-icon {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  background-color: var(--grayscale-black);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-area: icon;
-  height: 40px;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  width: 40px;
-}
-
-.hy-desktop-menu__panel-header > hy-icon svg {
-  fill: var(--grayscale-white);
-}
-
-.hy-desktop-menu__panel-header a {
-  font-size: 1.5625rem;
-  line-height: 32px;
-  font-weight: 700;
-  color: var(--brand-main);
-  font-family: var(--main-font-family);
-  grid-area: link;
-  letter-spacing: -0.5px;
-  margin-top: 4px;
-  text-decoration: none;
-  width: -webkit-max-content;
-  width: -moz-max-content;
-  width: max-content;
-}
-
-.hy-desktop-menu__panel-header a:hover {
-  text-decoration: underline;
-}
-
-.hy-desktop-menu__panel-header p {
-  font-size: 1.0625rem;
-  line-height: 26px;
-  font-weight: 400;
-  color: var(--grayscale-black);
-  font-family: var(--main-font-family);
-  grid-area: description;
-  margin: 0;
-  width: 690px;
-}
-
-.hy-desktop-menu__panel-content {
-  padding-left: 56px;
-  display: inline-grid;
-  grid-template-columns: 400px;
-}
-
-.hy-desktop-menu__panel-content.has-shortcuts {
-  grid-template-columns: 400px 496px;
-}
-
-.is-dropdown .hy-desktop-menu__panel-content {
-  grid-template-columns: 310px;
-}
-
-.hy-desktop-menu__panel-shortcuts {
-  margin-left: 48px;
-  padding-left: 48px;
-  border-left: 1px solid var(--grayscale-medium);
-}
-
-.hy-desktop-menu__panel-shortcuts > h2 {
-  font-size: 1.125rem;
-  line-height: 24px;
-  font-weight: 700;
-  color: var(--grayscale-black);
-  font-family: var(--main-font-family);
-  letter-spacing: -0.36px;
-  margin: 0 0 24px;
-}
-
-.hy-desktop-menu__panel-links {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: inline-grid;
-  gap: 20px;
-}
-
-.hy-desktop-menu__panel-link {
-  font-size: 1rem;
-  line-height: 24px;
-  font-weight: 600;
-  -webkit-box-align: start;
-  -ms-flex-align: start;
-  align-items: flex-start;
-  color: var(--brand-main);
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  font-family: var(--main-font-family);
-  letter-spacing: -0.5px;
-  overflow: hidden;
-  text-decoration: none;
-}
-
-.hy-desktop-menu__panel-link:hover {
-  text-decoration: underline;
-}
-
-.hy-desktop-menu__panel-link hy-icon {
-  margin-right: 12px;
-  margin-top: 12px;
-  -webkit-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-
-.hy-desktop-menu__panel-link hy-icon svg {
-  fill: var(--grayscale-black);
-}
-
-.hy-desktop-menu__panel-link span hy-icon {
-  display: -webkit-inline-box !important;
-  display: -ms-inline-flexbox !important;
-  display: inline-flex !important;
-  margin-left: 6px;
-  margin-right: 0;
-  -webkit-transform: rotate(-45deg);
-  transform: rotate(-45deg);
-}
-
-.hy-desktop-menu__panel-link span hy-icon svg {
-  fill: var(--brand-main);
-}
-
-.hy-desktop-menu__panel-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: -8px;
-}
-
-.hy-desktop-menu__panel-close-button:hover {
-  cursor: pointer;
-}
-
-.hy-desktop-menu__panel-close-button hy-icon {
-  margin-left: 8px;
-}
-
-.hy-desktop-menu__panel-close-button hy-icon svg {
-  fill: var(--brand-main);
-}