Update components

visual-framework · Nov 19, 2021 · 2ab423c · 2ab423c
1 parent efb2644
commit 2ab423c
Show file tree

Hide file tree

Showing 5 changed files with 709 additions and 427 deletions.
diff --git a/package.json b/package.json
@@ -27,44 +27,44 @@
   "dependencies": {
     "@11ty/eleventy": "0.12.1",
     "@node-sass/node-module-importer": "1.2.3",
-    "@visual-framework/embl-grid": "2.1.2",
+    "@visual-framework/embl-grid": "2.2.0",
     "@visual-framework/vf-analytics-google": "1.0.4",
-    "@visual-framework/vf-banner": "1.9.0",
+    "@visual-framework/vf-banner": "1.9.1",
     "@visual-framework/vf-body": "1.2.0",
-    "@visual-framework/vf-box": "2.3.1",
-    "@visual-framework/vf-card": "2.6.0",
-    "@visual-framework/vf-card-container": "3.1.2",
+    "@visual-framework/vf-box": "2.4.0",
+    "@visual-framework/vf-card": "2.6.2",
+    "@visual-framework/vf-card-container": "3.2.1",
     "@visual-framework/vf-cluster": "^1.0.2",
     "@visual-framework/vf-code-example": "1.3.0",
     "@visual-framework/vf-config": "1.0.1-alpha.0",
-    "@visual-framework/vf-content": "1.6.1",
-    "@visual-framework/vf-core": "2.2.30",
-    "@visual-framework/vf-design-tokens": "3.6.0",
-    "@visual-framework/vf-divider": "2.0.0",
-    "@visual-framework/vf-extensions": "1.0.0",
-    "@visual-framework/vf-favicon": "1.0.2",
+    "@visual-framework/vf-content": "1.6.4",
+    "@visual-framework/vf-core": "2.2.33",
+    "@visual-framework/vf-design-tokens": "3.6.2",
+    "@visual-framework/vf-divider": "2.0.1",
+    "@visual-framework/vf-extensions": "1.0.1",
+    "@visual-framework/vf-favicon": "1.0.3",
     "@visual-framework/vf-flag": "1.0.0-alpha.2",
     "@visual-framework/vf-font-plex-mono": "1.1.1",
     "@visual-framework/vf-font-plex-sans": "1.1.1",
-    "@visual-framework/vf-form": "2.0.0-alpha.1",
+    "@visual-framework/vf-form": "2.0.0-alpha.2",
     "@visual-framework/vf-global-header": "3.1.2",
     "@visual-framework/vf-grid": "1.4.1",
     "@visual-framework/vf-heading": "1.0.1",
-    "@visual-framework/vf-intro": "1.5.0",
+    "@visual-framework/vf-intro": "1.5.1",
     "@visual-framework/vf-lede": "1.0.1",
     "@visual-framework/vf-link": "2.0.0",
     "@visual-framework/vf-logo": "1.5.1",
-    "@visual-framework/vf-navigation": "3.0.0-beta.1",
+    "@visual-framework/vf-navigation": "3.0.0-beta.2",
     "@visual-framework/vf-no-js": "1.0.1",
     "@visual-framework/vf-polyfill-js": "1.0.0-alpha.1",
-    "@visual-framework/vf-sass-config": "2.6.1",
+    "@visual-framework/vf-sass-config": "2.7.0",
     "@visual-framework/vf-sass-utilities": "1.0.1",
-    "@visual-framework/vf-section-header": "1.5.1",
-    "@visual-framework/vf-stack": "2.1.1",
-    "@visual-framework/vf-summary": "1.5.1",
+    "@visual-framework/vf-section-header": "1.5.3",
+    "@visual-framework/vf-stack": "3.0.0",
+    "@visual-framework/vf-summary": "1.6.0",
     "@visual-framework/vf-summary-container": "1.0.0",
-    "@visual-framework/vf-table": "1.2.0-rc.2",
-    "@visual-framework/vf-tabs": "2.0.1",
+    "@visual-framework/vf-table": "1.2.0-rc.3",
+    "@visual-framework/vf-tabs": "2.1.0",
     "@visual-framework/vf-text": "1.0.2",
     "@visual-framework/vf-u-fullbleed": "1.2.2",
     "@visual-framework/vf-utility-classes": "2.0.0",
@@ -80,8 +80,8 @@
   "keywords": [],
   "devDependencies": {
     "@visual-framework/vf-badge": "2.0.1",
-    "@visual-framework/vf-button": "2.0.0-alpha.1",
-    "@visual-framework/vf-hero": "3.3.0",
-    "@visual-framework/vf-link-list": "1.4.0"
+    "@visual-framework/vf-button": "2.0.0-alpha.4",
+    "@visual-framework/vf-hero": "3.3.2",
+    "@visual-framework/vf-link-list": "1.5.0"
   }
 }
