@itcenteratunihelsinki/huds-lib 0.11.1 → 0.12.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 (130) hide show
  1. package/components/cta-button.js +1 -1
  2. package/components/cta-link.js +1 -1
  3. package/components/hy-accordion-item.js +1 -1
  4. package/components/hy-anchor-link-list.js +1 -1
  5. package/components/hy-breadcrumbs.js +1 -1
  6. package/components/hy-checkbox.js +1 -1
  7. package/components/hy-content-list-item2.js +1 -1
  8. package/components/hy-crisis-banner.js +1 -1
  9. package/components/hy-dropdown.js +1 -1
  10. package/components/hy-event-item.js +1 -1
  11. package/components/hy-events.js +1 -1
  12. package/components/hy-filter-group.js +1 -1
  13. package/components/hy-filter-list-type.js +1 -1
  14. package/components/hy-filter-visibility-tool.js +1 -1
  15. package/components/hy-footer-action.js +1 -1
  16. package/components/hy-footer-base.js +1 -1
  17. package/components/hy-footer-link-item2.js +1 -1
  18. package/components/hy-general-list-item2.js +1 -1
  19. package/components/hy-hero-carousel.js +358 -337
  20. package/components/hy-menu-main-group2.js +1 -1
  21. package/components/hy-opening-hours.js +1 -1
  22. package/components/hy-pager-item.js +1 -1
  23. package/components/hy-person-card.js +1 -1
  24. package/components/hy-search-field2.js +1 -1
  25. package/components/hy-shortcuts.js +1 -1
  26. package/components/hy-site-header.js +2 -2
  27. package/components/hy-tabs2.js +1 -1
  28. package/components/link-box.js +1 -1
  29. package/components/menu-language-item.js +1 -1
  30. package/components/menu-language.js +1 -1
  31. package/components/site-logo.js +1 -1
  32. package/components/site-search.js +1 -1
  33. package/dist/cjs/hy-accordion-container_2.cjs.entry.js +1 -1
  34. package/dist/cjs/hy-anchor-link-list.cjs.entry.js +1 -1
  35. package/dist/cjs/hy-breadcrumbs_15.cjs.entry.js +11 -11
  36. package/dist/cjs/hy-checkbox.cjs.entry.js +1 -1
  37. package/dist/cjs/hy-content-list_2.cjs.entry.js +1 -1
  38. package/dist/cjs/hy-crisis-banner.cjs.entry.js +1 -1
  39. package/dist/cjs/hy-cta-button.cjs.entry.js +1 -1
  40. package/dist/cjs/hy-cta-link.cjs.entry.js +1 -1
  41. package/dist/cjs/hy-dropdown.cjs.entry.js +1 -1
  42. package/dist/cjs/hy-event-item.cjs.entry.js +1 -1
  43. package/dist/cjs/hy-events.cjs.entry.js +1 -1
  44. package/dist/cjs/hy-filter-group_6.cjs.entry.js +3 -3
  45. package/dist/cjs/hy-general-list_2.cjs.entry.js +1 -1
  46. package/dist/cjs/hy-hero-carousel.cjs.entry.js +358 -337
  47. package/dist/cjs/hy-link-box_2.cjs.entry.js +1 -1
  48. package/dist/cjs/hy-menu-main-group.cjs.entry.js +1 -1
  49. package/dist/cjs/hy-opening-hours_2.cjs.entry.js +1 -1
  50. package/dist/cjs/hy-pager_2.cjs.entry.js +1 -1
  51. package/dist/cjs/hy-person-card.cjs.entry.js +1 -1
  52. package/dist/cjs/hy-shortcuts.cjs.entry.js +1 -1
  53. package/dist/cjs/hy-tabs_2.cjs.entry.js +1 -1
  54. package/dist/collection/components/footer/hy-footer-action/hy-footer-action.css +6 -0
  55. package/dist/collection/components/footer/hy-footer-base/hy-footer-base.css +13 -1
  56. package/dist/collection/components/footer/hy-footer-link-item/hy-footer-link-item.css +18 -0
  57. package/dist/collection/components/hy-accordion-item/accordion-item.css +6 -0
  58. package/dist/collection/components/hy-anchor-link-list/hy-anchor-link-list.css +12 -0
  59. package/dist/collection/components/hy-breadcrumbs/hy-breadcrumbs.css +12 -0
  60. package/dist/collection/components/hy-checkbox/hy-checkbox.css +12 -8
  61. package/dist/collection/components/hy-content-lists/hy-content-list-item/hy-content-list-item.css +6 -0
  62. package/dist/collection/components/hy-crisis-banner/hy-crisis-banner.css +2 -2
  63. package/dist/collection/components/hy-cta-button/cta-button.css +63 -15
  64. package/dist/collection/components/hy-cta-link/cta-link.css +8 -2
  65. package/dist/collection/components/hy-dropdown/hy-dropdown.css +1 -1
  66. package/dist/collection/components/hy-event-item/hy-event-item.css +4 -4
  67. package/dist/collection/components/hy-events/hy-events.css +6 -0
  68. package/dist/collection/components/hy-filter-group/hy-filter-group.css +6 -0
  69. package/dist/collection/components/hy-filter-list-type/hy-filter-list-type.css +12 -0
  70. package/dist/collection/components/hy-filter-visibility-tool/hy-filter-visibility-tool.css +8 -4
  71. package/dist/collection/components/hy-general-list-item/hy-general-list-item.css +8 -2
  72. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.css +3 -22
  73. package/dist/collection/components/hy-hero-carousel/hy-hero-carousel.js +2 -1
  74. package/dist/collection/components/hy-link-box/link-box.css +4 -1
  75. package/dist/collection/components/hy-navigation/hy-menu-main-group/hy-menu-main-group.css +29 -2
  76. package/dist/collection/components/hy-navigation/menu-language/menu-language.css +11 -3
  77. package/dist/collection/components/hy-navigation/menu-language-item/menu-language-item.css +6 -0
  78. package/dist/collection/components/hy-opening-hours/hy-opening-hours.css +9 -2
  79. package/dist/collection/components/hy-pagination/hy-pager-item/hy-pager-item.css +6 -0
  80. package/dist/collection/components/hy-person-card/hy-person-card.css +1 -1
  81. package/dist/collection/components/hy-search-field/hy-search-field.css +12 -6
  82. package/dist/collection/components/hy-shortcuts/hy-shortcuts.css +6 -0
  83. package/dist/collection/components/hy-site-header/site-header.css +24 -4
  84. package/dist/collection/components/hy-site-header/site-header.js +1 -1
  85. package/dist/collection/components/hy-site-header/site-logo/site-logo.css +6 -4
  86. package/dist/collection/components/hy-site-header/site-search/site-search.css +20 -6
  87. package/dist/collection/components/hy-tabs/hy-tabs.css +12 -4
  88. package/dist/esm/hy-accordion-container_2.entry.js +1 -1
  89. package/dist/esm/hy-anchor-link-list.entry.js +1 -1
  90. package/dist/esm/hy-breadcrumbs_15.entry.js +11 -11
  91. package/dist/esm/hy-checkbox.entry.js +1 -1
  92. package/dist/esm/hy-content-list_2.entry.js +1 -1
  93. package/dist/esm/hy-crisis-banner.entry.js +1 -1
  94. package/dist/esm/hy-cta-button.entry.js +1 -1
  95. package/dist/esm/hy-cta-link.entry.js +1 -1
  96. package/dist/esm/hy-dropdown.entry.js +1 -1
  97. package/dist/esm/hy-event-item.entry.js +1 -1
  98. package/dist/esm/hy-events.entry.js +1 -1
  99. package/dist/esm/hy-filter-group_6.entry.js +3 -3
  100. package/dist/esm/hy-general-list_2.entry.js +1 -1
  101. package/dist/esm/hy-hero-carousel.entry.js +358 -337
  102. package/dist/esm/hy-link-box_2.entry.js +1 -1
  103. package/dist/esm/hy-menu-main-group.entry.js +1 -1
  104. package/dist/esm/hy-opening-hours_2.entry.js +1 -1
  105. package/dist/esm/hy-pager_2.entry.js +1 -1
  106. package/dist/esm/hy-person-card.entry.js +1 -1
  107. package/dist/esm/hy-shortcuts.entry.js +1 -1
  108. package/dist/esm/hy-tabs_2.entry.js +1 -1
  109. package/dist/huds-lib/hy-accordion-container_2.entry.js +1 -1
  110. package/dist/huds-lib/hy-anchor-link-list.entry.js +1 -1
  111. package/dist/huds-lib/hy-breadcrumbs_15.entry.js +1 -1
  112. package/dist/huds-lib/hy-checkbox.entry.js +1 -1
  113. package/dist/huds-lib/hy-content-list_2.entry.js +1 -1
  114. package/dist/huds-lib/hy-crisis-banner.entry.js +1 -1
  115. package/dist/huds-lib/hy-cta-button.entry.js +1 -1
  116. package/dist/huds-lib/hy-cta-link.entry.js +1 -1
  117. package/dist/huds-lib/hy-dropdown.entry.js +1 -1
  118. package/dist/huds-lib/hy-event-item.entry.js +1 -1
  119. package/dist/huds-lib/hy-events.entry.js +1 -1
  120. package/dist/huds-lib/hy-filter-group_6.entry.js +1 -1
  121. package/dist/huds-lib/hy-general-list_2.entry.js +1 -1
  122. package/dist/huds-lib/hy-hero-carousel.entry.js +1 -1
  123. package/dist/huds-lib/hy-link-box_2.entry.js +1 -1
  124. package/dist/huds-lib/hy-menu-main-group.entry.js +1 -1
  125. package/dist/huds-lib/hy-opening-hours_2.entry.js +1 -1
  126. package/dist/huds-lib/hy-pager_2.entry.js +1 -1
  127. package/dist/huds-lib/hy-person-card.entry.js +1 -1
  128. package/dist/huds-lib/hy-shortcuts.entry.js +1 -1
  129. package/dist/huds-lib/hy-tabs_2.entry.js +1 -1
  130. package/package.json +3 -3
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-701b1b84.js');
6
6
  const utils = require('./utils-8e26d681.js');
