Merge branch 'lyne-0.48'

.eleventy.js

@@ -33,11 +33,13 @@ module.exports = function (config) {
         const buttonGroup = `{% from "src/_includes/macros/macros.njk" import buttonGroup %}`;
         const specificationLinks = `{% from "src/_includes/macros/macros.njk" import specificationLinks %}`;
         const imageSpec = `{% from "src/_includes/macros/macros.njk" import imageSpec %}`;
-        const lynedemo = `{% from "src/_includes/macros/macros.njk" import lynedemo %}`;
+        const lynePlayground = `{% from "src/_includes/macros/macros.njk" import lynePlayground %}`;
+        const lyneExamples = `{% from "src/_includes/macros/macros.njk" import lyneExamples %}`;
+
 
         let collection = collectionApi.getFilteredByGlob(["src/**/*.md", "src/**/*.njk"]);
         collection.forEach((item) => {
-          item.template.frontMatter.content = `${svgImage}\n${webpImage}\n${imageWithMode}\n${imageOnGreyBackground}\n${principleImage}\n${buttonGroup}\n${specificationLinks}\n${imageSpec}\n${lynedemo}\n${item.template.frontMatter.content}`
+          item.template.frontMatter.content = `${svgImage}\n${webpImage}\n${imageWithMode}\n${imageOnGreyBackground}\n${principleImage}\n${buttonGroup}\n${specificationLinks}\n${imageSpec}\n${lynePlayground}\n${lyneExamples}\n${item.template.frontMatter.content}`
         })
         return collection;
       });

package.json

@@ -16,15 +16,15 @@
         "@11ty/eleventy": "2.0.1",
         "@11ty/eleventy-navigation": "^0.3.5",
         "@11ty/eleventy-plugin-syntaxhighlight": "^4.2.0",
-        "@sbb-esta/lyne-design-tokens": "^0.3.9",
+        "@sbb-esta/lyne-design-tokens": "^0.4.0",
         "eleventy-plugin-compress": "^1.0.5",
         "esbuild": "^0.19.11",
         "html-minifier": "^4.0.0"
     },
     "dependencies": {
         "@11ty/eleventy-fetch": "^4.0.0",
         "@kevingimbel/eleventy-plugin-mermaid": "^2.1.0",
-        "@sbb-esta/lyne-components": "0.47.2",
+        "@sbb-esta/lyne-components": "0.48.2",
         "copyfiles": "^2.4.1",
         "eleventy-plugin-i18n": "^0.1.3",
         "eleventy-sass": "^2.2.1",

src/_data/helpers.js

@@ -10,7 +10,7 @@ module.exports = {
     getLinkActiveState(itemUrl, pageUrl) {
         let response = '';
         if (itemUrl.length > 1 && pageUrl.indexOf(itemUrl) === 0) {
-            response += ' class="is-active" active ';
+            response += ' class="sbb-active" ';
         }
         return response;
     }

src/_data/lyne/lyneversion.js

@@ -1,6 +1,6 @@
 module.exports = {
     url: 'https://raw.githubusercontent.com/lyne-design-system/lyne-components/',
-    branch: "v0.47.2",
+    branch: "v0.48.2",
     master: "master",
     path: "/src/components/",
     dok: '/readme.md'