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

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.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/metadata/packages/components/sd-teaser/stories/breakpoint.md +2 -2
  3. package/metadata/packages/components/sd-teaser/stories/default-and-headline-slot.md +1 -1
  4. package/metadata/packages/components/sd-teaser/stories/distribution.md +1 -1
  5. package/metadata/packages/components/sd-teaser/stories/inset.md +1 -1
  6. package/metadata/packages/components/sd-teaser/stories/media-slot.md +1 -1
  7. package/metadata/packages/components/sd-teaser/stories/meta-slot.md +1 -1
  8. package/metadata/packages/components/sd-teaser/stories/reverse.md +1 -1
  9. package/metadata/packages/components/sd-teaser/stories/variant.md +9 -5
  10. package/metadata/packages/templates/bottom-navigation.md +2 -4
  11. package/metadata/packages/templates/teaser.md +1 -1
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # Changelog
2
2
 
3
+ ## 7.0.0-next.1
4
+
5
+ ### Patch Changes
6
+
7
+ - Fix versioned icons to work with next versions. _[`#3186`](https://github.com/solid-design-system/solid/pull/3186) [`30af3ad`](https://github.com/solid-design-system/solid/commit/30af3ad6d2e8daebeaa9d6a863fdd5794a015da9) [@auroraVasconcelos](https://github.com/auroraVasconcelos)_
8
+
9
+ ## 7.0.0-next.0
10
+
3
11
  ## 6.28.0
4
12
 
5
13
  ## 6.27.2
package/metadata/packages/components/sd-teaser/stories/breakpoint.md CHANGED
@@ -6,7 +6,7 @@ Use the `breakpoint` attribute to change the teaser's layout at a specific break
6
6
  ```html
7
7
  <div class="flex gap-8 flex-col">
8
8
  <sd-teaser breakpoint="0">
9
- <h3 slot="headline">Horizontal</h3>
9
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Horizontal</h3>
10
10
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
11
11
  <p>
12
12
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
@@ -16,7 +16,7 @@ Use the `breakpoint` attribute to change the teaser's layout at a specific break
16
16
  </sd-teaser>
17
17
 
18
18
  <sd-teaser breakpoint="9999" class="w-[256px]">
19
- <h3 slot="headline">Vertical</h3>
19
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Vertical</h3>
20
20
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
21
21
  <p>
22
22
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
package/metadata/packages/components/sd-teaser/stories/default-and-headline-slot.md CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
  ```html
6
6
  <sd-teaser>
7
- <h3 slot="headline">Lorem ipsum sic semper</h3>
7
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
8
8
  <p>
9
9
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
10
10
  reprehenderit aliquip officia in minim. Eu ipsum pariatur dolor. Do ex in cupidatat anim aliqua sint voluptate sunt
package/metadata/packages/components/sd-teaser/stories/distribution.md CHANGED
@@ -2,7 +2,7 @@ Use the `--distribution-media` and `--distribution-content` CSS properties to ad
2
2
 
3
3
  ```html
4
4
  <sd-teaser style="--distribution-media: 20%; --distribution-content: 80%;">
5
- <h3 slot="headline">Lorem ipsum sic semper</h3>
5
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
6
6
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
7
7
  <p>
8
8
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
package/metadata/packages/components/sd-teaser/stories/inset.md CHANGED
@@ -2,7 +2,7 @@ Use the `inset` attribute to create a teaser with an inset padding if the contex
2
2
 
3
3
  ```html
4
4
  <sd-teaser inset variant="primary-100">
5
- <h3 slot="headline">Teaser with inset Padding</h3>
5
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with inset Padding</h3>
6
6
  <p>
7
7
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
8
8
  reprehenderit aliquip officia in minim. Eu ipsum pariatur dolor. Do ex in cupidatat anim aliqua sint voluptate sunt
package/metadata/packages/components/sd-teaser/stories/media-slot.md CHANGED
@@ -3,7 +3,7 @@ Teasers accept a `media` slot to display images or videos.
3
3
 
4
4
  ```html
5
5
  <sd-teaser>
6
- <h3 slot="headline">Lorem ipsum sic semper</h3>
6
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
7
7
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
8
8
  <p>
9
9
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
package/metadata/packages/components/sd-teaser/stories/meta-slot.md CHANGED
@@ -2,7 +2,7 @@ Use the `meta` slot to add additional content to the teaser.
2
2
 
3
3
  ```html
4
4
  <sd-teaser>
5
- <h3 slot="headline">Lorem ipsum sic semper</h3>
5
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
6
6
  <div slot="meta">
7
7
  <time class="sd-meta sd-meta--pipe" datetime="2023-01-01">01.01.2023</time>
8
8
  <span class="sd-meta">Author name</span>
package/metadata/packages/components/sd-teaser/stories/reverse.md CHANGED
@@ -3,7 +3,7 @@ Use the `reversed-layout` attribute to invert the horizontal layout.
3
3
 
4
4
  ```html
5
5
  <sd-teaser reversed-layout>
6
- <h3 slot="headline">Horizontal</h3>
6
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Horizontal</h3>
7
7
  <img slot="media" src="./placeholders/images/architecture.jpg" alt="" class="w-full h-auto" />
8
8
  <p>
9
9
  Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
package/metadata/packages/components/sd-teaser/stories/variant.md CHANGED
@@ -9,23 +9,27 @@ Use the `variant` attribute to use the appropriate teaser for your context:
9
9
  ```html
10
10
  <div class="grid grid-cols-2 gap-12">
11
11
  <sd-teaser variant="white" inset>
12
- <h3 slot="headline">Teaser with white background</h3>
12
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with white background</h3>
13
13
  <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
14
14
  </sd-teaser>
15
15
  <sd-teaser variant="white border-neutral-400">
16
- <h3 slot="headline">Teaser with white background and border neutral-400</h3>
16
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">
17
+ Teaser with white background and border neutral-400
18
+ </h3>
17
19
  <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
18
20
  </sd-teaser>
19
21
  <sd-teaser variant="neutral-100" inset>
20
- <h3 slot="headline">Teaser with neutral-100 background</h3>
22
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with neutral-100 background</h3>
21
23
  <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
22
24
  </sd-teaser>
23
25
  <sd-teaser variant="primary-100" inset>
24
- <h3 slot="headline">Teaser with primary-100 background</h3>
26
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with primary-100 background</h3>
25
27
  <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
26
28
  </sd-teaser>
27
29
  <sd-teaser variant="primary" inset>
28
- <h3 slot="headline">Teaser with primary background</h3>
30
+ <h3 slot="headline" class="sd-headline sd-headline--size-lg sd-headline--inverted">
31
+ Teaser with primary background
32
+ </h3>
29
33
  <p class="sd-paragraph sd-paragraph--inverted">
30
34
  Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.
31
35
  </p>
package/metadata/packages/templates/bottom-navigation.md CHANGED
@@ -124,10 +124,8 @@ version: 1.0.0
124
124
  alt="A parent and child reading a book together on the couch."
125
125
  />
126
126
  </div>
127
- <h3 slot="headline">
128
- <span class="sd-headline sd-headline--size-base">
129
- Steuerliche und rechtliche Basics beim Sparen fürs Kind</span
130
- >
127
+ <h3 slot="headline" class="sd-headline sd-headline--size-base">
128
+ Steuerliche und rechtliche Basics beim Sparen fürs Kind
131
129
  </h3>
132
130
  <p class="sd-paragraph">
133
131
  Beim Sparen fürs Kind gibt es neben der Finanzplanung auch wichtige steuerliche und rechtliche Punkte zu
package/metadata/packages/templates/teaser.md CHANGED
@@ -73,7 +73,7 @@ version: 1.0.0
73
73
  </style>
74
74
  <div class="max-w-[426.67px]">
75
75
  <sd-teaser variant="primary-100" inset class="clickable relative m-2 translate-x-0 translate-y-0">
76
- <h2 slot="headline">Union Investment's climate strategy</h2>
76
+ <h2 slot="headline" class="sd-headline sd-headline--size-lg">Union Investment's climate strategy</h2>
77
77
  <div slot="media" class="relative">
78
78
  <img
79
79
  class="aspect-video object-cover"
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/components": "6.28.0",
24
- "@solid-design-system/tokens": "6.28.0",
25
- "@solid-design-system/styles": "6.28.0"
23
+ "@solid-design-system/components": "7.0.0-next.1",
24
+ "@solid-design-system/styles": "7.0.0-next.1",
25
+ "@solid-design-system/tokens": "7.0.0-next.1"
26
26
  },
27
27
  "exports": {
28
28
  ".": {
@@ -59,7 +59,7 @@
59
59
  "directory": "packages/mcp"
60
60
  },
61
61
  "type": "module",
62
- "version": "6.28.0",
62
+ "version": "7.0.0-next.1",
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",