7
7
 
8
- const hyFilterGroupCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
8
+ const hyFilterGroupCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-group{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px}.hy-filter-group__listing{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.hy-filter-group__label{font-size:0.75rem;line-height:16px;border-radius:2px;color:var(--grayscale-dark);font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px 8px 0;padding:4px 0}@media (min-width: 30rem){.hy-filter-group__label{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 0}}.hy-filter-group__button{font-size:0.75rem;line-height:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--grayscale-background-box);border-radius:2px;border:0;color:var(--grayscale-dark);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:normal;letter-spacing:-0.2px;margin:8px 4px;padding:4px 6px}@media (min-width: 30rem){.hy-filter-group__button{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px;padding:6px 8px}}.hy-filter-group__button:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-filter-group__button:hover{cursor:pointer}.hy-filter-group__button-icon{margin-left:6px}@media (min-width: 30rem){.hy-filter-group__button-icon{margin-left:8px}}.hy-filter-group__button-icon svg{pointer-events:none}@media (min-width: 30rem){.hy-filter-group__button-icon svg{height:12px;width:12px}}.hy-filter-group__divider{font-size:0.75rem;line-height:16px;color:var(--grayscale-dark);font-family:var(--main-font-family);margin:4px 6px}@media (min-width: 30rem){.hy-filter-group__divider{font-size:0.875rem;line-height:16px;letter-spacing:-0.3px}}";
9
9
  const HyFilterGroupStyle0 = hyFilterGroupCss;
