Update components, use vf-stack

package.json

@@ -29,7 +29,7 @@
     "@node-sass/node-module-importer": "1.2.3",
     "@visual-framework/embl-breadcrumbs-lookup": "2.0.1",
     "@visual-framework/embl-conditional-edit": "1.0.3",
-    "@visual-framework/embl-content-hub-loader": "1.0.7",
+    "@visual-framework/embl-content-hub-loader": "1.0.8",
     "@visual-framework/embl-content-meta-properties": "1.0.1",
     "@visual-framework/embl-favicon": "1.0.2",
     "@visual-framework/embl-grid": "2.1.0",
@@ -42,40 +42,40 @@
     "@visual-framework/vf-breadcrumbs": "2.0.1",
     "@visual-framework/vf-card": "2.3.3",
     "@visual-framework/vf-card-container": "3.0.2",
-    "@visual-framework/vf-cluster": "^1.0.1",
+    "@visual-framework/vf-cluster": "1.0.1",
     "@visual-framework/vf-code-example": "1.2.0",
     "@visual-framework/vf-config": "1.0.1-alpha.0",
-    "@visual-framework/vf-content": "1.3.3",
-    "@visual-framework/vf-core": "2.2.14",
+    "@visual-framework/vf-content": "1.3.5",
+    "@visual-framework/vf-core": "2.2.16",
     "@visual-framework/vf-design-tokens": "3.1.0",
     "@visual-framework/vf-divider": "2.0.0",
-    "@visual-framework/vf-extensions": "1.0.0-alpha.9",
+    "@visual-framework/vf-extensions": "1.0.0-rc.0",
     "@visual-framework/vf-favicon": "1.0.2",
-    "@visual-framework/vf-font-plex-mono": "1.1.0",
-    "@visual-framework/vf-font-plex-sans": "1.1.0",
+    "@visual-framework/vf-font-plex-mono": "1.1.1",
+    "@visual-framework/vf-font-plex-sans": "1.1.1",
     "@visual-framework/vf-footer": "1.1.0",
-    "@visual-framework/vf-form__core": "1.0.5",
-    "@visual-framework/vf-global-header": "3.0.1",
-    "@visual-framework/vf-grid": "1.3.0",
+    "@visual-framework/vf-form__core": "1.1.0",
+    "@visual-framework/vf-global-header": "3.1.0",
+    "@visual-framework/vf-grid": "1.4.0",
     "@visual-framework/vf-header": "1.0.4",
     "@visual-framework/vf-heading": "1.0.0",
     "@visual-framework/vf-hero": "2.0.5",
-    "@visual-framework/vf-intro": "1.4.2",
+    "@visual-framework/vf-intro": "1.4.5",
     "@visual-framework/vf-lede": "1.0.1",
     "@visual-framework/vf-link": "1.0.3",
-    "@visual-framework/vf-link-list": "1.3.0",
+    "@visual-framework/vf-link-list": "1.3.1",
     "@visual-framework/vf-logo": "1.5.0",
-    "@visual-framework/vf-navigation": "2.1.0",
+    "@visual-framework/vf-navigation": "2.2.0",
     "@visual-framework/vf-no-js": "1.0.1",
     "@visual-framework/vf-polyfill-js": "1.0.0-alpha.1",
     "@visual-framework/vf-sass-config": "2.3.1",
     "@visual-framework/vf-sass-utilities": "1.0.1",
     "@visual-framework/vf-search": "1.2.0",
-    "@visual-framework/vf-section-header": "1.3.0",
-    "@visual-framework/vf-stack": "^2.0.0",
-    "@visual-framework/vf-summary": "1.4.0",
+    "@visual-framework/vf-section-header": "1.3.2",
+    "@visual-framework/vf-stack": "2.0.0",
+    "@visual-framework/vf-summary": "1.4.1",
     "@visual-framework/vf-summary-container": "1.0.0",
