diff --git a/package-lock.json b/package-lock.json
index 73fffda..8b364a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -22,7 +22,7 @@
"archiver": "^4.0.1",
"fs-extra": "^9.0.1",
"highlight.js": "^10.1.1",
- "ionicons": "5.5.2",
+ "ionicons": "6.0.2",
"prismic-dom": "^2.2.3",
"prismic-javascript": "^2.7.1"
}
@@ -411,12 +411,25 @@
"dev": true
},
"node_modules/ionicons": {
- "version": "5.5.2",
- "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-5.5.2.tgz",
- "integrity": "sha512-SHVBBtzNVQjY4jtcqKEHkqL5nIQwA/o2MIdU9JtMz8kQAB0NRVJFv5AxwmVbXXKDpxz57SiEjeLp8Uzt7jirpw==",
+ "version": "6.0.2",
+ "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-6.0.2.tgz",
+ "integrity": "sha512-AyKfFaUKVoBz4eB8XkU7H1R5HFnVsgq5ijqSdbXC0lES9PDK/J6LUQz6XUJq0mVVQF5k9kczSPOLMW3mszG0mQ==",
"dev": true,
"dependencies": {
- "@stencil/core": "^2.5.0"
+ "@stencil/core": "~2.16.0"
+ }
+ },
+ "node_modules/ionicons/node_modules/@stencil/core": {
+ "version": "2.16.1",
+ "resolved": "https://registry.npmjs.org/@stencil/core/-/core-2.16.1.tgz",
+ "integrity": "sha512-s/UJp9qxExL3DyQPT70kiuWeb3AdjbUZM+5lEIXn30I2DLcLYPOPXfsoWJODieQywq+3vPiLZeIdkoqjf6jcSw==",
+ "dev": true,
+ "bin": {
+ "stencil": "bin/stencil"
+ },
+ "engines": {
+ "node": ">=12.10.0",
+ "npm": ">=6.0.0"
}
},
"node_modules/isarray": {
@@ -1066,12 +1079,20 @@
"dev": true
},
"ionicons": {
- "version": "5.5.2",
- "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-5.5.2.tgz",
- "integrity": "sha512-SHVBBtzNVQjY4jtcqKEHkqL5nIQwA/o2MIdU9JtMz8kQAB0NRVJFv5AxwmVbXXKDpxz57SiEjeLp8Uzt7jirpw==",
+ "version": "6.0.2",
+ "resolved": "https://registry.npmjs.org/ionicons/-/ionicons-6.0.2.tgz",
+ "integrity": "sha512-AyKfFaUKVoBz4eB8XkU7H1R5HFnVsgq5ijqSdbXC0lES9PDK/J6LUQz6XUJq0mVVQF5k9kczSPOLMW3mszG0mQ==",
"dev": true,
"requires": {
- "@stencil/core": "^2.5.0"
+ "@stencil/core": "~2.16.0"
+ },
+ "dependencies": {
+ "@stencil/core": {
+ "version": "2.16.1",
+ "resolved": "https://registry.npmjs.org/@stencil/core/-/core-2.16.1.tgz",
+ "integrity": "sha512-s/UJp9qxExL3DyQPT70kiuWeb3AdjbUZM+5lEIXn30I2DLcLYPOPXfsoWJODieQywq+3vPiLZeIdkoqjf6jcSw==",
+ "dev": true
+ }
}
},
"isarray": {
diff --git a/package.json b/package.json
index a57033b..54d8c87 100644
--- a/package.json
+++ b/package.json
@@ -34,7 +34,7 @@
"archiver": "^4.0.1",
"fs-extra": "^9.0.1",
"highlight.js": "^10.1.1",
- "ionicons": "5.5.2",
+ "ionicons": "6.0.2",
"prismic-dom": "^2.2.3",
"prismic-javascript": "^2.7.1"
},
diff --git a/readme.md b/readme.md
index 73788dd..06f7539 100644
--- a/readme.md
+++ b/readme.md
@@ -58,7 +58,7 @@ Instead, use a prefix that fits your company or any name for a group of related
### Script tag
- [Publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages)
-- Put a script tag similar to this `` in the head of your index.html
+- Put a script tag similar to this `` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc
### Node Modules
diff --git a/src/components/footer-bar/footer-bar.tsx b/src/components/footer-bar/footer-bar.tsx
index 8809231..6f47913 100644
--- a/src/components/footer-bar/footer-bar.tsx
+++ b/src/components/footer-bar/footer-bar.tsx
@@ -9,7 +9,7 @@ export class FooterBar {
@Prop() version: string;
render() {
- const cheatsheetUrl = `https://unpkg.com/ionicons@${this.version}/dist/cheatsheet.html`;
+ const cheatsheetUrl = `https://cdn.jsdelivr.net/npm/ionicons@${this.version}/dist/cheatsheet.html`;
return (
{highlight(
- `
-`
+ `
+`
)}
Basic usage
diff --git a/src/index.html b/src/index.html
index 473a95f..78960c9 100644
--- a/src/index.html
+++ b/src/index.html
@@ -147,14331 +147,1352 @@
-
+
+