Merge branch 'next' of https://github.com/shoelace-style/webawesome into next

docs/assets/scripts/code-examples.js

@@ -22,7 +22,7 @@ document.addEventListener('click', event => {
       `<link rel="stylesheet" href="${cdnUrl}styles/webawesome.css">\n` +
       `<link rel="stylesheet" href="${cdnUrl}styles/utilities.css">\n\n` +
       `${code.textContent}`;
-    const css = 'html > body {\n  font: 16px sans-serif;\n  padding: 2rem;\n}';
+    const css = 'html > body {\n  padding: 2rem !important;\n}';
     const js = '';
 
     const form = document.createElement('form');

docs/docs/resources/changelog.md

@@ -12,6 +12,10 @@ Components with the <wa-badge variant="warning" pill>Experimental</wa-badge> bad
 During the alpha period, things might break! We take breaking changes very seriously, but sometimes they're necessary to make the final product that much better. We appreciate your patience!
 :::
 
+## 3.0.0-alpha.7
+
+- Renamed applied.css to webawesome.css
+
 ## 3.0.0-alpha.6
 
 ### Native styles

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@shoelace-style/webawesome",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.7",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@shoelace-style/webawesome",
-      "version": "3.0.0-alpha.6",
+      "version": "3.0.0-alpha.7",
       "license": "MIT",
       "dependencies": {
         "@ctrl/tinycolor": "^4.1.0",

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shoelace-style/webawesome",
   "description": "A forward-thinking library of web components.",
-  "version": "3.0.0-alpha.6",
+  "version": "3.0.0-alpha.7",
   "homepage": "https://webawesome.com/",
   "author": "Web Awesome",
   "license": "MIT",

src/components/code-demo/code-demo.ts

@@ -254,7 +254,7 @@ export default class WaCodeDemo extends WebAwesomeElement {
    */
   public edit() {
     const markup = this.getDemoHTML({ isolated: true, absolutize: true, prettyWhitespace: true });
-    const css = 'body {\n  font: 16px sans-serif;\n  padding: 2rem;\n}';
+    const css = 'body {\n  padding: 2rem !important;\n}';
     const js = '';
 
     const form = Object.assign(document.createElement('form'), {