@solid-design-system/mcp 7.0.2 → 7.0.3

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # Changelog
 
+## 7.0.3
+
 ## 7.0.2
 
 ## 7.0.1

package/metadata/packages/templates/footnotes.md

@@ -2,12 +2,18 @@
 name: footnotes
 title: Footnotes
 components:
+  - sd-container
+  - sd-container--variant-primary
   - sd-footnotes
+  - sd-footnotes--inverted
   - sd-footnotes--marker
   - sd-headline
-  - sd-headline--3xl
+  - sd-headline--inverted
+  - sd-headline--size-3xl
   - sd-paragraph
+  - sd-paragraph--inverted
   - sd-prose
+  - sd-prose--inverted
 version: 1.0.0
 ---
 
@@ -15,10 +21,7 @@ version: 1.0.0
 
 ```html
 <div class="sd-prose">
-  <!-- Dev-note: The <a> elements have been wrapped in <span> elements due to an issue in safari
-  where using the mouse to navigate between footnotes would trigger the focus-outline. -->
-
-  <h2 class="sd-headline sd-headline--3xl">The Power of a Solid Design System</h2>
+  <h2 class="sd-headline sd-headline--size-3xl">The Power of a Solid Design System</h2>
   <p class="sd-paragraph">
     A solid design system is the backbone of a cohesive product, offering a single source of truth that promotes
     consistency across all platforms and teams
@@ -47,7 +50,7 @@ version: 1.0.0
     increasingly complex. A well-defined design system mitigates these challenges by acting as a blueprint for future
     iterations, preventing visual drift and maintaining brand integrity across diverse touchpoints. Teams can
     confidently experiment and innovate within the system’s boundaries, knowing that their work aligns with established
-    guidelines <span id="ref_4" class="sd-footnotes--marker"><a href="#note_4">3</a></span> .
+    guidelines <span id="ref_4" class="sd-footnotes--marker"><a href="#note_4">4</a></span> .
   </p>
   <p>
     By continuously evolving with feedback and technological advancements, a design system remains a living entity
@@ -60,21 +63,54 @@ version: 1.0.0
 <ol class="sd-footnotes mt-12">
   <li id="note_1">
     <a href="#ref_1" class="sd-footnotes--marker"></a>
-    Design systems act as a "single source of truth," promoting consistency across all products.
+    A design system centralizes guidelines, ensuring consistency across teams and products.
   </li>
   <li id="note_2">
     <a href="#ref_2a" class="sd-footnotes--marker"></a>
     <a href="#ref_2b" class="sd-footnotes--marker"></a>
     <a href="#ref_2c" class="sd-footnotes--marker"></a>
-    Component libraries in design systems streamline workflows, boosting efficiency and scalability.
+    A consistent UI fosters familiarity, trust, and better accessibility for diverse users.
   </li>
   <li id="note_3">
     <a href="#ref_3" class="sd-footnotes--marker"></a>
-    A design system’s consistency helps reinforce brand identity and user trust.
+    Regular updates keep the design system adaptable to new trends and technologies.
   </li>
   <li id="note_4">
     <a href="#ref_4" class="sd-footnotes--marker"></a>
-    Effective design systems evolve, remaining adaptable to product and user needs over time.
+    Standardized components and documentation reduce development time and design inconsistencies.
   </li>
 </ol>
 ```
+
+## Template: Linked Footnotes in Container
+
+```html
+<div class="sd-container sd-container--variant-primary flex flex-col gap-8 max-w-xl">
+  <div class="sd-prose sd-prose--inverted">
+    <h2 class="sd-headline sd-headline--inverted sd-headline--size-3xl">Financing that fits your life</h2>
+    <p class="sd-paragraph sd-paragraph--inverted">
+      A clear loan structure helps customers understand exactly what they're signing up for, before they commit to
+      anything
+      <span id="ref_c_1" class="sd-footnotes--marker sd-footnotes--inverted"><a href="#note_c_1">1</a></span> .
+      Transparent rates, honest fees, and flexible repayment options work together to reduce surprises, helping build
+      long-term trust between the bank and the people it serves.
+    </p>
+    <p class="sd-paragraph sd-paragraph--inverted">
+      Every application is reviewed individually, factoring in income, credit history, and personal financial goals
+      <span id="ref_c_2" class="sd-footnotes--marker sd-footnotes--inverted"><a href="#note_c_2">2</a></span> . This
+      tailored approach means financing decisions reflect each customer's real situation, rather than applying a
+      one-size-fits-all model that ignores individual circumstances.
+    </p>
+  </div>
+  <ol class="sd-footnotes sd-footnotes--inverted flex flex-col gap-2">
+    <li id="note_c_1">
+      <a href="#ref_c_1" class="sd-footnotes--marker"></a>
+      Rates shown are indicative and subject to credit approval.
+    </li>
+    <li id="note_c_2">
+      <a href="#ref_c_2" class="sd-footnotes--marker"></a>
+      Terms may vary based on income and repayment history.
+    </li>
+  </ol>
+</div>
+```

package/package.json

@@ -20,9 +20,9 @@
     "prettier": "^3.9.5",
     "tsx": "^4.23.1",
     "typescript": "^5.9.3",
-    "@solid-design-system/components": "7.0.2",
-    "@solid-design-system/styles": "7.0.2",
-    "@solid-design-system/tokens": "7.0.2"
+    "@solid-design-system/components": "7.0.3",
+    "@solid-design-system/styles": "7.0.3",
+    "@solid-design-system/tokens": "7.0.3"
   },
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "directory": "packages/mcp"
   },
   "type": "module",
-  "version": "7.0.2",
+  "version": "7.0.3",
   "scripts": {
     "build": "pnpm run build:components && pnpm run build:tokens && pnpm run build:ts && pnpm run build:metadata && cd ../.. && pnpm exec prettier --write --log-level warn packages/mcp/metadata",
     "build:components": "cd ../components && pnpm exec node scripts/make-metadata.js --outdir dist",