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

package/metadata/packages/components/sd-popup/info.md

@@ -19,7 +19,7 @@
 - prop.arrow: boolean, default=false — Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and
   `--arrow-color` custom properties. For additional customizations, you can also target the arrow using
   `::part(arrow)` in your stylesheet.
-- prop.arrowPlacement [attr: arrow-placement]: |'start'|'end'|'center'|'anchor', default='anchor' — The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
+- prop.arrowPlacement [attr: arrow-placement]: 'start'|'end'|'center'|'anchor', default='anchor' — The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the
   anchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will
   align the arrow to the start, end, or center of the popover instead.
 - prop.arrowPadding [attr: arrow-padding]: number, default=10 — The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,

package/metadata/packages/components/sd-quickfact/info.md

@@ -45,7 +45,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.summary-icon: The container that wraps the expand/collapse icons.
 - part.summary-border: The container that wraps the currently active accordions border.
 - part.content: The container that wraps the accordion content slot.
-- part.content\_\_slot: The accordion content slot.
+- part.content__slot: The accordion content slot.
 
 ## Guidelines
 

package/metadata/packages/components/sd-quickfact/stories/expandable.md

@@ -10,7 +10,6 @@ args: overrideArgs([
 type: 'slot',
 name: 'summary',
 value: `<div slot="summary" class="flex flex-col sm:gap-4"> <p class="text-base font-normal leading-normal sm:text-4xl sm:leading-tight">Lorem Ipsum</p>
-
 <div class="text-base font-normal leading-normal sm:text-xl">Con sectetur adipiscing elit</div></div>`
 },
 {

package/metadata/packages/components/sd-radio-group/info.md

@@ -56,7 +56,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.form-control-label: The label's wrapper.
 - part.form-control-input: The input's wrapper.
 - part.button-group: The button group that wraps radio buttons.
-- part.button-group\_\_base: The button group's `base` part.
+- part.button-group__base: The button group's `base` part.
 
 ## Guidelines
 

package/metadata/packages/components/sd-radio-group/stories/required.md

@@ -1,5 +1,5 @@
 Use the `required` attribute to mark the element as required. This can be used for form validation purposes.
-**Accessibility Hint:** To ensure screen-reader compatibility, consider including a statement such as "Fields marked with an asterisk (\*) are required" at the start of the form.
+**Accessibility Hint:** To ensure screen-reader compatibility, consider including a statement such as "Fields marked with an asterisk (*) are required" at the start of the form.
 
 ```html
 <form id="required-form" class="flex flex-col gap-8">

package/metadata/packages/components/sd-range/info.md

@@ -24,7 +24,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.disabled: boolean, default=false — Disables the range.
 - prop.visuallyDisabled [attr: visually-disabled]: boolean, default=false — Disables the range visually.
 - prop.noTrackBar [attr: no-track-bar]: boolean, default=false — Disables the active track bar.
-- prop.tooltip: |'on-interaction'|'hidden'|'always-visible', default='on-interaction' — Defines the thumbs tooltip behaviour.
+- prop.tooltip: 'on-interaction'|'hidden'|'always-visible', default='on-interaction' — Defines the thumbs tooltip behaviour.
 - prop.defaultValue: string, default='' — The default value of the form control. Primarily used for resetting the form control.
 - prop.value: — The current values of the input (in ascending order) as a string of space separated values
 - prop.valueAsArray: — Gets or sets the current values of the range as an array of numbers

package/metadata/packages/components/sd-select/info.md

@@ -93,9 +93,9 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.listbox: The listbox container where options are slotted.
 - part.tags: The container that houses option tags when `multiselect` is used.
 - part.tag: The individual tags that represent each multiselect option.
-- part.tag\_\_base: The tag's base part.
-- part.tag\_\_content: The tag's content part.
-- part.tag\_\_removable-indicator: The tag's remove button.
+- part.tag__base: The tag's base part.
+- part.tag__content: The tag's content part.
+- part.tag__removable-indicator: The tag's remove button.
 - part.clear-button: The clear button.
 - part.expand-icon: The container that wraps the expand icon.
 

package/metadata/packages/components/sd-step/stories/size.md

@@ -13,7 +13,7 @@ Use the `size` attribute to set the size of a step:
     <span slot="label">Small</span>
   </sd-step>
   <sd-step size="xs" orientation="vertical" class="pl-16">
-    <span slot="label">Extra Small</span>
+    <span slot="label">Extra small</span>
   </sd-step>
 </div>
 ```

package/metadata/packages/components/sd-tab-group/info.md

@@ -38,7 +38,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - part.body: The tab group's body where tab panels are slotted in.
 - part.scroll-button--start: The starting scroll button.
 - part.scroll-button--end: The ending scroll button.
-- part.scroll-button\_\_base: The scroll button's exported `base` part.
+- part.scroll-button__base: The scroll button's exported `base` part.
 
 ## Guidelines
 

package/metadata/packages/components/sd-tag/info.md

@@ -23,7 +23,7 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.removable: boolean, default=false — Displays the tag with a removability indicator.
 - prop.disabled: boolean, default=false — Displays the tag in a disabled state.
 - prop.href: string, default='' — When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.
-- prop.target: '\_blank'|'\_parent'|'\_self'|'\_top' — Tells the browser where to open the link. Only used when `href` is present.
+- prop.target: '_blank'|'_parent'|'_self'|'_top' — Tells the browser where to open the link. Only used when `href` is present.
 - prop.download: string|undefined — Tells the browser to download the linked file as this filename. Only used when `href` is present.
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.
@@ -72,4 +72,4 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Interactivity
 
-- Tags are interactive elements which trigger an action; to label or categorise items without any interaction use [sd-chip](./?path=/docs/styles-sd-chip--docs) or [sd-flag](./?path=/docs/styles-sd-flag--docs) instead.
+- Tags are interactive elements which trigger an action; to label or categorise items without any interaction use [sd-chip](./?path=/docs/styles-sd-chip--docs) instead.

package/metadata/packages/components/sd-teaser/info.md

@@ -19,7 +19,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.variant: |'white'|'white border-neutral-400'|'neutral-100'|'primary'|'primary-100', default='white' — Variant of the teaser
+- prop.variant: 'white'|'white border-neutral-400'|'neutral-100'|'primary'|'primary-100', default='white' — Variant of the teaser
 - prop.breakpoint: number, default=448 — Breakpoint where the teaser switches from `vertical` to `horizontal`. `0` is always `horizontal`, `9999` is always `vertical`.
 - prop.inset: boolean, default=false — The teaser's inner padding. This is always set in `white border-neutral-400`.
 - prop.reversedLayout [attr: reversed-layout]: boolean, default=false — Reverses the layout in horizontal variant

package/metadata/packages/components/sd-teaser/stories/breakpoint.md

@@ -6,7 +6,7 @@ Use the `breakpoint` attribute to change the teaser's layout at a specific break
 ```html
 <div class="flex gap-8 flex-col">
   <sd-teaser breakpoint="0">
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">Horizontal</h3>
+    <h3 slot="headline">Horizontal</h3>
     <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
     <p>
       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
   </sd-teaser>
 
   <sd-teaser breakpoint="9999" class="w-[256px]">
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">Vertical</h3>
+    <h3 slot="headline">Vertical</h3>
     <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
     <p>
       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

@@ -4,7 +4,7 @@
 
 ```html
 <sd-teaser>
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
+  <h3 slot="headline">Lorem ipsum sic semper</h3>
   <p>
     Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
     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

@@ -2,7 +2,7 @@ Use the `--distribution-media` and `--distribution-content` CSS properties to ad
 
 ```html
 <sd-teaser style="--distribution-media: 20%; --distribution-content: 80%;">
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
+  <h3 slot="headline">Lorem ipsum sic semper</h3>
   <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
   <p>
     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

@@ -2,7 +2,7 @@ Use the `inset` attribute to create a teaser with an inset padding if the contex
 
 ```html
 <sd-teaser inset variant="primary-100">
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with inset Padding</h3>
+  <h3 slot="headline">Teaser with inset Padding</h3>
   <p>
     Quis ut ex cupidatat proident cillum ullamco ea aute ad laborum aliqua incididunt sint ipsum. Elit enim
     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

@@ -3,7 +3,7 @@ Teasers accept a `media` slot to display images or videos.
 
 ```html
 <sd-teaser>
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
+  <h3 slot="headline">Lorem ipsum sic semper</h3>
   <img slot="media" src="./placeholders/images/architecture.jpg" alt="" style="width:100%; height: auto;" />
   <p>
     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

@@ -2,7 +2,7 @@ Use the `meta` slot to add additional content to the teaser.
 
 ```html
 <sd-teaser>
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Lorem ipsum sic semper</h3>
+  <h3 slot="headline">Lorem ipsum sic semper</h3>
   <div slot="meta">
     <time class="sd-meta sd-meta--pipe" datetime="2023-01-01">01.01.2023</time>
     <span class="sd-meta">Author name</span>

package/metadata/packages/components/sd-teaser/stories/reverse.md

@@ -3,7 +3,7 @@ Use the `reversed-layout` attribute to invert the horizontal layout.
 
 ```html
 <sd-teaser reversed-layout>
-  <h3 slot="headline" class="sd-headline sd-headline--size-lg">Horizontal</h3>
+  <h3 slot="headline">Horizontal</h3>
   <img slot="media" src="./placeholders/images/architecture.jpg" alt="" class="w-full h-auto" />
   <p>
     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

@@ -9,27 +9,23 @@ Use the `variant` attribute to use the appropriate teaser for your context:
 ```html
 <div class="grid grid-cols-2 gap-12">
   <sd-teaser variant="white" inset>
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with white background</h3>
+    <h3 slot="headline">Teaser with white background</h3>
     <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
   </sd-teaser>
   <sd-teaser variant="white border-neutral-400">
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">
-      Teaser with white background and border neutral-400
-    </h3>
+    <h3 slot="headline">Teaser with white background and border neutral-400</h3>
     <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
   </sd-teaser>
   <sd-teaser variant="neutral-100" inset>
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with neutral-100 background</h3>
+    <h3 slot="headline">Teaser with neutral-100 background</h3>
     <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
   </sd-teaser>
   <sd-teaser variant="primary-100" inset>
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg">Teaser with primary-100 background</h3>
+    <h3 slot="headline">Teaser with primary-100 background</h3>
     <p class="sd-paragraph">Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.</p>
   </sd-teaser>
   <sd-teaser variant="primary" inset>
-    <h3 slot="headline" class="sd-headline sd-headline--size-lg sd-headline--inverted">
-      Teaser with primary background
-    </h3>
+    <h3 slot="headline">Teaser with primary background</h3>
     <p class="sd-paragraph sd-paragraph--inverted">
       Lorem ipsum dolor sit amet, consetetur sadi pscing elitr, sed diam nonumy eirmod tempor.
     </p>

package/metadata/packages/components/sd-teaser-media/info.md

@@ -15,7 +15,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 ### Key Properties
 
-- prop.variant: |'white'|'neutral-100'|'primary'|'primary-100'|'gradient-light'|'gradient-dark', default='white' — Variant of the teaser
+- prop.variant: 'white'|'neutral-100'|'primary'|'primary-100'|'gradient-light'|'gradient-dark', default='white' — Variant of the teaser
 - prop.open: boolean, default=false — Controls whether the expandable content is visible
 - prop.dir: 'ltr'|'rtl'|'auto' — The element's directionality.
 - prop.lang: string — The element's language.

package/metadata/packages/components/sd-teaser-media/stories/default-media-and-headline-slot.md

@@ -1,6 +1,6 @@
 - Use the `default` slot to display main information and/or action elements below the headline.
 - Use the `media` slot to add an image to the teaser.
-- Use the `headline` slot to display titles. It should always contain a <h\*> element.
+- Use the `headline` slot to display titles. It should always contain a <h*> element.
   **Accessibility Hint:**
 - Please make sure to use semantically correct headline tags for the headline slot to provide accessible content.
 - The heading in a teaser should be the first item in the DOM. A heading introduces a new thematic region and separates the following content from the previous region.

package/metadata/packages/components/sd-textarea/info.md

@@ -43,12 +43,12 @@ Use the components tool by passing the args `component` and `example` for any of
 - prop.floatingLabel [attr: floating-label]: boolean, default=false — Enables the floating label behavior for the input.
 - prop.minlength: number — The minimum length of input that will be considered valid.
 - prop.maxlength: number — The maximum length of input that will be considered valid.
-- prop.autocapitalize: |'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
-- prop.autocorrect: 'off'|'on' — Indicates whether the browser's autocorrect feature is on or off.
+- prop.autocapitalize: 'off'|'none'|'on'|'sentences'|'words'|'characters' — Controls whether and how text input is automatically capitalized as it is entered by the user.
+- prop.autocorrect: boolean — Indicates whether the browser's autocorrect feature is on or off.
 - prop.autocomplete: string — Specifies what permission the browser has to provide assistance in filling out form field values. Refer to
   [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.
 - prop.autofocus: boolean — Indicates that the input should receive focus on page load.
-- prop.enterkeyhint: |'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
+- prop.enterkeyhint: 'enter'|'done'|'go'|'next'|'previous'|'search'|'send' — Used to customize the label or icon of the Enter key on virtual keyboards.
 - prop.styleOnValid [attr: style-on-valid]: boolean, default=false — Shows success styles if the validity of the input is valid.
 - prop.spellcheck: boolean, default=true — Enables spell checking on the textarea.
 - prop.inputmode: 'none'|'text' — Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual

package/metadata/packages/components/sd-tooltip/info.md

@@ -20,7 +20,7 @@ Use the components tool by passing the args `component` and `example` for any of
 
 - prop.size: 'lg'|'sm', default='lg' — Sets the size of the default trigger icon.
 - prop.content: string, default='' — The tooltip's content. If you need to display HTML, use the `content` slot instead.
-- prop.placement: |'top'|'top-start'|'top-end'|'bottom'|'bottom-start'|'bottom-end', default='top' — The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
+- prop.placement: 'top'|'top-start'|'top-end'|'bottom'|'bottom-start'|'bottom-end', default='top' — The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip
   inside of the viewport.
 - prop.disabled: boolean, default=false — Disables the tooltip so it won't show when triggered.
 - prop.open: boolean, default=false — Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.
@@ -52,8 +52,8 @@ Use the components tool by passing the args `component` and `example` for any of
 ### CSS Parts
 
 - part.base: The component's base wrapper, an `<sd-popup>` element.
-- part.base\_\_popup: The popup's exported `popup` part. Use this to target the tooltip's popup container.
-- part.base\_\_arrow: The popup's exported `arrow` part. Use this to target the tooltip's arrow.
+- part.base__popup: The popup's exported `popup` part. Use this to target the tooltip's popup container.
+- part.base__arrow: The popup's exported `arrow` part. Use this to target the tooltip's arrow.
 - part.body: The tooltip's body where its content is rendered.
 
 ## Guidelines

package/metadata/packages/components/sd-tooltip/stories/custom-trigger.md

@@ -4,7 +4,7 @@ In this example we provide a solution to this problem by using a live region to
 
 ```html
 <sd-tooltip size="lg" content="This tooltip is accessible" placement="bottom" trigger="click" class="custom-tooltip">
-  <sd-button class="custom-button">Custom Trigger</sd-button>
+  <sd-button class="custom-button">Custom trigger</sd-button>
 </sd-tooltip>
 <div aria-live="assertive" class="sr-only live-region"></div>
 <script>

package/metadata/packages/components/sd-tooltip/stories/placement.md

@@ -10,17 +10,17 @@ Use the `placement` attribute to set the placement:
 ```html
 <div class="grid grid-cols-1 justify-items-center md:grid-cols-3 md:justify-items-start gap-24 p-12">
   <div>
-    <sd-tooltip content="Top Start Positioning" placement="top-start" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top Start positioning" placement="top-start" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Top Positioning" placement="top" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top positioning" placement="top" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Top End Positioning" placement="top-end" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Top End positioning" placement="top-end" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
     <sd-tooltip
-      content="Bottom Start Positioning"
+      content="Bottom Start positioning"
       placement="bottom-start"
       open
       size="lg"
@@ -28,11 +28,11 @@ Use the `placement` attribute to set the placement:
     ></sd-tooltip>
   </div>
   <div>
-    <sd-tooltip content="Bottom Positioning" placement="bottom" open size="lg" trigger="click focus"></sd-tooltip>
+    <sd-tooltip content="Bottom positioning" placement="bottom" open size="lg" trigger="click focus"></sd-tooltip>
   </div>
   <div>
     <sd-tooltip
-      content="Bottom End Positioning"
+      content="Bottom End positioning"
       placement="bottom-end"
       open
       size="lg"

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

@@ -79,16 +79,16 @@
     "displayNameDe": "Herz voll",
     "tags": ["Favoriten", "gespeichert", "gemerkt"]
   },
-  {
-    "technicalId": "flash-on",
-    "displayNameDe": "Blitz an",
-    "tags": ["Taschenlampe an", "Foto"]
-  },
   {
     "technicalId": "battery-full",
     "displayNameDe": "Batterie voll\n",
     "tags": ["voll", "Akku", "Ladestatus"]
   },
+  {
+    "technicalId": "flash-on",
+    "displayNameDe": "Blitz an",
+    "tags": ["Taschenlampe an", "Foto"]
+  },
   {
     "technicalId": "sort-down",
     "displayNameDe": "sortieren absteigend",
@@ -1044,16 +1044,16 @@
     "displayNameDe": "antworten",
     "tags": ["Rückmeldung", "Nachricht", "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": "password",
+    "displayNameDe": "Passwort",
+    "tags": ["sicherheitsgeschützt", "privat", "verschlüsselt"]
+  },
   {
     "technicalId": "e-mail-exclamation",
     "displayNameDe": "E-Mail Ausrufezeichen",
@@ -1084,16 +1084,16 @@
     "displayNameDe": "Textmarker",
     "tags": ["hervorheben", "malen", "farbig", "wichtig"]
   },
-  {
-    "technicalId": "e-mail-forward",
-    "displayNameDe": "E-Mail weiterleiten",
-    "tags": ["Pfeil", "weiterleiten", "Brief"]
-  },
   {
     "technicalId": "arrow-top-left",
     "displayNameDe": "Pfeil links oben",
     "tags": ["zurück", "oben", "rückwärts"]
   },
+  {
+    "technicalId": "e-mail-forward",
+    "displayNameDe": "E-Mail weiterleiten",
+    "tags": ["Pfeil", "weiterleiten", "Brief"]
+  },
   {
     "technicalId": "external-link",
     "displayNameDe": "externer Link",

package/metadata/packages/icons/sd-multi-theming/content.json

@@ -1,27 +1,27 @@
 [
   {
-    "technicalId": "calculator",
-    "displayNameDe": "calculator",
+    "technicalId": "",
+    "displayNameDe": "",
     "tags": []
   },
   {
-    "technicalId": "image",
-    "displayNameDe": "image",
+    "technicalId": "",
+    "displayNameDe": "",
     "tags": []
   },
   {
-    "technicalId": "person-newspaper",
-    "displayNameDe": "person newspaper",
+    "technicalId": "",
+    "displayNameDe": "",
     "tags": []
   },
   {
-    "technicalId": "podcast",
-    "displayNameDe": "podcast",
+    "technicalId": "",
+    "displayNameDe": "",
     "tags": []
   },
   {
-    "technicalId": "video",
-    "displayNameDe": "video",
+    "technicalId": "",
+    "displayNameDe": "",
     "tags": []
   }
 ]