feat(ld-sidenav): implement side navigation component

.eleventy.js

@@ -138,6 +138,7 @@ module.exports = function (eleventyConfig) {
     const defaultConfig = {
       background: undefined,
       centered: false,
+      hasBorder: true,
       hasPadding: true,
       highlight: undefined,
       highlightCssComponent: undefined,
@@ -164,7 +165,11 @@ module.exports = function (eleventyConfig) {
       output += ` background="${finalConfig.background}"`
     }
     output += `${finalConfig.themable ? ' themable' : ''}`
+    output += `${finalConfig.hasBorder ? ' has-border' : ''}`
     output += `${finalConfig.hasPadding ? ' has-padding' : ''}`
+    if (finalConfig.styles) {
+      output += ` styles='${JSON.stringify(finalConfig.styles)}'`
+    }
     output += '>\n'
     output += `<div slot="code">\n\n`
     output += `\`\`\`${finalConfig.lang}${

.github/workflows/ci-cd.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Install dependencies
         run: |
           yarn set version stable
-          yarn install --frozen-lockfile
+          yarn install --immutable
 
       - name: Build
         run: npm run build
@@ -124,7 +124,7 @@ jobs:
           yarn config delete proxy
           yarn config delete https-proxy
           yarn set version stable
-          yarn install --frozen-lockfile --network-timeout 100000
+          yarn install --immutable --network-timeout 100000
         env:
           CI: true
 

globals.d.ts

@@ -1,7 +1,10 @@
 declare global {
   namespace jest {
     interface Matchers<R> {
-      toHaveNoAccessibilityIssues(): R
+      toHaveNoAccessibilityIssues(options?: {
+        violationsThreshold?: number
+        incompleteThreshold?: number
+      }): R
     }
   }
 

package.json

@@ -69,12 +69,11 @@
     "watch:eleventy": "dotenv -e .env -- yarn eleventy --watch",
     "watch:global_styles:liquid": "chokidar src/liquid/global/styles/**/*.css -c 'yarn build:styles:docs:liquid'",
     "watch:global_styles:docs": "chokidar src/docs/global/styles/**/*.css -c 'yarn build:styles:docs:docs'",
-    "watch:readme_and_license": "chokidar README.md LICENSE.md -c 'ts-node scripts/copyReadmeAndLicenseToPages.ts'",
     "watch:stencil": "stencil build --docs --watch --dev --no-open --config=stencil.config.docs.ts",
     "watch:styles:components": "chokidar src/liquid/components/**/*.css -c 'yarn build:styles:docs:components'"
   },
   "dependencies": {
-    "@stencil/core": "^2.12.1",
+    "@stencil/core": "^2.13.0",
     "tether": "^2.0.0"
   },
   "license": "SEE LICENSE IN LICENSE.md",
@@ -116,6 +115,7 @@
     "husky": "^7.0.1",
     "jest": "^26.6.3",
     "jest-cli": "^26.6.3",
+    "jest-matchmedia-mock": "^1.1.0",
     "lint-staged": "^10.5.4",
     "live-server": "^1.2.1",
     "lodash.memoize": "^4.1.2",