docs(creation doc partner)

.vscode/tasks.json

@@ -1,15 +1,23 @@
 {
     // See https://go.microsoft.com/fwlink/?LinkId=733558
     // for the documentation about the tasks.json format
-    "version": "0.1.0",
+    "version": "2.0.0",
     "tasks": [
         {
+            "label": "prettier eslint",
+            "type": "shell",
             "command": "node",
-            "isShellCommand": true,
-            "showOutput": "always",
-            "isBuildCommand": true,
-            "taskName": "prettier eslint",
-            "args": ["./node_modules/.bin/prettier-eslint", "--write", "--prettier-last", "${file}"]
+            "args": [
+                "./node_modules/.bin/prettier-eslint",
+                "--write",
+                "--prettier-last",
+                "${file}"
+            ],
+            "problemMatcher": [],
+            "group": {
+                "_id": "build",
+                "isDefault": false
+            }
         }
     ]
 }

.vscode/tasks.json.old

@@ -0,0 +1,15 @@
+{
+    // See https://go.microsoft.com/fwlink/?LinkId=733558
+    // for the documentation about the tasks.json format
+    "version": "0.1.0",
+    "tasks": [
+        {
+            "command": "node",
+            "isShellCommand": true,
+            "showOutput": "always",
+            "isBuildCommand": true,
+            "taskName": "prettier eslint",
+            "args": ["./node_modules/.bin/prettier-eslint", "--write", "--prettier-last", "${file}"]
+        }
+    ]
+}

package.json

@@ -73,7 +73,7 @@
         "build:angularjs": "yarn workspace @lumx/angularjs build",
         "build:storybook": "yarn workspace @lumx/react build:storybook",
         "chromatic": "npx chromatic -b build:storybook",
-        "clean": "rm -rf packages/*/dist && lerna clean --yes && lerna run --stream clean",
+        "clean": "rm -rf packages/*/dist; lerna clean --yes && lerna run --stream clean",
         "clean:git-hooks": "yarn husky uninstall",
         "format": "yarn format:code && yarn format:style",
         "format:style": "prettier-stylelint --prettier-last --write packages/**/*.{css,scss}",

packages/site-demo/content/menu.yml

@@ -23,4 +23,6 @@
         - Size
         - Spacing
 - Brand
-- Partners
+- Partners:
+    - Extensions:
+        - Design Documentation

packages/site-demo/src/style/components/_custom-doc-styles.scss

@@ -0,0 +1,15 @@
+.best-practices {
+    background: rgba(76, 175, 80, 0.1);
+    padding: 10px;
+    color: rgba(76, 175, 80, 1);
+}
+
+.example {
+    background: rgba(33, 150, 243, 0.1);
+    padding: 10px;
+    color: rgba(33, 150, 243, 1);
+}
+
+.alinea {
+    indent: 120px;
+}

packages/site-demo/src/style/index.scss

@@ -2,6 +2,7 @@
 @import '~@lumx/core/scss/lumx.scss';
 @import './base/base';
 @import './components/asset-block';
+@import './components/custom-doc-styles';
 @import './components/design-token';
 @import './components/demo-block';
 @import './components/code-block';