feat!: upgrade package tooling to use auro-cli

BREAKING CHANGE:
Package exports have changed. To access the component class add /class to the end of the import. See "exports" in the package.json for more details.

AlaskaAirlines/auro-cli#108
AlaskaAirlines/auro-cli#109
AlaskaAirlines/auro-cli#110
AlaskaAirlines/auro-cli#111

Author: rmenner

.releaserc

@@ -0,0 +1,34 @@
+{
+  "branches": [
+    {
+      "name": "main"
+    },
+    {
+      "name": "rc/*",
+      "channel": "rc",
+      "prerelease": "rc-${name.replace(/^rc\\//g, '')}"
+    }
+  ],
+  "plugins": [
+    [
+      "@semantic-release/commit-analyzer",
+      {
+        "preset": "conventionalcommits",
+        "releaseRules": [
+          { "type": "docs", "scope": "README", "release": "patch" },
+          { "type": "refactor", "release": "patch" },
+          { "type": "style", "release": "patch" }
+        ]
+      }
+    ],
+    "@semantic-release/release-notes-generator",
+    [
+      "@semantic-release/changelog",
+      {
+        "changelogFile": "./CHANGELOG.md"
+      }
+    ],
+    "@semantic-release/npm",
+    "@semantic-release/github"
+  ]
+}

README.md

@@ -102,7 +102,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
 ```html
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@/dist/auro-classic/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-skeleton@4.1.3/dist/auro-skeleton__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-skeleton@0.0.0/dist/auro-skeleton__bundled.js" type="module"></script>
 ```
 
 <!-- AURO-GENERATED-CONTENT:END -->

demo/api.html

@@ -40,7 +40,7 @@
     <script type="module">
       import 'https://cdn.jsdelivr.net/npm/marked@latest/marked.min.js';
       import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
-      fetch('/demo/api.md')
+      fetch('./api.md')
         .then((response) => response.text())
         .then((text) => {
           const rawHtml = marked.parse(text);

demo/api.js

@@ -1 +1 @@
-import "../index.js";
+import "../src/registered";

demo/api.md

@@ -40,7 +40,7 @@
     <script type="module">
       import 'https://cdn.jsdelivr.net/npm/marked@latest/marked.min.js';
       import 'https://cdn.jsdelivr.net/npm/prismjs@latest/prism.js';
-      fetch('/demo/index.md')
+      fetch('./index.md')
         .then((response) => response.text())
         .then((text) => {
           const rawHtml = marked.parse(text);

demo/index.html

@@ -1,4 +1,4 @@
-import { AuroSkeleton } from "../src/auro-skeleton.js";
+import { AuroSkeleton } from "../src/index";
 
 AuroSkeleton.register(); // registering to `auro-skeleton`
 AuroSkeleton.register("custom-skeleton");

demo/index.js

@@ -49,5 +49,5 @@ The `<auro-skeleton>` element makes use of a single `shape` enumerated attribute
 
 The component may be restyled using the following code sample and changing the values of the following token(s).
 
-<!-- AURO-GENERATED-CONTENT:START (CODE:src=../src/tokens.scss) -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=../src/styles/tokens.scss) -->
 <!-- AURO-GENERATED-CONTENT:END -->

demo/index.md

@@ -61,7 +61,7 @@ There are two important parts of every Auro component. The <a href="https://deve
 To protect from versioning conflicts with other instances of the component being loaded, it is recommended to use our `AuroSkeleton.register(name)` method and pass in a unique name.
 
 ```js
-import { AuroSkeleton } from './src/auro-skeleton.js';
+import { AuroSkeleton } from '@aurodesignsystem/auro-skeleton/class';
 
 AuroSkeleton.register('custom-skeleton');
 ```