-    "@visual-framework/vf-tabs": "1.1.2",
+    "@visual-framework/vf-tabs": "1.2.0",
     "@visual-framework/vf-text": "1.0.2",
     "@visual-framework/vf-u-fullbleed": "1.2.2",
     "@visual-framework/vf-utility-classes": "2.0.0",
@@ -83,7 +83,7 @@
     "html-minifier": "4.0.0",
     "list-stream": "2.0.0",
     "lodash": "4.17.20",
-    "ora": "5.1.0",
+    "ora": "5.2.0",
     "require-dir": "1.2.0",
     "strip-js": "1.2.0"
   },
@@ -93,6 +93,6 @@
   "homepage": "https://github.com/visual-framework/vf-eleventy#readme",
   "keywords": [],
   "devDependencies": {
-    "@visual-framework/ebi-header-footer": "1.0.3"
+    "@visual-framework/ebi-header-footer": "2.0.0"
   }
 }

src/site/_includes/filter/job-location.njk

@@ -8,26 +8,10 @@
     'rome': 'Rome, Italy',
     'EMBO': 'EMBO, Heidelberg, Germany'
 } %}
-<fieldset class="vf-form vf-form__fieldset | vf-stack vf-stack--400">
+<fieldset class="vf-form vf-form__fieldset | vf-stack vf">
 <style>
 .vf-form__label {
-  display: grid;
   font-size: 1rem;
-  grid-template-columns: auto 1fr;
-  margin-left: 2rem;
-}
-.vf-form__checkbox + .vf-form__label::before {
-  height: 1rem;
-  width: 1rem;
-  position: absolute;
-  left: -2rem;
-  top: .125rem !important;
-}
-.vf-form__item.vf-form__item--checkbox {
-  margin-bottom: 0 !important;
-}
-.vf-form__legend {
-  margin: 0 !important;
 }
 </style>
   <legend class="vf-form__legend">Position location</legend>
@@ -51,7 +35,6 @@
               value="{{ key }}"
       >
       <label for="checkbox-{{ loop.index }}" class="vf-form__label">{{ name }} ({{ counter }})</label>
-
     </div>
   {% endfor %}
   {% endspaceless %}

src/site/_includes/layouts/base.njk

@@ -68,7 +68,7 @@
     <!-- analytics -->
     <meta name="vf:page-type" content="{{ meta.pagetype }}"> {# for analytics tracking #}
   </head>
-  <body class="vf-body {{ bodyClass }}">
+  <body class="vf-body vf-stack {{ bodyClass }}">
     <!-- embl global header -->
     <link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=574&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
 

src/site/partners/index.njk

@@ -23,7 +23,6 @@ embl_content_meta_properties:
   expiry: never
 ---
 
-
 {# Intro #}
 {% render '@vf-intro', {
   "vf_intro_badge": false,
@@ -36,13 +35,10 @@ embl_content_meta_properties:
     ]
 } %}
 
-
 <section class="embl-grid embl-grid--has-centered-content">
   <div><!-- empty --></div>
-
   <div class="vf-content">
     <link rel="import" href="https://www.embl.org/api/v1/pattern.html?filter-content-type=article&filter-id=10866&pattern=node-body&source=contenthub" data-target="self" data-embl-js-content-hub-loader>
-
-  {# To make changes on this page you need to go to https://content.embl.org/node/10866 #}
+    {#- To make changes on this page you need to go to https://content.embl.org/node/10866 -#}
   </div>
 </section>

src/site/position/index.njk

@@ -80,8 +80,6 @@ embl_content_meta_properties:
   {# | Job type | {{ pagination.items[0].field_jobs_type }} | #}
   {# {{ pagination.items[0].field_jobs_group }} #}
     {# {{ pagination.items[0].field_jobs_publish_date | safe }} #}
- 
-
 
   <div class="vf-u-display-none | used-for-search-index">