10
10
 
11
11
  const HyFilterGroup = class {
@@ -49,7 +49,7 @@ const HyFilterGroupItem = class {
49
49
  }
50
50
  };
51
51
 
52
- const hyFilterListTypeCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
52
+ const hyFilterListTypeCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block}.hy-filter__list-type{display:none}@media (min-width: 60rem){.hy-filter__list-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--main-font-family)}}@media (min-width: 60rem){.hy-filter__list-type span{font-size:0.875rem;line-height:18px;font-weight:600;color:var(--grayscale-black);letter-spacing:-0.5px;text-align:right}}@media (min-width: 1601px){.hy-filter__list-type span{font-size:1rem;line-height:20px}}.hy-filter__list-type__list{background:var(--grayscale-background-box);border:none;margin:0 8px;padding:10px}.hy-filter__list-type__list:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-filter__list-type__list svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__list.is-active{background:white;border:black 1px solid}.hy-filter__list-type__list.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__list:hover{cursor:pointer}.hy-filter__list-type__grid{background:var(--grayscale-background-box);border:none;padding:10px}.hy-filter__list-type__grid:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-filter__list-type__grid svg{background-color:var(--grayscale-background-box);fill:var(--brand-main-light)}.hy-filter__list-type__grid.is-active{background:white;border:black 1px solid}.hy-filter__list-type__grid.is-active svg{background-color:var(--grayscale-white);fill:var(--grayscale-black)}.hy-filter__list-type__grid:hover{cursor:pointer}";
53
53
  const HyFilterListTypeStyle0 = hyFilterListTypeCss;
