Merge pull request #11 from teamshares/MAD/upstream-2.4.0

Upstream 2.4.0

.gitignore

@@ -3,7 +3,6 @@
 docs/dist
 docs/search.json
 dist
-examples
 node_modules
 src/react
 .vscode/settings.json

cspell.json

@@ -9,9 +9,13 @@
     "atrule",
     "autocorrect",
     "autofix",
+    "autoload",
+    "autoloader",
+    "autoloading",
     "autoplay",
     "bezier",
     "boxicons",
+    "CACHEABLE",
     "callout",
     "callouts",
     "chatbubble",
@@ -27,6 +31,7 @@
     "Consolas",
     "contenteditable",
     "copydir",
+    "Cotte",
     "coverpage",
     "crossorigin",
     "crutchcorn",
@@ -35,6 +40,7 @@
     "datetime",
     "describedby",
     "Docsify",
+    "dogfood",
     "dropdowns",
     "easings",
     "enterkeyhint",
@@ -53,6 +59,7 @@
     "FOUC",
     "FOUCE",
     "fullscreen",
+    "gestern",
     "giga",
     "globby",
     "Grayscale",
@@ -70,10 +77,12 @@
     "jsonata",
     "keydown",
     "keyframes",
+    "Kool",
     "labelledby",
     "Laravel",
     "LaViska",
     "listbox",
+    "listitem",
     "litelement",
     "lowercasing",
     "Lucide",
@@ -103,12 +112,18 @@
     "reregister",
     "resizer",
     "resizers",
+    "retargeted",
+    "RETRYABLE",
     "rgba",
     "roadmap",
     "Roboto",
+    "roledescription",
+    "Sapan",
     "saturationl",
     "Schilp",
     "scrollbars",
+    "scrollend",
+    "scroller",
     "Segoe",
     "semibold",
     "slotchange",
@@ -121,6 +136,7 @@
     "tabpanel",
     "templating",
     "tera",
+    "testid",
     "textareas",
     "textfield",
     "tinycolor",
@@ -143,6 +159,7 @@
   "ignorePaths": [
     "package.json",
     "package-lock.json",
+    "docs/assets/examples/include.html",
     ".vscode/**",
     "src/translations/!(en).ts",
     "**/*.min.js"

docs/_sidebar.md

@@ -1,6 +1,8 @@
 - Getting Started
 
   - [Overview](/)
+  - [Installation](/getting-started/installation)
+  - [Usage](/getting-started/usage)
   - [Contributing](/teamshares/contributing)
   - [Recipe Book](/teamshares/recipes)
   - [Changelog](/teamshares/changelog)
@@ -25,6 +27,8 @@
   - [Button](/components/button)
   - [Button Group](/components/button-group)
   - [Card](/components/card)
+  - [Carousel](/components/carousel)
+  - [Carousel Item](/components/carousel-item)
   - [Checkbox](/components/checkbox)
   <!-- - [Color Picker](/components/color-picker) -->
   - [Details](/components/details)

docs/assets/plugins/metadata/metadata.js

@@ -332,8 +332,9 @@
       version.classList.add('sidebar-version');
       version.textContent = `Version ${metadata.package.version} `;
       const upstreamLink = document.createElement('a');
+      upstreamLink.className = 'sidebar-version-link';
       upstreamLink.href = `https://shoelace.style/resources/changelog?id=_${metadata.package.upstreamVersion}`;
-      upstreamLink.textContent = `(Shoelace upstream: ${metadata.package.upstreamVersion})`;
+      upstreamLink.textContent = `(Shoelace: ${metadata.package.upstreamVersion})`;
       version.appendChild(upstreamLink);
       target.appendChild(version);
 
@@ -440,6 +441,9 @@
           result += `
             ## Importing
 
+            If you're using the autoloader or the traditional loader, you can ignore this section. Otherwise, feel free to
+            use any of the following snippets to [cherry pick](getting-started/installation#cherry-picking) this component.
+
             <sl-tab-group>
             <sl-tab slot="nav" panel="script">Script</sl-tab>
             <sl-tab slot="nav" panel="import">Import</sl-tab>