@solid-design-system/mcp 6.27.1 → 7.0.0-next.1

package/metadata/packages/icons/default/system.json

@@ -50,9 +50,9 @@
     "tags": ["Favoriten", "Wunschliste", "merken"]
   },
   {
-    "technicalId": "",
-    "displayNameDe": "",
-    "tags": []
+    "technicalId": "slide",
+    "displayNameDe": "Folie",
+    "tags": ["Folien", "Folie"]
   },
   {
     "technicalId": "list",
@@ -314,16 +314,16 @@
     "displayNameDe": "einklappen unten",
     "tags": ["verstecken", "komprimieren", "Seitenleiste"]
   },
-  {
-    "technicalId": "bug",
-    "displayNameDe": "Fehler",
-    "tags": ["Mangel", "Problem"]
-  },
   {
     "technicalId": "shopping-cart",
     "displayNameDe": "Einkaufswagen",
     "tags": ["Onlineshop", "Warenkorb", "Erwerb", "Einkauf"]
   },
+  {
+    "technicalId": "bug",
+    "displayNameDe": "Fehler",
+    "tags": ["Mangel", "Problem"]
+  },
   {
     "technicalId": "eraser",
     "displayNameDe": "Radiergummi",
@@ -481,7 +481,7 @@
   },
   {
     "technicalId": "expand-bottom",
-    "displayNameDe": "anzeigen unten",
+    "displayNameDe": "ausklappen unten",
     "tags": ["anzeigen", "Seitenleiste"]
   },
   {
@@ -614,26 +614,26 @@
     "displayNameDe": "Bildschirm Cursor",
     "tags": ["klicken", "auswählen"]
   },
-  {
-    "technicalId": "layers",
-    "displayNameDe": "Ebenen",
-    "tags": ["gruppieren", "Stapel", "mehrere Folien erzeugen"]
-  },
   {
     "technicalId": "file-read-out",
     "displayNameDe": "Dokument vorlesen",
     "tags": ["vorlesen", "Audio", "Lautstärke"]
   },
   {
-    "technicalId": "collapse-left",
-    "displayNameDe": "einklappen links",
-    "tags": ["komprimieren", "verstecken", "Seitenleiste"]
+    "technicalId": "layers",
+    "displayNameDe": "Ebenen",
+    "tags": ["gruppieren", "Stapel", "mehrere Folien erzeugen"]
   },
   {
     "technicalId": "file-wai",
     "displayNameDe": "Dokument wAI",
     "tags": ["Dokument", "Datei", "wAI"]
   },
+  {
+    "technicalId": "collapse-left",
+    "displayNameDe": "einklappen links",
+    "tags": ["komprimieren", "verstecken", "Seitenleiste"]
+  },
   {
     "technicalId": "download",
     "displayNameDe": "Download",
@@ -1044,16 +1044,16 @@
     "displayNameDe": "antworten",
     "tags": ["Rückmeldung", "Nachricht", "Kommunikation"]
   },
-  {
-    "technicalId": "e-mail-send",
-    "displayNameDe": "E-Mail abschicken",
-    "tags": ["Brief", "E-Mail", "Kommunikation"]
-  },
   {
     "technicalId": "password",
     "displayNameDe": "Passwort",
     "tags": ["sicherheitsgeschützt", "privat", "verschlüsselt"]
   },