54
54
 
55
55
  const HyFilterListType = class {
@@ -72,7 +72,7 @@ const HyFilterListType = class {
72
72
  };
73
73
  HyFilterListType.style = HyFilterListTypeStyle0;
74
74
 
75
- const hyFilterVisibilityToolCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus{color:var(--brand-main);outline-offset:1px;outline:2px solid var(--brand-main)}.hy-filter-visibility-tool:focus svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
75
+ const hyFilterVisibilityToolCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}.hy-filter-visibility-tool{font-size:0.875rem;line-height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;border:0;color:var(--link-blue);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--main-font-family);font-weight:600;letter-spacing:-0.35px;padding:0;margin-right:1rem}@media (min-width: 30rem){.hy-filter-visibility-tool{font-size:1rem;line-height:20px;letter-spacing:-0.5px}}.hy-filter-visibility-tool:hover{color:var(--brand-main);cursor:pointer}.hy-filter-visibility-tool:hover svg{fill:var(--brand-main)}.hy-filter-visibility-tool:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.hy-filter-visibility-tool:focus-visible{color:var(--brand-main)}.hy-filter-visibility-tool:focus-visible svg{fill:var(--brand-main)}.hy-filter-visibility-tool__icon{-ms-flex-negative:0;flex-shrink:0;margin-right:6px}.hy-filter-visibility-tool__icon svg{fill:var(--link-blue)}@media (min-width: 30rem){.hy-filter-visibility-tool__icon svg{height:16px;width:16px}}";
76
76
  const HyFilterVisibilityToolStyle0 = hyFilterVisibilityToolCss;
77
77
 
