1131 change docs (#1194)

* change callback and elementId to element

* remove comment and fix linting issue

* remove stats and change typescript version

* revert sitekey and remove pin

* fix linting issue

* update the docs

---------

Co-authored-by: Hugh <90424587+HughParry@users.noreply.github.com>

docs/assets/highlight.css

@@ -45,22 +45,26 @@
     --dark-hl-21: #FFCB6B;
     --light-hl-22: #098658;
     --dark-hl-22: #F78C6C;
-    --light-hl-23: #0451A5;
-    --dark-hl-23: #89DDFF;
-    --light-hl-24: #0451A5;
-    --dark-hl-24: #C792EA;
-    --light-hl-25: #CD3131;
-    --dark-hl-25: #EEFFFF;
-    --light-hl-26: #A31515;
-    --dark-hl-26: #F07178;
-    --light-hl-27: #267F99;
-    --dark-hl-27: #FFCB6B;
-    --light-hl-28: #000000FF;
+    --light-hl-23: #267F99;
+    --dark-hl-23: #FFCB6B;
+    --light-hl-24: #795E26;
+    --dark-hl-24: #EEFFFF;
+    --light-hl-25: #0000FF;
+    --dark-hl-25: #FF9CAC;
+    --light-hl-26: #0451A5;
+    --dark-hl-26: #89DDFF;
+    --light-hl-27: #0451A5;
+    --dark-hl-27: #C792EA;
+    --light-hl-28: #CD3131;
     --dark-hl-28: #EEFFFF;
-    --light-hl-29: #795E26;
+    --light-hl-29: #A31515;
     --dark-hl-29: #F07178;
-    --light-hl-30: #267F99;
-    --dark-hl-30: #89DDFF;
+    --light-hl-30: #000000FF;
+    --dark-hl-30: #EEFFFF;
+    --light-hl-31: #795E26;
+    --dark-hl-31: #F07178;
+    --light-hl-32: #267F99;
+    --dark-hl-32: #89DDFF;
     --light-code-background: #FFFFFF;
     --dark-code-background: #212121;
 }
@@ -97,6 +101,8 @@
     --hl-28: var(--light-hl-28);
     --hl-29: var(--light-hl-29);
     --hl-30: var(--light-hl-30);
+    --hl-31: var(--light-hl-31);
+    --hl-32: var(--light-hl-32);
     --code-background: var(--light-code-background);
 } }
 
@@ -132,6 +138,8 @@
     --hl-28: var(--dark-hl-28);
     --hl-29: var(--dark-hl-29);
     --hl-30: var(--dark-hl-30);
+    --hl-31: var(--dark-hl-31);
+    --hl-32: var(--dark-hl-32);
     --code-background: var(--dark-code-background);
 } }
 
@@ -167,6 +175,8 @@
     --hl-28: var(--light-hl-28);
     --hl-29: var(--light-hl-29);
     --hl-30: var(--light-hl-30);
+    --hl-31: var(--light-hl-31);
+    --hl-32: var(--light-hl-32);
     --code-background: var(--light-code-background);
 }
 
@@ -202,6 +212,8 @@
     --hl-28: var(--dark-hl-28);
     --hl-29: var(--dark-hl-29);
     --hl-30: var(--dark-hl-30);
+    --hl-31: var(--dark-hl-31);
+    --hl-32: var(--dark-hl-32);
     --code-background: var(--dark-code-background);
 }
 
@@ -236,4 +248,6 @@
 .hl-28 { color: var(--hl-28); }
 .hl-29 { color: var(--hl-29); }
 .hl-30 { color: var(--hl-30); }
+.hl-31 { color: var(--hl-31); }
+.hl-32 { color: var(--hl-32); }
 pre, code { background: var(--code-background); }