Generated new docs.

andreasbm · Mar 12, 2019 · 59dd5f7 · 59dd5f7
1 parent 5ddf8a8
commit 59dd5f7
Show file tree

Hide file tree

Showing 63 changed files with 50 additions and 47 deletions.
diff --git a/screenshots/index.ts b/screenshots/index.ts
@@ -80,7 +80,7 @@ const start = async () => {
 
 		await $elem.asElement()!.screenshot({
 			...options,
-			path: path.resolve(__dirname, `${elem}-element.${options.type}`)
+			path: path.resolve(__dirname, `wl-${elem}.${options.type}`)
 		});
 	}
 

diff --git a/screenshots/progress-bar-element.png b/screenshots/progress-bar-element.png
diff --git a/screenshots/progress-spinner-element.png b/screenshots/progress-spinner-element.png
diff --git a/screenshots/banner-element.png → screenshots/wl-banner.png b/screenshots/banner-element.png → screenshots/wl-banner.png
diff --git a/screenshots/button-element.png → screenshots/wl-button.png b/screenshots/button-element.png → screenshots/wl-button.png
diff --git a/screenshots/card-element.png → screenshots/wl-card.png b/screenshots/card-element.png → screenshots/wl-card.png
diff --git a/screenshots/checkbox-element.png → screenshots/wl-checkbox.png b/screenshots/checkbox-element.png → screenshots/wl-checkbox.png
diff --git a/screenshots/dialog-element.png → screenshots/wl-dialog.png b/screenshots/dialog-element.png → screenshots/wl-dialog.png
diff --git a/screenshots/divider-element.png → screenshots/wl-divider.png b/screenshots/divider-element.png → screenshots/wl-divider.png
diff --git a/screenshots/icon-element.png → screenshots/wl-icon.png b/screenshots/icon-element.png → screenshots/wl-icon.png
diff --git a/screenshots/label-element.png → screenshots/wl-label.png b/screenshots/label-element.png → screenshots/wl-label.png
diff --git a/screenshots/list-item-element.png → screenshots/wl-list-item.png b/screenshots/list-item-element.png → screenshots/wl-list-item.png
diff --git a/screenshots/popover-element.png → screenshots/wl-popover.png b/screenshots/popover-element.png → screenshots/wl-popover.png
diff --git a/screenshots/wl-progress-bar.png b/screenshots/wl-progress-bar.png
diff --git a/screenshots/wl-progress-spinner.png b/screenshots/wl-progress-spinner.png
diff --git a/screenshots/radio-element.png → screenshots/wl-radio.png b/screenshots/radio-element.png → screenshots/wl-radio.png
diff --git a/screenshots/ripple-element.png → screenshots/wl-ripple.png b/screenshots/ripple-element.png → screenshots/wl-ripple.png
diff --git a/screenshots/select-element.png → screenshots/wl-select.png b/screenshots/select-element.png → screenshots/wl-select.png
diff --git a/screenshots/textarea-element.png → screenshots/wl-textarea.png b/screenshots/textarea-element.png → screenshots/wl-textarea.png
diff --git a/screenshots/textfield-element.png → screenshots/wl-textfield.png b/screenshots/textfield-element.png → screenshots/wl-textfield.png
diff --git a/screenshots/title-element.png → screenshots/wl-title.png b/screenshots/title-element.png → screenshots/wl-title.png
diff --git a/screenshots/tooltip-element.png → screenshots/wl-tooltip.png b/screenshots/tooltip-element.png → screenshots/wl-tooltip.png
diff --git a/src/demo/pages/get-started/get-started-page.ts b/src/demo/pages/get-started/get-started-page.ts
@@ -1,15 +1,14 @@
 import { customElement, html, LitElement } from "lit-element";
 import { cssResult } from "../../../lib/util/css";
 import { openCodepen } from "../../codepen";
-import { GITHUB_URL, UNPGK_URL } from "../../constants";
+import { GITHUB_URL, GOOGLE_FONT_URL, MATERIAL_ICONS_URL, UNPGK_URL } from "../../constants";
 import { sharedStyles } from "../../style/shared";
 import "../../elements/container/container-element";
 import "../../../lib/title/wl-title";
 import "../../elements/highlight/highlight-element";
 import "../../elements/footer/footer-element";
 import "../../elements/code-example/code-example-element";
 
-
 import styles from "./get-started-page.scss";
 import "../../../lib/divider";
 