+  {
+    "technicalId": "e-mail-send",
+    "displayNameDe": "E-Mail abschicken",
+    "tags": ["Brief", "E-Mail", "Kommunikation"]
+  },
   {
     "technicalId": "e-mail-exclamation",
     "displayNameDe": "E-Mail Ausrufezeichen",

package/metadata/packages/templates/bottom-navigation.md

@@ -124,10 +124,8 @@ version: 1.0.0
                 alt="A parent and child reading a book together on the couch."
               />
             </div>
-            <h3 slot="headline">
-              <span class="sd-headline sd-headline--size-base">
-                Steuerliche und rechtliche Basics beim Sparen fürs Kind</span
-              >
+            <h3 slot="headline" class="sd-headline sd-headline--size-base">
+              Steuerliche und rechtliche Basics beim Sparen fürs Kind
             </h3>
             <p class="sd-paragraph">
               Beim Sparen fürs Kind gibt es neben der Finanzplanung auch wichtige steuerliche und rechtliche Punkte zu

package/metadata/packages/templates/combobox.md

@@ -11,7 +11,7 @@ version: 1.0.0
 ## Template: Simple Suggests
 
 ```html
-<div class="h-[260px] w-[400px]">
+<div class="h-[260px] max-w-[400px]">
   <sd-combobox label="Funds"> ${createFondsOptionsHtml()} </sd-combobox>
 </div>
 ```
@@ -19,7 +19,7 @@ version: 1.0.0
 ## Template: Highlight Query
 
 ```html
-<div class="h-[260px] w-[400px]">
+<div class="h-[260px] max-w-[400px]">
   <sd-combobox label="Funds" class="highlight-combobox" value="g"> ${createFondsOptionsHtml()} </sd-combobox>
 </div>
 <script type="module">
@@ -40,7 +40,7 @@ version: 1.0.0
 ## Template: Multiple Highlight Query
 
 ```html
-<div class="h-[260px] w-[400px]">
+<div class="h-[260px] max-w-[400px]">
   <sd-combobox label="Funds" class="multiple-highlight-combobox"> ${createFondsOptionsHtml()} </sd-combobox>
 </div>
 <script type="module">
@@ -80,7 +80,7 @@ version: 1.0.0
 ## Template: Grouping Query
 
 ```html
-<div class="h-[260px] w-[400px]">
+<div class="h-[260px] max-w-[400px]">
   <sd-combobox label="Group elements" value="g">
     <sd-optgroup label="Funds"> ${createFondsOptionsHtml()} </sd-optgroup>
     <sd-optgroup label="Search Suggestions">

package/metadata/packages/templates/datepicker.md

@@ -9,7 +9,7 @@ version: 1.0.0
 ## Template: Datepicker with a Selected Date and Unavailable Weekends
 
 ```html
-<div class="w-[370px]">
+<div class="max-w-[370px]">
   <sd-datepicker value="2025.11.21" disabled-weekends alignment="right" label="Appointment"></sd-datepicker>
 </div>
 ```
@@ -17,7 +17,7 @@ version: 1.0.0
 ## Template: Datepicker with a Selected Date and Unavailable Dates
 
 ```html
-<div class="w-[370px]">
+<div class="max-w-[370px]">
   <sd-datepicker
     value="2025.11.21"
     disabled-dates="2025.11.04,2025.11.12,2025.11.18,2025.11.26"
@@ -31,7 +31,7 @@ version: 1.0.0
 ## Template: Datepicker with a Selected Range
 
 ```html
-<div class="w-[370px]">
+<div class="max-w-[370px]">
   <sd-datepicker
     value="2025.11.21"
     range

package/metadata/packages/templates/input.md

@@ -10,7 +10,7 @@ version: 1.0.0
 ## Template: Input With Currency Stepper
 
 ```html
-<div class="w-[250px]">
+<div class="max-w-[250px]">
   <sd-input label="Currency stepper" id="stepperSampleInput" type="number" spin-buttons min="0" value="0.00">
     <span slot="right" class="text-sm inline-flex items-center">
       <span class="text-neutral-700">EUR</span>

package/metadata/packages/templates/select.md

@@ -11,8 +11,15 @@ version: 1.0.0
 ## Template: Grouping Options
 
 ```html
-<div class="h-[500px] flex gap-12">
-  <sd-select size="lg" placement="bottom" label="City/Region" placeholder="Please select" max-options-visible="3">
+<div class="h-[500px] flex flex-wrap md:flex-nowrap gap-12">
+  <sd-select
+    size="lg"
+    placement="bottom"
+    label="City/Region"
+    placeholder="Please select"
+    max-options-visible="3"
+    class="min-w-[200px] md:min-w-0 max-w-[400px]"
+  >
     <div class="text-black px-4 font-bold">Australia</div>
     <sd-option value="option-1">Brisbane (Queensland)</sd-option>
     <sd-option value="option-2">Sydney (Victoria)</sd-option>
@@ -22,7 +29,14 @@ version: 1.0.0
     <sd-option value="option-4">Hartberg (Styria)</sd-option>
   </sd-select>
 
-  <sd-select size="lg" placement="bottom" label="Country" placeholder="Please select" max-options-visible="3">
+  <sd-select
+    size="lg"
+    placement="bottom"
+    label="Country"
+    placeholder="Please select"
+    max-options-visible="3"
+    class="min-w-[200px] md:min-w-0 max-w-[400px]"
+  >
     <div class="text-black px-4 font-bold">Asia</div>
     <sd-option value="option-1">Japan</sd-option>
     <sd-option value="option-2">South Korea</sd-option>
@@ -37,7 +51,7 @@ version: 1.0.0
 ## Template: Select with Option and Checkbox
 
 ```html
-<div class="w-[400px] h-[500px]">
+<div class="max-w-[400px] h-[500px]">
   <sd-select
     id="select-with-checkbox"
     size="lg"

package/metadata/packages/templates/teaser.md

@@ -73,7 +73,7 @@ version: 1.0.0
 </style>
 <div class="max-w-[426.67px]">
   <sd-teaser variant="primary-100" inset class="clickable relative m-2 translate-x-0 translate-y-0">
-    <h2 slot="headline">Union Investment's climate strategy</h2>
+    <h2 slot="headline" class="sd-headline sd-headline--size-lg">Union Investment's climate strategy</h2>
     <div slot="media" class="relative">
       <img
         class="aspect-video object-cover"

package/metadata/packages/templates/tooltip.md

@@ -23,7 +23,7 @@ version: 1.0.0
 ## Template: Input with Tooltip
 
 ```html
-<sd-input class="w-[400px] py-6">
+<sd-input class="max-w-[400px] py-6">
   <span slot="right" class="text-sm inline-flex items-center">
     <span class="text-neutral-700">EUR</span>
   </span>
@@ -36,7 +36,7 @@ version: 1.0.0
 ## Template: Select with Tooltip
 
 ```html
-<sd-select class="w-[400px] h-[300px] py-6" size="lg" placement="top" placeholder="Please select" value="">
+<sd-select class="max-w-[400px] h-[300px] py-6" size="lg" placement="top" placeholder="Please select" value="">
   <div slot="label">Access role</div>
   <sd-tooltip
     slot="tooltip"
@@ -56,7 +56,7 @@ version: 1.0.0
 
 ```html
 <sd-textarea
-  class="w-[540px] py-4"
+  class="max-w-[540px] py-4"
   value="A solid design system is more than a collection of components; it’s a living document that aligns teams, maintains consistency, and supports scalability. Here, you can capture the reasoning behind design choices, specific use cases, and any nuances that will aid other team members in understanding how to implement this component effectively."
 >
   <div slot="label">Project description</div>
@@ -67,7 +67,7 @@ version: 1.0.0
 ## Template: Radio Group with Tooltip
 
 ```html
-<sd-radio-group class="w-[400px] py-6">
+<sd-radio-group class="max-w-[400px] py-6">
   <div slot="label">Choose your subscription plan</div>
   <sd-tooltip slot="tooltip" content="Select the plan that best meets your needs" size="sm"></sd-tooltip>
 
@@ -80,7 +80,7 @@ version: 1.0.0
 ## Template: Checkbox Group with Tooltip
 
 ```html
-<sd-checkbox-group class="w-[400px] py-6">
+<sd-checkbox-group class="max-w-[400px] py-6">
   <div slot="label">Select your interests</div>
   <sd-tooltip slot="tooltip" content="Choose all that apply to you" size="sm"></sd-tooltip>
 
@@ -93,7 +93,7 @@ version: 1.0.0
 ## Template: Tooltip with Bolded Text
 
 ```html
-<div class="h-[150px] flex items-center">
+<div class="w-full max-h-[150px] flex items-center">
   <sd-tooltip placement="top-start" size="sm">
     <div slot="content">
       <h5 class="sd-headline sd-headline--size-base sd-headline--inverted">Guidelines</h5>

package/package.json

@@ -20,9 +20,9 @@
     "prettier": "^3.8.1",
     "tsx": "^4.0.0",
     "typescript": "^5.9.3",
-    "@solid-design-system/components": "6.27.1",
-    "@solid-design-system/tokens": "6.27.1",
-    "@solid-design-system/styles": "6.27.1"
+    "@solid-design-system/components": "7.0.0-next.1",
+    "@solid-design-system/styles": "7.0.0-next.1",
+    "@solid-design-system/tokens": "7.0.0-next.1"
   },
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "directory": "packages/mcp"
   },
   "type": "module",
-  "version": "6.27.1",
+  "version": "7.0.0-next.1",
   "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",
@@ -69,8 +69,8 @@
     "lint:js": "cd ../.. && pnpm exec eslint packages/mcp/src",
     "lint": "pnpm run /^lint:.*/",
     "test": "node --import tsx/esm --test \"test/**/*.spec.ts\"",
-    "verify:metadata": "git diff --exit-code -- metadata ':!metadata/packages/icons' || (echo '❌ Generated metadata is out of sync with source. Run \"pnpm build\" in packages/mcp and commit the resulting changes in metadata/.' && exit 1)",
-    "verify": "pnpm build && echo '✅ Build verified' && pnpm run verify:metadata && echo '✅ Metadata verified' && pnpm test && echo '✅ Test verified'",
+    "check:metadata": "git diff --exit-code -- metadata ':!metadata/packages/icons' || (echo '❌ Generated metadata is out of sync with source. Run \"pnpm build\" in packages/mcp and commit the resulting changes in metadata/.' && exit 1)",
+    "verify": "pnpm build && echo '✅ Build verified' && pnpm test && echo '✅ Test verified'",
     "mcp:inspector": "npx @modelcontextprotocol/inspector node dist/bin/start.js",
     "postversion": "pnpm build"
   }