78
78
  const HyFilterVisibilityTool = class {
@@ -56,7 +56,7 @@ const HyGeneralList = class {
56
56
  };
57
57
  HyGeneralList.style = HyGeneralListStyle0;
58
58
 
59
- const hyGeneralListItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-general-list-item__image{background-color:var(--grayscale-light);width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 60rem){.hy-general-list-item__title{font-size:var(--ds-fontSize-24);line-height:24px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__title__large{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-general-list-item__description{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;display:none;margin:0}@media (min-width: 60rem){.hy-general-list-item__description{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){.hy-general-list-item__description{display:block}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{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}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}";
59
+ const hyGeneralListItemCss = "*{-webkit-box-sizing:border-box;box-sizing:border-box}:host{display:block;height:100%}.hy-general-list-item{font-family:var(--main-font-family);margin-bottom:1rem;height:100%}.hy-general-list-item--style-grid .hy-general-list-item__link{height:100%}@media (min-width: 30rem){.hy-general-list-item--style-grid .hy-general-list-item__link{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.hy-general-list-item--style-grid .hy-general-list-item__image-container{border:1px solid var(--grayscale-light);max-width:100%}@media (max-width: 479px){.hy-general-list-item--style-grid .hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex}}@media (min-width: 60rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}@media (min-width: 75.0625rem){.hy-general-list-item--style-grid .hy-general-list-item__text-container{padding:12px 12px 32px 12px}}.hy-genenral-list-item__meta{font-size:0.75rem;line-height:14px;font-weight:600;color:var(--grayscale-dark);font-family:var(--main-font-family);letter-spacing:-0.1px;text-transform:uppercase;margin:9px 0}.hy-genenral-list-item__meta__date{font-weight:400;margin-left:4px}.hy-general-list-item__link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;text-decoration:none}.hy-general-list-item__link:focus-visible{-webkit-box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}@media (min-width: 30rem){.hy-general-list-item__link{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.hy-general-list-item__link:hover{cursor:pointer}.hy-general-list-item__link:hover .hy-general-list-item__type span,.hy-general-list-item__link:focus-visible .hy-general-list-item__type span{background-color:var(--brand-main)}.hy-general-list-item__link:hover .hy-general-list-item__title,.hy-general-list-item__link:focus-visible .hy-general-list-item__title{color:var(--brand-main);text-decoration:underline}.hy-general-list-item__image-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;margin:0;position:relative;width:100%}@media (max-width: 479px){.hy-general-list-item__image-container{display:none}}@media (min-width: 30rem){.hy-general-list-item__image-container{max-width:35.7%}}@media (min-width: 60rem){.hy-general-list-item__image-container{max-width:23.13%}}@media (min-width: 75.0625rem){.hy-general-list-item__image-container{max-width:23.03%}}.hy-general-list-item__image-container:before{content:\"\";display:block;padding-top:var(--aspectRatio)}.hy-general-list-item__image-container img{bottom:0;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;width:100%}.hy-general-list-item__image{background-color:var(--grayscale-light);width:100%;height:100%}.hy-general-list-item__type{background-color:var(--grayscale-background-box);padding-top:16px;z-index:10}@media (min-width: 30rem){.hy-general-list-item__type{background-color:transparent;left:-8px;padding-top:0;position:absolute;top:16px}}.hy-general-list-item__type__major{font-size:0.75rem;line-height:14px;font-weight:700;background-color:var(--grayscale-black);color:var(--grayscale-white);letter-spacing:-0.1px;padding:5px 8px;text-transform:uppercase;-ms-flex-item-align:baseline;align-self:baseline;margin-left:-8px}@media (min-width: 30rem){.hy-general-list-item__type__major{margin-left:0}}.hy-general-list-item__type__sub{font-size:0.75rem;line-height:14px;background-color:var(--grayscale-black);color:var(--grayscale-white);font-family:var(--main-font-family);letter-spacing:-0.1px;padding:5px 8px;margin-left:-8px}.hy-general-list-item__text-container{background-color:var(--grayscale-background-box);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:16px 12px}@media (min-width: 60rem){.hy-general-list-item__text-container{padding:14px 32px 24px 24px}}@media (min-width: 75.0625rem){.hy-general-list-item__text-container{padding:20px 104px 32px 32px}}.hy-general-list-item__title{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance;margin-bottom:8px;margin-top:0;text-wrap:balance}@media (min-width: 60rem){.hy-general-list-item__title{font-size:var(--ds-fontSize-24);line-height:24px}}@media (min-width: 75.0625rem){.hy-general-list-item__title__large{color:var(--ds-palette-black-95);font-family:var(--ds-fontFamily-heading);font-size:var(--ds-fontSize-20);font-weight:var(--ds-fontWeight-semiboldPlus);letter-spacing:var(--ds-letterSpacing-normal);line-height:28px;-ms-hyphens:auto;hyphens:auto;text-transform:none;text-wrap:balance}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__title__large{font-size:var(--ds-fontSize-24);line-height:24px}}.hy-general-list-item__description{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;display:none;margin:0}@media (min-width: 60rem){.hy-general-list-item__description{font-size:var(--ds-fontSize-16)}}@media (min-width: 30rem){.hy-general-list-item__description{display:block}}@media (min-width: 75.0625rem){.hy-general-list-item__description__large{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}}@media (min-width: 75.0625rem) and (min-width: 60rem){.hy-general-list-item__description__large{font-size:var(--ds-fontSize-16)}}";
60
60
  const HyGeneralListItemStyle0 = hyGeneralListItemCss;
61
61
 
62
62
  const HyGeneralListItem = class {