diff --git a/src/components/vf-componenet-rollup/index.scss b/src/components/vf-componenet-rollup/index.scss
@@ -50,6 +50,7 @@ button {
 /* All Visual Framework Elements */
 
 @import 'vf-badge/vf-badge.scss';
+@import 'vf-bookmark/vf-bookmark.scss';
 @import 'vf-collapse/vf-collapse.scss';
 @import 'vf-link/vf-link.scss';
 @import 'vf-logo/vf-logo.scss';
@@ -79,7 +80,6 @@ button {
 @import 'vf-code-example/vf-code-example.scss';
 @import 'vf-page-header/vf-page-header.scss';
 @import 'vf-link-list/vf-link-list.scss';
-@import 'vf-header/vf-header.scss';
 @import 'vf-hero/vf-hero.scss';
 
 @import 'vf-lede/vf-lede.scss';
@@ -89,7 +89,6 @@ button {
 @import 'vf-masthead/vf-masthead.scss';
 
 @import 'vf-navigation/vf-navigation.scss';
-@import 'vf-navigation/vf-navigation--additional.scss';
 
 @import 'vf-section-header/vf-section-header.scss';
 @import 'vf-activity-list/vf-activity-list.scss';
@@ -119,6 +118,8 @@ button {
 @import 'vf-pagination/vf-pagination.scss';
 @import 'vf-pagination/vf-pagination--full.scss';
 @import 'vf-back-to-top/vf-back-to-top.scss';
+@import 'vf-progress-indicator/vf-progress-indicator.scss';
+@import 'vf-dropdown/vf-dropdown.scss';
 
 /* All Visual Framework Containers */
 
@@ -132,6 +133,8 @@ button {
 @import 'vf-banner/vf-banner--fixed.scss';
 @import 'vf-banner/vf-banner--gdpr.scss';
 
+@import 'vf-banner/vf-banner-elixir.scss';
+
 @import 'vf-details/vf-details.scss';
 
 @import 'vf-news-container/vf-news-container.scss';
@@ -140,6 +143,7 @@ button {
 
 @import 'vf-show-more/vf-show-more.scss';
 
+@import 'vf-mega-menu/vf-mega-menu.scss';
 @import 'vf-tree/vf-tree.scss';
 
 /* All Visual Framework Boilerplates */
@@ -161,6 +165,7 @@ button {
 @import 'vf-heading/vf-heading.scss';
 @import 'vf-text/vf-text.scss';
 @import 'vf-u-fullbleed/vf-u-fullbleed.scss';
+@import 'vf-smooth-scroll/vf-smooth-scroll.scss';
 
 /* Visual Framework Utility Class Mixins */
 @import 'vf-sass-config/mixins/vf-utility-mixins.scss';
@@ -170,5 +175,8 @@ button {
 // sass imports
 @import 'vf-somepattern/vf-i-dont-exist.scss';
 
+// Local components
+@import 'vf-sample/vf-sample.scss';
+
 // If you have any local overrides, put them in:
 @import 'vf-local-overrides/vf-local-overrides.scss';
diff --git a/src/components/vf-componenet-rollup/scripts.js b/src/components/vf-componenet-rollup/scripts.js
@@ -1,6 +1,6 @@
 /*
  *
- * scripts.css
+ * scripts.js
  * The Visual Framework kitchen sink of JavaScript.
  * Import this as a quick way to get *everything*,
  *
@@ -10,22 +10,27 @@
 import { vfBanner } from "vf-banner/vf-banner";
 vfBanner();
 
-import { vfMastheadSetStyle } from "vf-masthead/vf-masthead";
-vfMastheadSetStyle();
+// import { vfBannerElixir } from "vf-banner-elixir/vf-banner-elixir";
+// vfBannerElixir();
 
-import { vfGaIndicateLoaded } from "vf-analytics-google/vf-analytics-google";
-let vfGaTrackOptions = {
-  vfGaTrackPageLoad: true
-};
-vfGaIndicateLoaded(vfGaTrackOptions);
+// VF Masthead has been deprecated
+// https://github.com/visual-framework/vf-core/pull/1406/
+// import { vfMastheadSetStyle } from "vf-masthead/vf-masthead";
+// vfMastheadSetStyle();
+
+// import { vfGaIndicateLoaded } from "vf-analytics-google/vf-analytics-google";
+// let vfGaTrackOptions = {
+//   vfGaTrackPageLoad: true
+// };
+// vfGaIndicateLoaded(vfGaTrackOptions);
 
 import { vfTabs } from "vf-tabs/vf-tabs";
 vfTabs();
 
-import { vfTree } from "vf-tree/vf-tree";
-vfTree();
+// import { vfTree } from "vf-tree/vf-tree";
+// vfTree();
 
-// import { vfFormFloatLabels } from 'vf-form__core/assets/vf-form__float-labels.js';
+// import { vfFormFloatLabels } from 'form /assets/vf-form__float-labels.js';
 // vfFormFloatLabels();
 
 // import { vfSearchClientSide } from "vf-search-client-side/vf-search-client-side";
@@ -47,9 +52,21 @@ vfTree();
 // import { emblBreadcrumbs } from "embl-breadcrumbs-lookup/embl-breadcrumbs-lookup";
 // emblBreadcrumbs();
 
+// import { vfBackToTop } from "vf-back-to-top/vf-back-to-top.js";
+// vfBackToTop();
+
+// import { vfDropdown } from "vf-dropdown/vf-dropdown.js";
+// vfDropdown();
+
+// import { vfNavigationOnThisPage } from "vf-navigation/vf-navigation.js";
+// vfNavigationOnThisPage();
+
 // import { emblContentMetaProperties_Read } from "embl-content-meta-properties/embl-content-meta-properties";
 
 // import { emblNotifications } from "embl-notifications/embl-notifications";
 // emblNotifications();
 
+// import { vfMegaMenu } from 'vf-mega-menu/vf-mega-menu';
+// vfMegaMenu();
+
 // No default invokation
diff --git a/src/site/_includes/layouts/base.njk b/src/site/_includes/layouts/base.njk
@@ -35,7 +35,7 @@
     {%- endif %}
 
   </head>
-  <body class="{{ bodyClass }} vf-body vf-stack">
+  <body class="{{ bodyClass }} vf-body vf-stack vf-stack--400">
     <header class="vf-global-header">
         {% render '@vf-logo', {href:  'https://stable.visual-framework.dev/' | url, logo_text: 'Visual Framework 2.0', image: siteConfig.siteInformation.url + 'assets/vf-logo/assets/logo.svg' } %}
         <nav class="vf-navigation vf-navigation--main | vf-cluster">