@solid-design-system/mcp 0.0.1 → 6.28.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -1
- package/metadata/packages/components/sd-datepicker/stories/alignment.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/disabled-dates.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/disabled-weekends.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/disabled.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/floating-label.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/help-text.md +7 -3
- package/metadata/packages/components/sd-datepicker/stories/invalid.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/label.md +3 -3
- package/metadata/packages/components/sd-datepicker/stories/placeholder.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/range.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/required.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/size.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/valid.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/visible-month.md +1 -1
- package/metadata/packages/components/sd-datepicker/stories/visually-disabled.md +1 -1
- package/metadata/packages/components/sd-input/stories/clearable.md +1 -1
- package/metadata/packages/components/sd-input/stories/disabled.md +1 -1
- package/metadata/packages/components/sd-input/stories/floating-label.md +1 -1
- package/metadata/packages/components/sd-input/stories/help-text.md +3 -3
- package/metadata/packages/components/sd-input/stories/icon.md +3 -3
- package/metadata/packages/components/sd-input/stories/invalid.md +7 -1
- package/metadata/packages/components/sd-input/stories/label.md +3 -3
- package/metadata/packages/components/sd-input/stories/max-length.md +1 -1
- package/metadata/packages/components/sd-input/stories/max.md +1 -1
- package/metadata/packages/components/sd-input/stories/min-length.md +1 -1
- package/metadata/packages/components/sd-input/stories/min.md +1 -1
- package/metadata/packages/components/sd-input/stories/pattern.md +1 -1
- package/metadata/packages/components/sd-input/stories/placeholder.md +1 -1
- package/metadata/packages/components/sd-input/stories/read-only.md +1 -1
- package/metadata/packages/components/sd-input/stories/required.md +1 -1
- package/metadata/packages/components/sd-input/stories/size.md +4 -4
- package/metadata/packages/components/sd-input/stories/spin-buttons.md +1 -1
- package/metadata/packages/components/sd-input/stories/toggle-password.md +1 -1
- package/metadata/packages/components/sd-input/stories/type.md +33 -4
- package/metadata/packages/components/sd-input/stories/valid.md +1 -1
- package/metadata/packages/components/sd-input/stories/value.md +1 -1
- package/metadata/packages/components/sd-input/stories/visually-disabled.md +1 -1
- package/metadata/packages/components/sd-select/stories/clearable.md +1 -1
- package/metadata/packages/components/sd-select/stories/disabled.md +1 -1
- package/metadata/packages/components/sd-select/stories/floating-label.md +1 -1
- package/metadata/packages/components/sd-select/stories/help-text.md +10 -3
- package/metadata/packages/components/sd-select/stories/invalid.md +1 -1
- package/metadata/packages/components/sd-select/stories/label.md +9 -3
- package/metadata/packages/components/sd-select/stories/max-options-visible.md +1 -1
- package/metadata/packages/components/sd-select/stories/multiple.md +1 -1
- package/metadata/packages/components/sd-select/stories/placeholder.md +1 -1
- package/metadata/packages/components/sd-select/stories/placement.md +9 -3
- package/metadata/packages/components/sd-select/stories/required.md +1 -1
- package/metadata/packages/components/sd-select/stories/size.md +25 -4
- package/metadata/packages/components/sd-select/stories/use-tags.md +1 -1
- package/metadata/packages/components/sd-select/stories/valid.md +1 -1
- package/metadata/packages/components/sd-select/stories/visually-disabled.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/disabled.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/floating-label.md +9 -2
- package/metadata/packages/components/sd-textarea/stories/help-text.md +9 -3
- package/metadata/packages/components/sd-textarea/stories/invalid.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/label.md +9 -3
- package/metadata/packages/components/sd-textarea/stories/max-length.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/min-length.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/placeholder.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/readonly.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/required.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/rows.md +22 -4
- package/metadata/packages/components/sd-textarea/stories/size.md +25 -4
- package/metadata/packages/components/sd-textarea/stories/valid.md +1 -1
- package/metadata/packages/components/sd-textarea/stories/visually-disabled.md +1 -1
- package/metadata/packages/icons/default/content.json +41 -11
- package/metadata/packages/icons/default/system.json +22 -22
- package/metadata/packages/templates/combobox.md +4 -4
- package/metadata/packages/templates/datepicker.md +3 -3
- package/metadata/packages/templates/input.md +1 -1
- package/metadata/packages/templates/select.md +18 -4
- package/metadata/packages/templates/tooltip.md +6 -6
- package/package.json +8 -7
|
@@ -11,8 +11,15 @@ version: 1.0.0
|
|
|
11
11
|
## Template: Grouping Options
|
|
12
12
|
|
|
13
13
|
```html
|
|
14
|
-
<div class="h-[500px] flex gap-12">
|
|
15
|
-
<sd-select
|
|
14
|
+
<div class="h-[500px] flex flex-wrap md:flex-nowrap gap-12">
|
|
15
|
+
<sd-select
|
|
16
|
+
size="lg"
|
|
17
|
+
placement="bottom"
|
|
18
|
+
label="City/Region"
|
|
19
|
+
placeholder="Please select"
|
|
20
|
+
max-options-visible="3"
|
|
21
|
+
class="min-w-[200px] md:min-w-0 max-w-[400px]"
|
|
22
|
+
>
|
|
16
23
|
<div class="text-black px-4 font-bold">Australia</div>
|
|
17
24
|
<sd-option value="option-1">Brisbane (Queensland)</sd-option>
|
|
18
25
|
<sd-option value="option-2">Sydney (Victoria)</sd-option>
|
|
@@ -22,7 +29,14 @@ version: 1.0.0
|
|
|
22
29
|
<sd-option value="option-4">Hartberg (Styria)</sd-option>
|
|
23
30
|
</sd-select>
|
|
24
31
|
|
|
25
|
-
<sd-select
|
|
32
|
+
<sd-select
|
|
33
|
+
size="lg"
|
|
34
|
+
placement="bottom"
|
|
35
|
+
label="Country"
|
|
36
|
+
placeholder="Please select"
|
|
37
|
+
max-options-visible="3"
|
|
38
|
+
class="min-w-[200px] md:min-w-0 max-w-[400px]"
|
|
39
|
+
>
|
|
26
40
|
<div class="text-black px-4 font-bold">Asia</div>
|
|
27
41
|
<sd-option value="option-1">Japan</sd-option>
|
|
28
42
|
<sd-option value="option-2">South Korea</sd-option>
|
|
@@ -37,7 +51,7 @@ version: 1.0.0
|
|
|
37
51
|
## Template: Select with Option and Checkbox
|
|
38
52
|
|
|
39
53
|
```html
|
|
40
|
-
<div class="w-[400px] h-[500px]">
|
|
54
|
+
<div class="max-w-[400px] h-[500px]">
|
|
41
55
|
<sd-select
|
|
42
56
|
id="select-with-checkbox"
|
|
43
57
|
size="lg"
|
|
@@ -23,7 +23,7 @@ version: 1.0.0
|
|
|
23
23
|
## Template: Input with Tooltip
|
|
24
24
|
|
|
25
25
|
```html
|
|
26
|
-
<sd-input class="w-[400px] py-6">
|
|
26
|
+
<sd-input class="max-w-[400px] py-6">
|
|
27
27
|
<span slot="right" class="text-sm inline-flex items-center">
|
|
28
28
|
<span class="text-neutral-700">EUR</span>
|
|
29
29
|
</span>
|
|
@@ -36,7 +36,7 @@ version: 1.0.0
|
|
|
36
36
|
## Template: Select with Tooltip
|
|
37
37
|
|
|
38
38
|
```html
|
|
39
|
-
<sd-select class="w-[400px] h-[300px] py-6" size="lg" placement="top" placeholder="Please select" value="">
|
|
39
|
+
<sd-select class="max-w-[400px] h-[300px] py-6" size="lg" placement="top" placeholder="Please select" value="">
|
|
40
40
|
<div slot="label">Access role</div>
|
|
41
41
|
<sd-tooltip
|
|
42
42
|
slot="tooltip"
|
|
@@ -56,7 +56,7 @@ version: 1.0.0
|
|
|
56
56
|
|
|
57
57
|
```html
|
|
58
58
|
<sd-textarea
|
|
59
|
-
class="w-[540px] py-4"
|
|
59
|
+
class="max-w-[540px] py-4"
|
|
60
60
|
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."
|
|
61
61
|
>
|
|
62
62
|
<div slot="label">Project description</div>
|
|
@@ -67,7 +67,7 @@ version: 1.0.0
|
|
|
67
67
|
## Template: Radio Group with Tooltip
|
|
68
68
|
|
|
69
69
|
```html
|
|
70
|
-
<sd-radio-group class="w-[400px] py-6">
|
|
70
|
+
<sd-radio-group class="max-w-[400px] py-6">
|
|
71
71
|
<div slot="label">Choose your subscription plan</div>
|
|
72
72
|
<sd-tooltip slot="tooltip" content="Select the plan that best meets your needs" size="sm"></sd-tooltip>
|
|
73
73
|
|
|
@@ -80,7 +80,7 @@ version: 1.0.0
|
|
|
80
80
|
## Template: Checkbox Group with Tooltip
|
|
81
81
|
|
|
82
82
|
```html
|
|
83
|
-
<sd-checkbox-group class="w-[400px] py-6">
|
|
83
|
+
<sd-checkbox-group class="max-w-[400px] py-6">
|
|
84
84
|
<div slot="label">Select your interests</div>
|
|
85
85
|
<sd-tooltip slot="tooltip" content="Choose all that apply to you" size="sm"></sd-tooltip>
|
|
86
86
|
|
|
@@ -93,7 +93,7 @@ version: 1.0.0
|
|
|
93
93
|
## Template: Tooltip with Bolded Text
|
|
94
94
|
|
|
95
95
|
```html
|
|
96
|
-
<div class="h-[150px] flex items-center">
|
|
96
|
+
<div class="w-full max-h-[150px] flex items-center">
|
|
97
97
|
<sd-tooltip placement="top-start" size="sm">
|
|
98
98
|
<div slot="content">
|
|
99
99
|
<h5 class="sd-headline sd-headline--size-base sd-headline--inverted">Guidelines</h5>
|
package/package.json
CHANGED
|
@@ -20,9 +20,9 @@
|
|
|
20
20
|
"prettier": "^3.8.1",
|
|
21
21
|
"tsx": "^4.0.0",
|
|
22
22
|
"typescript": "^5.9.3",
|
|
23
|
-
"@solid-design-system/
|
|
24
|
-
"@solid-design-system/
|
|
25
|
-
"@solid-design-system/
|
|
23
|
+
"@solid-design-system/components": "6.28.0",
|
|
24
|
+
"@solid-design-system/tokens": "6.28.0",
|
|
25
|
+
"@solid-design-system/styles": "6.28.0"
|
|
26
26
|
},
|
|
27
27
|
"exports": {
|
|
28
28
|
".": {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
"directory": "packages/mcp"
|
|
60
60
|
},
|
|
61
61
|
"type": "module",
|
|
62
|
-
"version": "
|
|
62
|
+
"version": "6.28.0",
|
|
63
63
|
"scripts": {
|
|
64
64
|
"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",
|
|
65
65
|
"build:components": "cd ../components && pnpm exec node scripts/make-metadata.js --outdir dist",
|
|
@@ -69,8 +69,9 @@
|
|
|
69
69
|
"lint:js": "cd ../.. && pnpm exec eslint packages/mcp/src",
|
|
70
70
|
"lint": "pnpm run /^lint:.*/",
|
|
71
71
|
"test": "node --import tsx/esm --test \"test/**/*.spec.ts\"",
|
|
72
|
-
"
|
|
73
|
-
"verify": "pnpm build && echo '✅ Build verified' && pnpm
|
|
74
|
-
"mcp:inspector": "
|
|
72
|
+
"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)",
|
|
73
|
+
"verify": "pnpm build && echo '✅ Build verified' && pnpm test && echo '✅ Test verified'",
|
|
74
|
+
"mcp:inspector": "npx @modelcontextprotocol/inspector node dist/bin/start.js",
|
|
75
|
+
"postversion": "pnpm build"
|
|
75
76
|
}
|
|
76
77
|
}
|