@@ -22,7 +21,8 @@ export default class GetStartedPage extends LitElement {
 		e.preventDefault();
 		openCodepen({
 			html: `<wl-button>Button</wl-button>`,
-			js_external: `${UNPGK_URL}`
+			js_external: `${UNPGK_URL}`,
+			css_external: `${MATERIAL_ICONS_URL};${GOOGLE_FONT_URL}`
 		});
 	}
 
@@ -36,14 +36,17 @@ export default class GetStartedPage extends LitElement {
 				
 				<wl-divider></wl-divider>
 				<wl-title level="3">Installation</wl-title>
-				<p>To install Weightless you can run the following command to install all of the components.</p>
+				<p>To install Weightless you can run the following command</p>
 				<highlight-element text="npm i weightless"></highlight-element>
 				
 				<wl-divider></wl-divider>
 				<wl-title level="3">Consumption</wl-title>
-				<p>To consume the web components you must first import the elements you wish to use. If you for example want to use the <code>wl-button</code> you must import from path <code>"weightless/button"</code>. Then you can use the element in your html like this.</p>
+				<p>To consume the web components you must first import the elements you wish to use. If you for example want to use the <code>wl-button</code> you must import from path <code>"weightless/button"</code> like this.</p>
+				<highlight-element lang="js" text='import "weightless/button"'></highlight-element>
+				
+				<p>Then you can use the element in your html like this.</p>
 				
-				<code-example-element>
+				<code-example-element lang="js">
 					<wl-button>Button</wl-button>
 				</code-example-element>
 		

diff --git a/src/lib/banner/README.md b/src/lib/banner/README.md
@@ -8,7 +8,7 @@
 Go [here](https://weightless.dev/elements/banner) to try the demo.
 
 <a href="https://weightless.dev/elements/banner" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-banner.png?token=AF-iBbNvw_OKWWkTFf2wuzBu9bJLwio1ks5chEfywA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-banner.png" width="700" />
 </a>
 
 

diff --git a/src/lib/banner/blueprint.json b/src/lib/banner/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/banner/README.md",
 	"tag": "wl-banner",
 	"demo": "https://weightless.dev/elements/banner",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-banner.png?token=AF-iBbNvw_OKWWkTFf2wuzBu9bJLwio1ks5chEfywA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-banner.png"
 }
diff --git a/src/lib/button/README.md b/src/lib/button/README.md
@@ -69,7 +69,7 @@ Allow users to take actions, and make choices, with a single tap.
 Go [here](https://weightless.dev/elements/button) to try the demo.
 
 <a href="https://weightless.dev/elements/button" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-button.png?token=AF-iBV1pZn7D_ITJDLgD6NVlQjtvXupXks5cgq0VwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-button.png" width="700" />
 </a>
 
 

diff --git a/src/lib/button/blueprint.json b/src/lib/button/blueprint.json
@@ -3,6 +3,6 @@
 	"input": "src/lib/button/blueprint.md",
 	"output": "src/lib/button/README.md",
 	"tag": "wl-button",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-button.png?token=AF-iBV1pZn7D_ITJDLgD6NVlQjtvXupXks5cgq0VwA%3D%3D",
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-button.png",
 	"demo": "https://weightless.dev/elements/button"
 }
diff --git a/src/lib/card/README.md b/src/lib/card/README.md
@@ -46,7 +46,7 @@ Group related content and action.
 Go [here](https://weightless.dev/elements/card) to try the demo.
 
 <a href="https://weightless.dev/elements/card" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-card.png?token=AF-iBRxtZw427RRZkAkbgF5eNXYE3TP3ks5chEg_wA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-card.png" width="700" />
 </a>
 
 

diff --git a/src/lib/card/blueprint.json b/src/lib/card/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/card/README.md",
 	"tag": "wl-card",
 	"demo": "https://weightless.dev/elements/card",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-card.png?token=AF-iBRxtZw427RRZkAkbgF5eNXYE3TP3ks5chEg_wA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-card.png"
 }
diff --git a/src/lib/checkbox/README.md b/src/lib/checkbox/README.md
@@ -55,7 +55,7 @@ Turn an option on or off.
 Go [here](https://weightless.dev/elements/checkbox) to try the demo.
 
 <a href="https://weightless.dev/elements/checkbox" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-checkbox.png?token=AF-iBe24iyQPNmcdPiK5oPZhd8a_acCTks5chEhjwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-checkbox.png" width="700" />
 </a>
 
 

diff --git a/src/lib/checkbox/blueprint.json b/src/lib/checkbox/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/checkbox/README.md",
 	"tag": "wl-checkbox",
 	"demo": "https://weightless.dev/elements/checkbox",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-checkbox.png?token=AF-iBe24iyQPNmcdPiK5oPZhd8a_acCTks5chEhjwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-checkbox.png"
 }
diff --git a/src/lib/dialog/README.md b/src/lib/dialog/README.md
@@ -92,7 +92,7 @@ Highly interruptive messages.
 Go [here](https://weightless.dev/elements/dialog) to try the demo.
 
 <a href="https://weightless.dev/elements/dialog" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-dialog.png?token=AF-iBdDsRo4rR9ss5Ix_SW9kpZMXCfILks5chEh-wA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-dialog.png" width="700" />
 </a>
 
 

diff --git a/src/lib/dialog/blueprint.json b/src/lib/dialog/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/dialog/README.md",
 	"tag": "wl-dialog",
 	"demo": "https://weightless.dev/elements/dialog",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-dialog.png?token=AF-iBdDsRo4rR9ss5Ix_SW9kpZMXCfILks5chEh-wA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-dialog.png"
 }
diff --git a/src/lib/divider/README.md b/src/lib/divider/README.md
@@ -32,7 +32,7 @@ Thin line that groups content in lists and layouts.
 Go [here](https://weightless.dev/elements/divider) to try the demo.
 
 <a href="https://weightless.dev/elements/divider" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-divider.png?token=AF-iBT7z17lNwSwyRFaeIaGSpsqbwB_1ks5chEl4wA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-divider.png" width="700" />
 </a>
 
 

diff --git a/src/lib/divider/blueprint.json b/src/lib/divider/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/divider/README.md",
 	"tag": "wl-divider",
 	"demo": "https://weightless.dev/elements/divider",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-divider.png?token=AF-iBT7z17lNwSwyRFaeIaGSpsqbwB_1ks5chEl4wA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-divider.png"
 }
diff --git a/src/lib/icon/README.md b/src/lib/icon/README.md
@@ -41,7 +41,7 @@ Symbols for common actions and items.
 Go [here](https://weightless.dev/elements/icon) to try the demo.
 
 <a href="https://weightless.dev/elements/icon" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-icon.png?token=AF-iBccPgS4Ki6G_fVHVhuvjSCR-236wks5chEm4wA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-icon.png" width="700" />
 </a>
 
 

diff --git a/src/lib/icon/blueprint.json b/src/lib/icon/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/icon/README.md",
 	"tag": "wl-icon",
 	"demo": "https://weightless.dev/elements/icon",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-icon.png?token=AF-iBccPgS4Ki6G_fVHVhuvjSCR-236wks5chEm4wA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-icon.png"
 }
diff --git a/src/lib/label/README.md b/src/lib/label/README.md
@@ -43,7 +43,7 @@ Make form elements more accessible.
 Go [here](https://weightless.dev/elements/label) to try the demo.
 
 <a href="https://weightless.dev/elements/label" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-label.png?token=AF-iBft0B2brPzwNC_jHXJ7wZKxOtAoJks5chEnjwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-label.png" width="700" />
 </a>
 
 

diff --git a/src/lib/label/blueprint.json b/src/lib/label/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/label/README.md",
 	"tag": "wl-label",
 	"demo": "https://weightless.dev/elements/label",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-label.png?token=AF-iBft0B2brPzwNC_jHXJ7wZKxOtAoJks5chEnjwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-label.png"
 }
diff --git a/src/lib/list-item/README.md b/src/lib/list-item/README.md
@@ -67,7 +67,7 @@ Display an item in a list.
 Go [here](https://weightless.dev/elements/list-item) to try the demo.
 
 <a href="https://weightless.dev/elements/list-item" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-list-item.png?token=AF-iBbNvw_OKWWkTFf2wuzBu9bJLwio1ks5chEfywA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-list-item.png" width="700" />
 </a>
 
 

diff --git a/src/lib/list-item/blueprint.json b/src/lib/list-item/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/list-item/README.md",
 	"tag": "wl-list-item",
 	"demo": "https://weightless.dev/elements/list-item",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-list-item.png?token=AF-iBbNvw_OKWWkTFf2wuzBu9bJLwio1ks5chEfywA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-list-item.png"
 }
diff --git a/src/lib/popover-card/README.md b/src/lib/popover-card/README.md
@@ -34,7 +34,7 @@ Give popovers a contextual flair.
 Go [here](https://weightless.dev/elements/popover) to try the demo.
 
 <a href="https://weightless.dev/elements/popover" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png?token=AF-iBQSqMzuMAQ5EiwnHa2DFSM_IS0ihks5cg7uDwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png" width="700" />
 </a>
 
 

diff --git a/src/lib/popover-card/blueprint.json b/src/lib/popover-card/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/popover-card/README.md",
 	"tag": "wl-popover-card",
 	"demo": "https://weightless.dev/elements/popover",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png?token=AF-iBQSqMzuMAQ5EiwnHa2DFSM_IS0ihks5cg7uDwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png"
 }
diff --git a/src/lib/popover/README.md b/src/lib/popover/README.md
@@ -70,7 +70,7 @@ Contextual anchored elements.
 Go [here](https://weightless.dev/elements/popover) to try the demo.
 
 <a href="https://weightless.dev/elements/popover" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png?token=AF-iBQSqMzuMAQ5EiwnHa2DFSM_IS0ihks5cg7uDwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png" width="700" />
 </a>
 
 

diff --git a/src/lib/popover/blueprint.json b/src/lib/popover/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/popover/README.md",
 	"tag": "wl-popover",
 	"demo": "https://weightless.dev/elements/popover",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png?token=AF-iBQSqMzuMAQ5EiwnHa2DFSM_IS0ihks5cg7uDwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/documentation/screenshots/wl-popover.png"
 }
diff --git a/src/lib/progress-bar/README.md b/src/lib/progress-bar/README.md
@@ -45,7 +45,7 @@ Fills a bar from 0% to 100%.
 Go [here](https://weightless.dev/elements/progress-bar) to try the demo.
 
 <a href="https://weightless.dev/elements/progress-bar" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-bar.png?token=AF-iBfAIx-CJ8LWZEMLgTkOsTWpyCMEWks5chEprwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-bar.png" width="700" />
 </a>
 
 

diff --git a/src/lib/progress-bar/blueprint.json b/src/lib/progress-bar/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/progress-bar/README.md",
 	"tag": "wl-progress-bar",
 	"demo": "https://weightless.dev/elements/progress-bar",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-bar.png?token=AF-iBfAIx-CJ8LWZEMLgTkOsTWpyCMEWks5chEprwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-bar.png"
 }
diff --git a/src/lib/progress-spinner/README.md b/src/lib/progress-spinner/README.md
@@ -45,7 +45,7 @@ Fills a circle from 0% to 100%.
 Go [here](https://weightless.dev/elements/progress-spinner) to try the demo.
 
 <a href="https://weightless.dev/elements/progress-spinner" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-spinner.png?token=AF-iBWI_tLK5VwvHN8ek2kaMbSWtaobnks5chEqCwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-spinner.png" width="700" />
 </a>
 
 

diff --git a/src/lib/progress-spinner/blueprint.json b/src/lib/progress-spinner/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/progress-spinner/README.md",
 	"tag": "wl-progress-spinner",
 	"demo": "https://weightless.dev/elements/progress-spinner",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-spinner.png?token=AF-iBWI_tLK5VwvHN8ek2kaMbSWtaobnks5chEqCwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-progress-spinner.png"
 }
diff --git a/src/lib/radio/README.md b/src/lib/radio/README.md
@@ -52,7 +52,7 @@ Select one option from a set.
 Go [here](https://weightless.dev/elements/radio) to try the demo.
 
 <a href="https://weightless.dev/elements/radio" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-radio.png?token=AF-iBcoNrrO2pTIZCQ-9BR6Ih6wh0bq7ks5chEqcwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-radio.png" width="700" />
 </a>
 
 

diff --git a/src/lib/radio/blueprint.json b/src/lib/radio/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/radio/README.md",
 	"tag": "wl-radio",
 	"demo": "https://weightless.dev/elements/radio",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-radio.png?token=AF-iBcoNrrO2pTIZCQ-9BR6Ih6wh0bq7ks5chEqcwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-radio.png"
 }
diff --git a/src/lib/ripple/README.md b/src/lib/ripple/README.md
@@ -43,7 +43,7 @@ Indicate touch actions.
 Go [here](https://weightless.dev/elements/ripple) to try the demo.
 
 <a href="https://weightless.dev/elements/ripple" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-ripple.png?token=AF-iBfW58puayCKEgAhQxjkFbGJsFLBeks5chEq4wA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-ripple.png" width="700" />
 </a>
 
 

diff --git a/src/lib/ripple/blueprint.json b/src/lib/ripple/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/ripple/README.md",
 	"tag": "wl-ripple",
 	"demo": "https://weightless.dev/elements/ripple",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-ripple.png?token=AF-iBfW58puayCKEgAhQxjkFbGJsFLBeks5chEq4wA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-ripple.png"
 }
diff --git a/src/lib/select/README.md b/src/lib/select/README.md
@@ -85,7 +85,7 @@ Select one or more values from a set of options.
 Go [here](https://weightless.dev/elements/select) to try the demo.
 
 <a href="https://weightless.dev/elements/select" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-select.png?token=AF-iBTO_RaKyKWe0-e20FJ7G6-t3khpRks5chErVwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-select.png" width="700" />
 </a>
 
 

diff --git a/src/lib/select/blueprint.json b/src/lib/select/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/select/README.md",
 	"tag": "wl-select",
 	"demo": "https://weightless.dev/elements/select",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-select.png?token=AF-iBTO_RaKyKWe0-e20FJ7G6-t3khpRks5chErVwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-select.png"
 }
diff --git a/src/lib/textarea/README.md b/src/lib/textarea/README.md
@@ -89,7 +89,7 @@ Multiline text fields.
 Go [here](https://weightless.dev/elements/textarea) to try the demo.
 
 <a href="https://weightless.dev/elements/textarea" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textarea.png?token=AF-iBZJNydxFHIc4sQBFRLt8o2_qR34hks5chErwwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textarea.png" width="700" />
 </a>
 
 

diff --git a/src/lib/textarea/blueprint.json b/src/lib/textarea/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/textarea/README.md",
 	"tag": "wl-textarea",
 	"demo": "https://weightless.dev/elements/textarea",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textarea.png?token=AF-iBZJNydxFHIc4sQBFRLt8o2_qR34hks5chErwwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textarea.png"
 }
diff --git a/src/lib/textfield/README.md b/src/lib/textfield/README.md
@@ -87,7 +87,7 @@ Singleline text fields.
 Go [here](https://weightless.dev/elements/textfield) to try the demo.
 
 <a href="https://weightless.dev/elements/textfield" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textfield.png?token=AF-iBfo3dTDYCa2E9l6FKRjQ5A6KLAGcks5chEsCwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textfield.png" width="700" />
 </a>
 
 

diff --git a/src/lib/textfield/blueprint.json b/src/lib/textfield/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/textfield/README.md",
 	"tag": "wl-textfield",
 	"demo": "https://weightless.dev/elements/textfield",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textfield.png?token=AF-iBfo3dTDYCa2E9l6FKRjQ5A6KLAGcks5chEsCwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-textfield.png"
 }
diff --git a/src/lib/title/README.md b/src/lib/title/README.md
@@ -49,7 +49,7 @@ Indicate the start of a new section.
 Go [here](https://weightless.dev/elements/title) to try the demo.
 
 <a href="https://weightless.dev/elements/title" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-title.png?token=AF-iBdhHfU2b4hLu53mNAJaVMKMrvQbtks5chEsZwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-title.png" width="700" />
 </a>
 
 

diff --git a/src/lib/title/blueprint.json b/src/lib/title/blueprint.json
@@ -4,5 +4,5 @@
 	"output": "src/lib/title/README.md",
 	"tag": "wl-title",
 	"demo": "https://weightless.dev/elements/title",
-	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-title.png?token=AF-iBdhHfU2b4hLu53mNAJaVMKMrvQbtks5chEsZwA%3D%3D"
+	"img": "https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-title.png"
 }
diff --git a/src/lib/tooltip/README.md b/src/lib/tooltip/README.md
@@ -73,7 +73,7 @@ Informative context related text.
 Go [here](https://weightless.dev/elements/tooltip) to try the demo.
 
 <a href="https://weightless.dev/elements/tooltip" align="center">
-  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-tooltip.png?token=AF-iBYKqW5Hm2x5ac_PMHEQ6wGDqACyVks5chEsqwA%3D%3D" width="700" />
+  <img src="https://raw.githubusercontent.com/andreasbm/elements/master/screenshots/wl-tooltip.png" width="700" />
 </a>