@solid-design-system/mcp 6.27.1 → 6.28.1

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/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": "6.28.1",
+    "@solid-design-system/styles": "6.28.1",
+    "@solid-design-system/tokens": "6.28.1"
   },
   "exports": {
     ".": {
@@ -59,7 +59,7 @@
     "directory": "packages/mcp"
   },
   "type": "module",
-  "version": "6.27.1",
+  "version": "6.28.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"
   }