@carbon/ibmdotcom-web-components 1.20.0 → 1.20.1

package/custom-elements.json

@@ -46,178 +46,212 @@
       ]
     },
     {
-      "name": "dds-button-expressive",
-      "path": "./src/components/button/button.ts",
-      "description": "Expressive button.",
+      "name": "dds-expressive-modal-close-button",
+      "path": "./src/components/expressive-modal/expressive-modal-close-button.ts",
+      "description": "Expressive modal close button.",
       "attributes": [
         {
-          "name": "autofocus",
-          "description": "`true` if the button should have input focus when the page loads.",
-          "type": "boolean",
-          "default": "false"
-        },
+          "name": "size",
+          "description": "The size variant.",
+          "type": "EXPRESSIVE_MODAL_SIZE",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
         {
-          "name": "disabled",
-          "description": "`true` if the button should be disabled.",
-          "type": "boolean",
-          "default": "false"
+          "name": "size",
+          "attribute": "size",
+          "description": "The size variant.",
+          "type": "EXPRESSIVE_MODAL_SIZE",
+          "default": "\"\""
         },
         {
-          "name": "download",
-          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "name": "assistiveText",
+          "description": "The assistive text for the button.",
           "type": "string"
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "close",
+          "description": "icon The close icon."
+        }
+      ]
+    },
+    {
+      "name": "dds-expressive-modal",
+      "path": "./src/components/expressive-modal/expressive-modal.ts",
+      "description": "Expressive modal.",
+      "attributes": [
+        {
+          "name": "container-class",
+          "description": "The additional CSS class names for the container <div> of the element.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "href",
-          "description": "Link `href`. If present, this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "hreflang",
-          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "mode",
+          "description": "The mode variant.",
+          "type": "EXPRESSIVE_MODAL_MODE",
+          "default": "\"\""
         },
         {
-          "name": "icon-layout",
-          "description": "Button icon layout.",
-          "type": "BUTTON_ICON_LAYOUT",
+          "name": "expressive-size",
+          "description": "The size variant.",
+          "type": "EXPRESSIVE_MODAL_SIZE",
           "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "modalContent",
+          "type": "HTMLDivElement | undefined"
         },
         {
-          "name": "kind",
-          "description": "Button kind.",
-          "type": "BUTTON_KIND",
-          "default": "\"primary\""
+          "name": "modalBody",
+          "type": "HTMLDivElement | undefined"
         },
         {
-          "name": "link-role",
-          "description": "The a11y role for `<a>`.",
+          "name": "containerClass",
+          "attribute": "container-class",
+          "description": "The additional CSS class names for the container <div> of the element.",
           "type": "string",
-          "default": "\"button\""
+          "default": "\"\""
         },
         {
-          "name": "ping",
-          "description": "URLs to ping, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "rel",
-          "description": "The link type, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "mode",
+          "attribute": "mode",
+          "description": "The mode variant.",
+          "type": "EXPRESSIVE_MODAL_MODE",
+          "default": "\"\""
         },
         {
           "name": "size",
-          "description": "Button size.",
-          "type": "BUTTON_SIZE",
+          "attribute": "expressive-size",
+          "description": "The size variant.",
+          "type": "EXPRESSIVE_MODAL_SIZE",
           "default": "\"\""
         },
         {
-          "name": "target",
-          "description": "The link target, if this button is rendered as `<a>`.",
-          "type": "string"
-        },
-        {
-          "name": "type",
-          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "prototype",
+          "description": "A reference to the prototype.",
+          "type": "Set<any>"
         }
       ],
-      "properties": [
-        {
-          "name": "autofocus",
-          "attribute": "autofocus",
-          "description": "`true` if the button should have input focus when the page loads.",
-          "type": "boolean",
-          "default": "false"
-        },
+      "events": [
         {
-          "name": "disabled",
-          "attribute": "disabled",
-          "description": "`true` if the button should be disabled.",
-          "type": "boolean",
-          "default": "false"
+          "name": "dds-expressive-modal-beingclosed",
+          "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
         },
         {
-          "name": "download",
-          "attribute": "download",
-          "description": "The default file name, used if this button is rendered as `<a>`.",
-          "type": "string"
-        },
+          "name": "dds-expressive-modal-closed",
+          "description": "The custom event fired after this modal is closed upon a user gesture."
+        }
+      ],
+      "slots": [
         {
-          "name": "href",
-          "attribute": "href",
-          "description": "Link `href`. If present, this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "header",
+          "description": "The header content."
         },
         {
-          "name": "hreflang",
-          "attribute": "hreflang",
-          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
-          "type": "string"
-        },
+          "name": "footer",
+          "description": "The footer content."
+        }
+      ]
+    },
+    {
+      "name": "dds-lightbox-image-viewer",
+      "path": "./src/components/lightbox-media-viewer/lightbox-image-viewer.ts",
+      "description": "The image content of lightbox media viewer.",
+      "attributes": [
         {
-          "name": "iconLayout",
-          "attribute": "icon-layout",
-          "description": "Button icon layout.",
-          "type": "BUTTON_ICON_LAYOUT",
+          "name": "alt",
+          "description": "The alternate text.",
+          "type": "string",
           "default": "\"\""
         },
         {
-          "name": "kind",
-          "attribute": "kind",
-          "description": "Button kind.",
-          "type": "BUTTON_KIND",
-          "default": "\"primary\""
+          "name": "default-src",
+          "description": "The image source.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "linkRole",
-          "attribute": "link-role",
-          "description": "The a11y role for `<a>`.",
+          "name": "description",
+          "description": "The media description.",
           "type": "string",
-          "default": "\"button\""
+          "default": "\"\""
         },
         {
-          "name": "ping",
-          "attribute": "ping",
-          "description": "URLs to ping, if this button is rendered as `<a>`.",
-          "type": "string"
-        },
+          "name": "title",
+          "description": "The media title.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
         {
-          "name": "rel",
-          "attribute": "rel",
-          "description": "The link type, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "alt",
+          "attribute": "alt",
+          "description": "The alternate text.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "size",
-          "attribute": "size",
-          "description": "Button size.",
-          "type": "BUTTON_SIZE",
+          "name": "defaultSrc",
+          "attribute": "default-src",
+          "description": "The image source.",
+          "type": "string",
           "default": "\"\""
         },
         {
-          "name": "target",
-          "attribute": "target",
-          "description": "The link target, if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "description",
+          "attribute": "description",
+          "description": "The media description.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "type",
-          "attribute": "type",
-          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
-          "type": "string"
+          "name": "title",
+          "attribute": "title",
+          "description": "The media title.",
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "prototype",
           "description": "A reference to the prototype.",
           "type": "Promise<any>"
         }
+      ],
+      "slots": [
+        {
+          "name": "title",
+          "description": "The title content."
+        },
+        {
+          "name": "description",
+          "description": "The description content."
+        }
       ]
     },
     {
-      "name": "dds-button-group-item",
-      "path": "./src/components/button-group/button-group-item.ts",
-      "description": "Button group item.",
+      "name": "dds-button-expressive",
+      "path": "./src/components/button/button.ts",
+      "description": "Expressive button.",
       "attributes": [
         {
           "name": "autofocus",
@@ -383,214 +417,6 @@
         }
       ]
     },
-    {
-      "name": "dds-button-group",
-      "path": "./src/components/button-group/button-group.ts",
-      "description": "Button group."
-    },
-    {
-      "name": "dds-expressive-modal-close-button",
-      "path": "./src/components/expressive-modal/expressive-modal-close-button.ts",
-      "description": "Expressive modal close button.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The size variant.",
-          "type": "EXPRESSIVE_MODAL_SIZE",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "size",
-          "attribute": "size",
-          "description": "The size variant.",
-          "type": "EXPRESSIVE_MODAL_SIZE",
-          "default": "\"\""
-        },
-        {
-          "name": "assistiveText",
-          "description": "The assistive text for the button.",
-          "type": "string"
-        }
-      ],
-      "cssParts": [
-        {
-          "name": "close",
-          "description": "icon The close icon."
-        }
-      ]
-    },
-    {
-      "name": "dds-expressive-modal",
-      "path": "./src/components/expressive-modal/expressive-modal.ts",
-      "description": "Expressive modal.",
-      "attributes": [
-        {
-          "name": "container-class",
-          "description": "The additional CSS class names for the container <div> of the element.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "mode",
-          "description": "The mode variant.",
-          "type": "EXPRESSIVE_MODAL_MODE",
-          "default": "\"\""
-        },
-        {
-          "name": "expressive-size",
-          "description": "The size variant.",
-          "type": "EXPRESSIVE_MODAL_SIZE",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "modalContent",
-          "type": "HTMLDivElement | undefined"
-        },
-        {
-          "name": "modalBody",
-          "type": "HTMLDivElement | undefined"
-        },
-        {
-          "name": "containerClass",
-          "attribute": "container-class",
-          "description": "The additional CSS class names for the container <div> of the element.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "mode",
-          "attribute": "mode",
-          "description": "The mode variant.",
-          "type": "EXPRESSIVE_MODAL_MODE",
-          "default": "\"\""
-        },
-        {
-          "name": "size",
-          "attribute": "expressive-size",
-          "description": "The size variant.",
-          "type": "EXPRESSIVE_MODAL_SIZE",
-          "default": "\"\""
-        },
-        {
-          "name": "prototype",
-          "description": "A reference to the prototype.",
-          "type": "Set<any>"
-        }
-      ],
-      "events": [
-        {
-          "name": "dds-expressive-modal-beingclosed",
-          "description": "The custom event fired before this modal is being closed upon a user gesture.\nCancellation of this event stops the user-initiated action of closing this modal."
-        },
-        {
-          "name": "dds-expressive-modal-closed",
-          "description": "The custom event fired after this modal is closed upon a user gesture."
-        }
-      ],
-      "slots": [
-        {
-          "name": "header",
-          "description": "The header content."
-        },
-        {
-          "name": "footer",
-          "description": "The footer content."
-        }
-      ]
-    },
-    {
-      "name": "dds-lightbox-image-viewer",
-      "path": "./src/components/lightbox-media-viewer/lightbox-image-viewer.ts",
-      "description": "The image content of lightbox media viewer.",
-      "attributes": [
-        {
-          "name": "alt",
-          "description": "The alternate text.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "default-src",
-          "description": "The image source.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "description",
-          "description": "The media description.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "title",
-          "description": "The media title.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "alt",
-          "attribute": "alt",
-          "description": "The alternate text.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "defaultSrc",
-          "attribute": "default-src",
-          "description": "The image source.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "description",
-          "attribute": "description",
-          "description": "The media description.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "title",
-          "attribute": "title",
-          "description": "The media title.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "prototype",
-          "description": "A reference to the prototype.",
-          "type": "Promise<any>"
-        }
-      ],
-      "slots": [
-        {
-          "name": "title",
-          "description": "The title content."
-        },
-        {
-          "name": "description",
-          "description": "The description content."
-        }
-      ]
-    },
     {
       "name": "dds-image",
       "path": "./src/components/image/image.ts",
@@ -1399,342 +1225,178 @@
       ]
     },
     {
-      "name": "dds-markdown",
-      "path": "./src/components/markdown/markdown.ts",
-      "description": "Markdown content.",
-      "properties": [
-        {
-          "name": "content",
-          "description": "The markdown content.",
-          "type": "string | undefined"
-        }
-      ]
-    },
-    {
-      "name": "dds-content-block-paragraph",
-      "path": "./src/components/content-block/content-block-paragraph.ts",
-      "description": "The paragraph content in content block."
-    },
-    {
-      "name": "dds-content-block-copy",
-      "path": "./src/components/content-block/content-block-copy.ts",
-      "description": "The copy content of content block.",
+      "name": "dds-button-group-item",
+      "path": "./src/components/button-group/button-group-item.ts",
+      "description": "Button group item.",
       "attributes": [
         {
-          "name": "size",
-          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
-          "type": "CONTENT_BLOCK_COPY_SIZE",
-          "default": "\"md\""
+          "name": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "size",
-          "attribute": "size",
-          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
-          "type": "CONTENT_BLOCK_COPY_SIZE",
-          "default": "\"md\""
+          "name": "disabled",
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
-        },
-        {
-          "name": "content",
-          "description": "The markdown content.",
-          "type": "string | undefined"
-        }
-      ]
-    },
-    {
-      "name": "dds-callout-with-media-copy",
-      "path": "./src/components/callout-with-media/callout-with-media-copy.ts",
-      "description": "The copy content of callout with media.",
-      "attributes": [
-        {
-          "name": "size",
-          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
-          "type": "CONTENT_BLOCK_COPY_SIZE",
-          "default": "\"md\""
+          "name": "download",
+          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "size",
-          "attribute": "size",
-          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
-          "type": "CONTENT_BLOCK_COPY_SIZE",
-          "default": "\"md\""
+          "name": "href",
+          "description": "Link `href`. If present, this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
+          "name": "hreflang",
+          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "content",
-          "description": "The markdown content.",
-          "type": "string | undefined"
-        }
-      ]
-    },
-    {
-      "name": "dds-callout-with-media-image",
-      "path": "./src/components/callout-with-media/callout-with-media-image.ts",
-      "description": "Callout with media image.",
-      "attributes": [
-        {
-          "name": "slot",
-          "description": "The shadow slot this video container should be in.",
-          "type": "string",
-          "default": "\"media\""
+          "name": "icon-layout",
+          "description": "Button icon layout.",
+          "type": "BUTTON_ICON_LAYOUT",
+          "default": "\"\""
         },
         {
-          "name": "alt",
-          "description": "The alternate text.",
-          "type": "string",
-          "default": "\"\""
+          "name": "kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND",
+          "default": "\"primary\""
         },
         {
-          "name": "default-src",
-          "description": "The image source.",
+          "name": "link-role",
+          "description": "The a11y role for `<a>`.",
           "type": "string",
-          "default": "\"\""
+          "default": "\"button\""
         },
         {
-          "name": "border",
-          "description": "Whether or not to apply a border around the image.",
-          "type": "boolean",
-          "default": "false"
+          "name": "ping",
+          "description": "URLs to ping, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "lightbox",
-          "description": "The lightbox.",
-          "type": "boolean",
-          "default": "false"
+          "name": "rel",
+          "description": "The link type, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "heading",
-          "description": "The heading.",
-          "type": "string",
+          "name": "size",
+          "description": "Button size.",
+          "type": "BUTTON_SIZE",
           "default": "\"\""
         },
         {
-          "name": "launch-lightbox-button-assistive-text",
-          "type": "string",
-          "default": "\"launch light box media viewer\""
-        },
-        {
-          "name": "copy",
-          "description": "The description.",
-          "type": "string",
-          "default": "\"\""
+          "name": "target",
+          "description": "The link target, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
+          "name": "type",
+          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
+          "type": "string"
         }
       ],
       "properties": [
         {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this video container should be in.",
-          "type": "string",
-          "default": "\"media\""
-        },
-        {
-          "name": "alt",
-          "attribute": "alt",
-          "description": "The alternate text.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "defaultSrc",
-          "attribute": "default-src",
-          "description": "The image source.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "border",
-          "attribute": "border",
-          "description": "Whether or not to apply a border around the image.",
+          "name": "autofocus",
+          "attribute": "autofocus",
+          "description": "`true` if the button should have input focus when the page loads.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "lightbox",
-          "attribute": "lightbox",
-          "description": "The lightbox.",
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "`true` if the button should be disabled.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "heading",
-          "attribute": "heading",
-          "description": "The heading.",
-          "type": "string",
-          "default": "\"\""
+          "name": "download",
+          "attribute": "download",
+          "description": "The default file name, used if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "launchLightboxButtonAssistiveText",
-          "attribute": "launch-lightbox-button-assistive-text",
-          "type": "string",
-          "default": "\"launch light box media viewer\""
+          "name": "href",
+          "attribute": "href",
+          "description": "Link `href`. If present, this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "copy",
-          "attribute": "copy",
-          "description": "The description.",
-          "type": "string",
-          "default": "\"\""
+          "name": "hreflang",
+          "attribute": "hreflang",
+          "description": "The language of what `href` points to, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
+          "name": "iconLayout",
+          "attribute": "icon-layout",
+          "description": "Button icon layout.",
+          "type": "BUTTON_ICON_LAYOUT",
+          "default": "\"\""
         },
         {
-          "name": "modalRenderRoot",
-          "description": "The render target of the modal.",
-          "type": "void | Element | null"
+          "name": "kind",
+          "attribute": "kind",
+          "description": "Button kind.",
+          "type": "BUTTON_KIND",
+          "default": "\"primary\""
         },
         {
-          "name": "container",
-          "description": "The DOM element to put the modal into."
+          "name": "linkRole",
+          "attribute": "link-role",
+          "description": "The a11y role for `<a>`.",
+          "type": "string",
+          "default": "\"button\""
         },
         {
-          "name": "prototype",
-          "description": "A reference to the prototype.",
-          "type": "Promise<any>"
-        }
-      ],
-      "slots": [
-        {
-          "name": "long-description",
-          "description": "The long description content."
+          "name": "ping",
+          "attribute": "ping",
+          "description": "URLs to ping, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "icon",
-          "description": "The icon content."
-        }
-      ]
-    },
-    {
-      "name": "dds-callout-with-media-video",
-      "path": "./src/components/callout-with-media/callout-with-media-video.ts",
-      "description": "Callout with media video.",
-      "attributes": [
-        {
-          "name": "slot",
-          "description": "The shadow slot this video container should be in.",
-          "type": "string",
-          "default": "\"media\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this video container should be in.",
-          "type": "string",
-          "default": "\"media\""
-        }
-      ]
-    },
-    {
-      "name": "dds-callout-data",
-      "path": "./src/components/callout-with-media/callout-with-media.ts",
-      "description": "Callout Data.",
-      "attributes": [
-        {
-          "name": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "complementaryStyleScheme",
-          "attribute": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "The heading content."
+          "name": "rel",
+          "attribute": "rel",
+          "description": "The link type, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "copy",
-          "description": "The copy content."
+          "name": "size",
+          "attribute": "size",
+          "description": "Button size.",
+          "type": "BUTTON_SIZE",
+          "default": "\"\""
         },
         {
-          "name": "media",
-          "description": "The media content."
+          "name": "target",
+          "attribute": "target",
+          "description": "The link target, if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "footer",
-          "description": "The footer (CTA) content."
+          "name": "type",
+          "attribute": "type",
+          "description": "The default behavior if the button is rendered as `<button>`. MIME type of the `target`if this button is rendered as `<a>`.",
+          "type": "string"
         },
         {
-          "name": "complementary",
-          "description": "The complementary (aside) content."
+          "name": "prototype",
+          "description": "A reference to the prototype.",
+          "type": "Promise<any>"
         }
       ]
     },
     {
-      "name": "dds-content-block-heading",
-      "path": "./src/components/content-block/content-block-heading.ts",
-      "description": "The heading content in content block.",
-      "attributes": [
-        {
-          "name": "slot",
-          "description": "The shadow slot this logo UI should be in.",
-          "type": "string",
-          "default": "\"heading\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this logo UI should be in.",
-          "type": "string",
-          "default": "\"heading\""
-        },
-        {
-          "name": "content",
-          "type": "string",
-          "default": "\"\""
-        }
-      ]
+      "name": "dds-button-group",
+      "path": "./src/components/button-group/button-group.ts",
+      "description": "Button group."
     },
     {
       "name": "dds-link-with-icon",
@@ -2305,7 +1967,160 @@
         {
           "name": "href",
           "description": "Link `href`.",
-          "type": "string"
+          "type": "string"
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to.",
+          "type": "string"
+        },
+        {
+          "name": "linkRole",
+          "description": "The a11y role for `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "The link type.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Property that specifies the link to use size large",
+          "type": "LINK_SIZE",
+          "default": "\"lg\""
+        },
+        {
+          "name": "target",
+          "description": "The link target.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "MIME type of the `target`.",
+          "type": "string"
+        }
+      ],
+      "slots": [
+        {
+          "name": "icon",
+          "description": "The icon."
+        },
+        {
+          "name": "icon-left",
+          "description": "The CTA icon to place at the left."
+        }
+      ]
+    },
+    {
+      "name": "dds-card-heading",
+      "path": "./src/components/card/card-heading.ts",
+      "description": "The heading content of card.",
+      "attributes": [
+        {
+          "name": "slot",
+          "description": "The shadow slot this card heading should be in.",
+          "type": "string",
+          "default": "\"heading\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this card heading should be in.",
+          "type": "string",
+          "default": "\"heading\""
+        }
+      ]
+    },
+    {
+      "name": "dds-card",
+      "path": "./src/components/card/card.ts",
+      "description": "Card.",
+      "attributes": [
+        {
+          "name": "border",
+          "description": "An optional 1px border surrounding the component.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "color-scheme",
+          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
+          "type": "BASIC_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "pictogram-placement",
+          "description": "Pictogram placement",
+          "type": "PICTOGRAM_PLACEMENT",
+          "default": "\"top\""
+        },
+        {
+          "name": "logo",
+          "description": "Whether or not to apply the logo style.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "href",
+          "description": "Link `href`.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "border",
+          "attribute": "border",
+          "description": "An optional 1px border surrounding the component.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "colorScheme",
+          "attribute": "color-scheme",
+          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
+          "type": "BASIC_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "pictogramPlacement",
+          "attribute": "pictogram-placement",
+          "description": "Pictogram placement",
+          "type": "PICTOGRAM_PLACEMENT",
+          "default": "\"top\""
+        },
+        {
+          "name": "logo",
+          "attribute": "logo",
+          "description": "Whether or not to apply the logo style.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "download",
+          "description": "The default file name.",
+          "type": "string"
+        },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Link `href`.",
+          "type": "string",
+          "default": "\"\""
         },
         {
           "name": "hreflang",
@@ -2329,10 +2144,8 @@
         },
         {
           "name": "size",
-          "attribute": "size",
-          "description": "Property that specifies the link to use size large",
-          "type": "LINK_SIZE",
-          "default": "\"lg\""
+          "description": "Link size.",
+          "type": "LINK_SIZE"
         },
         {
           "name": "target",
@@ -2347,179 +2160,346 @@
       ],
       "slots": [
         {
-          "name": "icon",
-          "description": "The icon."
+          "name": "eyebrow",
+          "description": "The eyebrow content."
         },
         {
-          "name": "icon-left",
-          "description": "The CTA icon to place at the left."
+          "name": "heading",
+          "description": "The heading content."
+        },
+        {
+          "name": "image",
+          "description": "The image content."
+        },
+        {
+          "name": "footer",
+          "description": "The footer content."
         }
       ]
     },
     {
-      "name": "dds-card-heading",
-      "path": "./src/components/card/card-heading.ts",
-      "description": "The heading content of card.",
+      "name": "dds-image-logo",
+      "path": "./src/components/card/image-logo.ts",
+      "description": "Image logo.",
       "attributes": [
         {
-          "name": "slot",
-          "description": "The shadow slot this card heading should be in.",
+          "name": "alt",
+          "description": "The alternate text.",
           "type": "string",
-          "default": "\"heading\""
-        }
-      ],
-      "properties": [
+          "default": "\"\""
+        },
         {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this card heading should be in.",
+          "name": "default-src",
+          "description": "The image source.",
           "type": "string",
-          "default": "\"heading\""
-        }
-      ]
-    },
-    {
-      "name": "dds-card",
-      "path": "./src/components/card/card.ts",
-      "description": "Card.",
-      "attributes": [
+          "default": "\"\""
+        },
         {
           "name": "border",
-          "description": "An optional 1px border surrounding the component.",
+          "description": "Whether or not to apply a border around the image.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "color-scheme",
-          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
-          "type": "BASIC_COLOR_SCHEME",
-          "default": "\"\""
+          "name": "lightbox",
+          "description": "The lightbox.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "pictogram-placement",
-          "description": "Pictogram placement",
-          "type": "PICTOGRAM_PLACEMENT",
-          "default": "\"top\""
+          "name": "heading",
+          "description": "The heading.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "logo",
-          "description": "Whether or not to apply the logo style.",
-          "type": "boolean",
-          "default": "false"
+          "name": "launch-lightbox-button-assistive-text",
+          "type": "string",
+          "default": "\"launch light box media viewer\""
         },
         {
-          "name": "href",
-          "description": "Link `href`.",
+          "name": "copy",
+          "description": "The description.",
           "type": "string",
           "default": "\"\""
+        },
+        {
+          "name": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
         }
       ],
       "properties": [
+        {
+          "name": "alt",
+          "attribute": "alt",
+          "description": "The alternate text.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "defaultSrc",
+          "attribute": "default-src",
+          "description": "The image source.",
+          "type": "string",
+          "default": "\"\""
+        },
         {
           "name": "border",
           "attribute": "border",
-          "description": "An optional 1px border surrounding the component.",
+          "description": "Whether or not to apply a border around the image.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "colorScheme",
-          "attribute": "color-scheme",
-          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
-          "type": "BASIC_COLOR_SCHEME",
+          "name": "lightbox",
+          "attribute": "lightbox",
+          "description": "The lightbox.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "heading",
+          "attribute": "heading",
+          "description": "The heading.",
+          "type": "string",
           "default": "\"\""
         },
         {
-          "name": "pictogramPlacement",
-          "attribute": "pictogram-placement",
-          "description": "Pictogram placement",
-          "type": "PICTOGRAM_PLACEMENT",
-          "default": "\"top\""
+          "name": "launchLightboxButtonAssistiveText",
+          "attribute": "launch-lightbox-button-assistive-text",
+          "type": "string",
+          "default": "\"launch light box media viewer\""
         },
         {
-          "name": "logo",
-          "attribute": "logo",
-          "description": "Whether or not to apply the logo style.",
+          "name": "copy",
+          "attribute": "copy",
+          "description": "The description.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the modal should be open.",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "disabled",
-          "description": "`true` if the button should be disabled.",
-          "type": "boolean"
+          "name": "modalRenderRoot",
+          "description": "The render target of the modal.",
+          "type": "void | Element | null"
         },
         {
-          "name": "download",
-          "description": "The default file name.",
+          "name": "container",
+          "description": "The DOM element to put the modal into."
+        },
+        {
+          "name": "prototype",
+          "description": "A reference to the prototype.",
+          "type": "Promise<any>"
+        }
+      ],
+      "slots": [
+        {
+          "name": "long-description",
+          "description": "The long description content."
+        },
+        {
+          "name": "icon",
+          "description": "The icon content."
+        }
+      ]
+    },
+    {
+      "name": "dds-tag-group",
+      "path": "./src/components/tag-group/tag-group.ts",
+      "description": "Tag Group"
+    },
+    {
+      "name": "dds-tag-link",
+      "path": "./src/components/tag-link/tag-link.ts",
+      "description": "Tag Link.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "Link `href`.",
+          "type": "string"
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to.",
+          "type": "string"
+        },
+        {
+          "name": "link-role",
+          "description": "The a11y role for `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "The link type.",
           "type": "string"
         },
+        {
+          "name": "target",
+          "description": "The link target.",
+          "type": "string"
+        }
+      ],
+      "properties": [
         {
           "name": "href",
           "attribute": "href",
           "description": "Link `href`.",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         },
         {
           "name": "hreflang",
+          "attribute": "hreflang",
           "description": "The language of what `href` points to.",
           "type": "string"
         },
         {
           "name": "linkRole",
+          "attribute": "link-role",
           "description": "The a11y role for `<a>`.",
           "type": "string"
         },
         {
           "name": "ping",
+          "attribute": "ping",
           "description": "URLs to ping.",
           "type": "string"
         },
         {
           "name": "rel",
+          "attribute": "rel",
           "description": "The link type.",
           "type": "string"
         },
+        {
+          "name": "target",
+          "attribute": "target",
+          "description": "The link target.",
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "dds-markdown",
+      "path": "./src/components/markdown/markdown.ts",
+      "description": "Markdown content.",
+      "properties": [
+        {
+          "name": "content",
+          "description": "The markdown content.",
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "dds-content-block-paragraph",
+      "path": "./src/components/content-block/content-block-paragraph.ts",
+      "description": "The paragraph content in content block."
+    },
+    {
+      "name": "dds-content-block-copy",
+      "path": "./src/components/content-block/content-block-copy.ts",
+      "description": "The copy content of content block.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
+          "type": "CONTENT_BLOCK_COPY_SIZE",
+          "default": "\"md\""
+        },
+        {
+          "name": "slot",
+          "description": "The shadow slot this copy content should be in.",
+          "type": "string",
+          "default": "\"copy\""
+        }
+      ],
+      "properties": [
         {
           "name": "size",
-          "description": "Link size.",
-          "type": "LINK_SIZE"
+          "attribute": "size",
+          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
+          "type": "CONTENT_BLOCK_COPY_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "target",
-          "description": "The link target.",
-          "type": "string"
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this copy content should be in.",
+          "type": "string",
+          "default": "\"copy\""
         },
         {
-          "name": "type",
-          "description": "MIME type of the `target`.",
-          "type": "string"
+          "name": "content",
+          "description": "The markdown content.",
+          "type": "string | undefined"
         }
-      ],
-      "slots": [
+      ]
+    },
+    {
+      "name": "dds-callout-with-media-copy",
+      "path": "./src/components/callout-with-media/callout-with-media-copy.ts",
+      "description": "The copy content of callout with media.",
+      "attributes": [
         {
-          "name": "eyebrow",
-          "description": "The eyebrow content."
+          "name": "size",
+          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
+          "type": "CONTENT_BLOCK_COPY_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "heading",
-          "description": "The heading content."
+          "name": "slot",
+          "description": "The shadow slot this copy content should be in.",
+          "type": "string",
+          "default": "\"copy\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The default slot for all content-block-copy use cases.\nThe content size.",
+          "type": "CONTENT_BLOCK_COPY_SIZE",
+          "default": "\"md\""
         },
         {
-          "name": "image",
-          "description": "The image content."
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this copy content should be in.",
+          "type": "string",
+          "default": "\"copy\""
         },
         {
-          "name": "footer",
-          "description": "The footer content."
+          "name": "content",
+          "description": "The markdown content.",
+          "type": "string | undefined"
         }
       ]
     },
     {
-      "name": "dds-image-logo",
-      "path": "./src/components/card/image-logo.ts",
-      "description": "Image logo.",
+      "name": "dds-callout-with-media-image",
+      "path": "./src/components/callout-with-media/callout-with-media-image.ts",
+      "description": "Callout with media image.",
       "attributes": [
+        {
+          "name": "slot",
+          "description": "The shadow slot this video container should be in.",
+          "type": "string",
+          "default": "\"media\""
+        },
         {
           "name": "alt",
           "description": "The alternate text.",
@@ -2569,6 +2549,13 @@
         }
       ],
       "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this video container should be in.",
+          "type": "string",
+          "default": "\"media\""
+        },
         {
           "name": "alt",
           "attribute": "alt",
@@ -2651,82 +2638,95 @@
       ]
     },
     {
-      "name": "dds-tag-group",
-      "path": "./src/components/tag-group/tag-group.ts",
-      "description": "Tag Group"
+      "name": "dds-callout-with-media-video",
+      "path": "./src/components/callout-with-media/callout-with-media-video.ts",
+      "description": "Callout with media video.",
+      "attributes": [
+        {
+          "name": "slot",
+          "description": "The shadow slot this video container should be in.",
+          "type": "string",
+          "default": "\"media\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this video container should be in.",
+          "type": "string",
+          "default": "\"media\""
+        }
+      ]
     },
     {
-      "name": "dds-tag-link",
-      "path": "./src/components/tag-link/tag-link.ts",
-      "description": "Tag Link.",
+      "name": "dds-callout-data",
+      "path": "./src/components/callout-with-media/callout-with-media.ts",
+      "description": "Callout Data.",
       "attributes": [
         {
-          "name": "href",
-          "description": "Link `href`.",
-          "type": "string"
-        },
+          "name": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "properties": [
         {
-          "name": "hreflang",
-          "description": "The language of what `href` points to.",
-          "type": "string"
+          "name": "complementaryStyleScheme",
+          "attribute": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "heading",
+          "description": "The heading content."
         },
         {
-          "name": "link-role",
-          "description": "The a11y role for `<a>`.",
-          "type": "string"
+          "name": "copy",
+          "description": "The copy content."
         },
         {
-          "name": "ping",
-          "description": "URLs to ping.",
-          "type": "string"
+          "name": "media",
+          "description": "The media content."
         },
         {
-          "name": "rel",
-          "description": "The link type.",
-          "type": "string"
+          "name": "footer",
+          "description": "The footer (CTA) content."
         },
         {
-          "name": "target",
-          "description": "The link target.",
-          "type": "string"
+          "name": "complementary",
+          "description": "The complementary (aside) content."
+        }
+      ]
+    },
+    {
+      "name": "dds-content-block-heading",
+      "path": "./src/components/content-block/content-block-heading.ts",
+      "description": "The heading content in content block.",
+      "attributes": [
+        {
+          "name": "slot",
+          "description": "The shadow slot this logo UI should be in.",
+          "type": "string",
+          "default": "\"heading\""
         }
       ],
       "properties": [
         {
-          "name": "href",
-          "attribute": "href",
-          "description": "Link `href`.",
-          "type": "string"
-        },
-        {
-          "name": "hreflang",
-          "attribute": "hreflang",
-          "description": "The language of what `href` points to.",
-          "type": "string"
-        },
-        {
-          "name": "linkRole",
-          "attribute": "link-role",
-          "description": "The a11y role for `<a>`.",
-          "type": "string"
-        },
-        {
-          "name": "ping",
-          "attribute": "ping",
-          "description": "URLs to ping.",
-          "type": "string"
-        },
-        {
-          "name": "rel",
-          "attribute": "rel",
-          "description": "The link type.",
-          "type": "string"
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this logo UI should be in.",
+          "type": "string",
+          "default": "\"heading\""
         },
         {
-          "name": "target",
-          "attribute": "target",
-          "description": "The link target.",
-          "type": "string"
+          "name": "content",
+          "type": "string",
+          "default": "\"\""
         }
       ]
     },
@@ -4634,6 +4634,26 @@
         }
       ]
     },
+    {
+      "name": "dds-content-section-heading",
+      "path": "./src/components/content-section/content-section-heading.ts",
+      "description": "Heading in content section.",
+      "attributes": [
+        {
+          "name": "slot",
+          "type": "string",
+          "default": "\"heading\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "type": "string",
+          "default": "\"heading\""
+        }
+      ]
+    },
     {
       "name": "dds-card-section-carousel",
       "path": "./src/components/card-section-carousel/card-section-carousel.ts",
@@ -4781,22 +4801,30 @@
       ]
     },
     {
-      "name": "dds-content-section-heading",
-      "path": "./src/components/content-section/content-section-heading.ts",
-      "description": "Heading in content section.",
+      "name": "dds-card-section-simple",
+      "path": "./src/components/card-section-simple/card-section-simple.ts",
+      "description": "The Card Section Simple pattern",
       "attributes": [
         {
-          "name": "slot",
+          "name": "children-custom-class",
+          "description": "An optional custom class for children.",
           "type": "string",
-          "default": "\"heading\""
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "childrenCustomClass",
+          "attribute": "children-custom-class",
+          "description": "An optional custom class for children.",
+          "type": "string",
+          "default": "\"\""
         }
       ],
-      "properties": [
+      "slots": [
         {
-          "name": "slot",
-          "attribute": "slot",
-          "type": "string",
-          "default": "\"heading\""
+          "name": "heading",
+          "description": "Section heading"
         }
       ]
     },
@@ -5018,56 +5046,6 @@
         }
       ]
     },
-    {
-      "name": "dds-card-section-simple",
-      "path": "./src/components/card-section-simple/card-section-simple.ts",
-      "description": "The Card Section Simple pattern",
-      "attributes": [
-        {
-          "name": "children-custom-class",
-          "description": "An optional custom class for children.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "childrenCustomClass",
-          "attribute": "children-custom-class",
-          "description": "An optional custom class for children.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "Section heading"
-        }
-      ]
-    },
-    {
-      "name": "dds-content-block-complementary",
-      "path": "./src/components/content-block/content-block-complementary.ts",
-      "description": "The complementary content in content block.",
-      "attributes": [
-        {
-          "name": "slot",
-          "description": "The shadow slot this logo UI should be in.",
-          "type": "string",
-          "default": "\"complementary\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this logo UI should be in.",
-          "type": "string",
-          "default": "\"complementary\""
-        }
-      ]
-    },
     {
       "name": "dds-content-block-card-static",
       "path": "./src/components/content-block-card-static/content-block-card-static.ts",
@@ -5781,6 +5759,28 @@
         }
       ]
     },
+    {
+      "name": "dds-content-block-complementary",
+      "path": "./src/components/content-block/content-block-complementary.ts",
+      "description": "The complementary content in content block.",
+      "attributes": [
+        {
+          "name": "slot",
+          "description": "The shadow slot this logo UI should be in.",
+          "type": "string",
+          "default": "\"complementary\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this logo UI should be in.",
+          "type": "string",
+          "default": "\"complementary\""
+        }
+      ]
+    },
     {
       "name": "dds-content-block-horizontal",
       "path": "./src/components/content-block-horizontal/content-block-horizontal.ts",
@@ -6588,258 +6588,80 @@
       "description": "Simple version of content block.",
       "attributes": [
         {
-          "name": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "complementaryStyleScheme",
-          "attribute": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "The heading content."
-        },
-        {
-          "name": "copy",
-          "description": "The copy content."
-        },
-        {
-          "name": "media",
-          "description": "The media content."
-        },
-        {
-          "name": "footer",
-          "description": "The footer (CTA) content."
-        },
-        {
-          "name": "complementary",
-          "description": "The complementary (aside) content."
-        }
-      ]
-    },
-    {
-      "name": "dds-content-block-mixed",
-      "path": "./src/components/content-block-mixed/content-block-mixed.ts",
-      "description": "Content block mixed",
-      "attributes": [
-        {
-          "name": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "complementaryStyleScheme",
-          "attribute": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "The heading content."
-        },
-        {
-          "name": "copy",
-          "description": "The copy content."
-        },
-        {
-          "name": "media",
-          "description": "The media content."
-        },
-        {
-          "name": "footer",
-          "description": "The footer (CTA) content."
-        },
-        {
-          "name": "complementary",
-          "description": "The complementary (aside) content."
-        }
-      ]
-    },
-    {
-      "name": "dds-content-group-paragraph",
-      "path": "./src/components/content-group/content-group-paragraph.ts",
-      "description": "The paragraph content in content group."
-    },
-    {
-      "name": "dds-content-group-copy",
-      "path": "./src/components/content-group/content-group-copy.ts",
-      "description": "The copy content in content group.",
-      "attributes": [
-        {
-          "name": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The shadow slot this copy content should be in.",
-          "type": "string",
-          "default": "\"copy\""
-        },
-        {
-          "name": "content",
-          "description": "The markdown content.",
-          "type": "string | undefined"
-        }
-      ]
-    },
-    {
-      "name": "dds-image-with-caption",
-      "path": "./src/components/image-with-caption/image-with-caption.ts",
-      "description": "Image With Caption",
-      "attributes": [
-        {
-          "name": "lightbox",
-          "description": "The lightbox.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "default-src",
-          "description": "The image source.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "alt",
-          "description": "The alt text.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "heading",
-          "description": "The heading.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "launch-lightbox-button-assistive-text",
-          "type": "string",
-          "default": "\"launch light box media viewer\""
-        },
-        {
-          "name": "copy",
-          "description": "The description.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
-        }
-      ],
-      "properties": [
-        {
-          "name": "lightbox",
-          "attribute": "lightbox",
-          "description": "The lightbox.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "defaultSrc",
-          "attribute": "default-src",
-          "description": "The image source.",
-          "type": "string",
-          "default": "\"\""
-        },
+          "name": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "properties": [
         {
-          "name": "alt",
-          "attribute": "alt",
-          "description": "The alt text.",
-          "type": "string",
-          "default": "\"\""
-        },
+          "name": "complementaryStyleScheme",
+          "attribute": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "slots": [
         {
           "name": "heading",
-          "attribute": "heading",
-          "description": "The heading.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "launchLightboxButtonAssistiveText",
-          "attribute": "launch-lightbox-button-assistive-text",
-          "type": "string",
-          "default": "\"launch light box media viewer\""
+          "description": "The heading content."
         },
         {
           "name": "copy",
-          "attribute": "copy",
-          "description": "The description.",
-          "type": "string",
-          "default": "\"\""
-        },
-        {
-          "name": "open",
-          "attribute": "open",
-          "description": "`true` if the modal should be open.",
-          "type": "boolean",
-          "default": "false"
+          "description": "The copy content."
         },
         {
-          "name": "modalRenderRoot",
-          "description": "The render target of the modal.",
-          "type": "void | Element | null"
+          "name": "media",
+          "description": "The media content."
         },
         {
-          "name": "container",
-          "description": "The DOM element to put the modal into."
+          "name": "footer",
+          "description": "The footer (CTA) content."
         },
         {
-          "name": "prototype",
-          "description": "A reference to the prototype.",
-          "type": "Promise<any>"
+          "name": "complementary",
+          "description": "The complementary (aside) content."
         }
       ]
     },
     {
-      "name": "dds-link-list-heading",
-      "path": "./src/components/link-list/link-list-heading.ts",
-      "description": "The heading content of link list.",
+      "name": "dds-content-group-paragraph",
+      "path": "./src/components/content-group/content-group-paragraph.ts",
+      "description": "The paragraph content in content group."
+    },
+    {
+      "name": "dds-content-group-copy",
+      "path": "./src/components/content-group/content-group-copy.ts",
+      "description": "The copy content in content group.",
       "attributes": [
         {
           "name": "slot",
-          "description": "The shadow slot this link list heading should be in.",
+          "description": "The shadow slot this copy content should be in.",
           "type": "string",
-          "default": "\"heading\""
+          "default": "\"copy\""
         }
       ],
       "properties": [
         {
           "name": "slot",
           "attribute": "slot",
-          "description": "The shadow slot this link list heading should be in.",
+          "description": "The shadow slot this copy content should be in.",
           "type": "string",
-          "default": "\"heading\""
+          "default": "\"copy\""
+        },
+        {
+          "name": "content",
+          "description": "The markdown content.",
+          "type": "string | undefined"
         }
       ]
     },
     {
-      "name": "dds-link-list-item-card",
-      "path": "./src/components/link-list/link-list-item-card.ts",
-      "description": "Link list item.",
+      "name": "dds-feature-card",
+      "path": "./src/components/feature-card/feature-card.ts",
+      "description": "Feature Card.",
       "attributes": [
         {
           "name": "border",
@@ -6865,17 +6687,15 @@
           "type": "boolean",
           "default": "false"
         },
-        {
-          "name": "disabled",
-          "description": "`true` to disable the card link.",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "href",
           "description": "Link `href`.",
           "type": "string",
           "default": "\"\""
+        },
+        {
+          "name": "size",
+          "description": "The size property to render either Medium (default) or Large Feature Card variants."
         }
       ],
       "properties": [
@@ -6905,14 +6725,171 @@
           "attribute": "logo",
           "description": "Whether or not to apply the logo style.",
           "type": "boolean",
-          "default": "false"
+          "default": "false"
+        },
+        {
+          "name": "disabled",
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean"
+        },
+        {
+          "name": "download",
+          "description": "The default file name.",
+          "type": "string"
+        },
+        {
+          "name": "href",
+          "attribute": "href",
+          "description": "Link `href`.",
+          "type": "string",
+          "default": "\"\""
+        },
+        {
+          "name": "hreflang",
+          "description": "The language of what `href` points to.",
+          "type": "string"
+        },
+        {
+          "name": "linkRole",
+          "description": "The a11y role for `<a>`.",
+          "type": "string"
+        },
+        {
+          "name": "ping",
+          "description": "URLs to ping.",
+          "type": "string"
+        },
+        {
+          "name": "rel",
+          "description": "The link type.",
+          "type": "string"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "The size property to render either Medium (default) or Large Feature Card variants."
+        },
+        {
+          "name": "target",
+          "description": "The link target.",
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "MIME type of the `target`.",
+          "type": "string"
+        }
+      ],
+      "slots": [
+        {
+          "name": "eyebrow",
+          "description": "The eyebrow content."
+        },
+        {
+          "name": "heading",
+          "description": "The heading content."
+        },
+        {
+          "name": "image",
+          "description": "The image content."
+        },
+        {
+          "name": "footer",
+          "description": "The footer content."
+        }
+      ]
+    },
+    {
+      "name": "dds-feature-card-footer",
+      "path": "./src/components/feature-card/feature-card-footer.ts",
+      "description": "Feature card footer.",
+      "attributes": [
+        {
+          "name": "altAriaLabel",
+          "description": "Alternative aria label if no text in footer.",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "color-scheme",
+          "description": "The color scheme.",
+          "type": "BASIC_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "parent-href",
+          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "slot",
+          "description": "The slot in parent `<dds-card>`.",
+          "type": "string",
+          "default": "\"footer\""
+        },
+        {
+          "name": "icon-placement",
+          "description": "Icon placement(right (default) | left)",
+          "type": "ICON_PLACEMENT",
+          "default": "\"right\""
+        },
+        {
+          "name": "iconInline",
+          "description": "Positions the icon inline with text when `true`",
+          "type": "boolean",
+          "default": "true"
+        },
+        {
+          "name": "size",
+          "description": "Property that specifies the link to use size large",
+          "type": "LINK_SIZE",
+          "default": "\"lg\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "altAriaLabel",
+          "attribute": "altAriaLabel",
+          "description": "Alternative aria label if no text in footer.",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "colorScheme",
+          "attribute": "color-scheme",
+          "description": "The color scheme.",
+          "type": "BASIC_COLOR_SCHEME",
+          "default": "\"\""
+        },
+        {
+          "name": "parentHref",
+          "attribute": "parent-href",
+          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The slot in parent `<dds-card>`.",
+          "type": "string",
+          "default": "\"footer\""
+        },
+        {
+          "name": "iconPlacement",
+          "attribute": "icon-placement",
+          "description": "Icon placement(right (default) | left)",
+          "type": "ICON_PLACEMENT",
+          "default": "\"right\""
+        },
+        {
+          "name": "iconInline",
+          "attribute": "iconInline",
+          "description": "Positions the icon inline with text when `true`",
+          "type": "boolean",
+          "default": "true"
         },
         {
           "name": "disabled",
-          "attribute": "disabled",
-          "description": "`true` to disable the card link.",
-          "type": "boolean",
-          "default": "false"
+          "description": "`true` if the button should be disabled.",
+          "type": "boolean"
         },
         {
           "name": "download",
@@ -6921,10 +6898,8 @@
         },
         {
           "name": "href",
-          "attribute": "href",
           "description": "Link `href`.",
-          "type": "string",
-          "default": "\"\""
+          "type": "string"
         },
         {
           "name": "hreflang",
@@ -6948,8 +6923,10 @@
         },
         {
           "name": "size",
-          "description": "Link size.",
-          "type": "LINK_SIZE"
+          "attribute": "size",
+          "description": "Property that specifies the link to use size large",
+          "type": "LINK_SIZE",
+          "default": "\"lg\""
         },
         {
           "name": "target",
@@ -6964,188 +6941,173 @@
       ],
       "slots": [
         {
-          "name": "eyebrow",
-          "description": "The eyebrow content."
-        },
-        {
-          "name": "heading",
-          "description": "The heading content."
-        },
-        {
-          "name": "image",
-          "description": "The image content."
+          "name": "icon",
+          "description": "The icon."
         },
         {
-          "name": "footer",
-          "description": "The footer content."
+          "name": "icon-left",
+          "description": "The CTA icon to place at the left."
         }
       ]
     },
     {
-      "name": "dds-pictogram-item",
-      "path": "./src/components/pictogram-item/pictogram-item.ts",
-      "description": "Pictogram item.",
+      "name": "dds-feature-cta-footer",
+      "path": "./src/components/cta/feature-cta-footer.ts",
+      "description": "Feature CTA footer.",
       "attributes": [
         {
-          "name": "color",
-          "description": "The pictogram color.\n\nColor scheme options are: \"Black (Default)\" and \"Blue 50\"",
-          "type": "COLOR_OPTIONS",
+          "name": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "video-description",
+          "description": "The video custom description.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
           "default": "\"\""
-        }
-      ],
-      "properties": [
+        },
         {
-          "name": "colorOption",
-          "attribute": "color",
-          "description": "The pictogram color.\n\nColor scheme options are: \"Black (Default)\" and \"Blue 50\"",
-          "type": "COLOR_OPTIONS",
+          "name": "altAriaLabel",
+          "description": "Alternative aria label if no text in footer.",
+          "type": "string | null | undefined"
+        },
+        {
+          "name": "color-scheme",
+          "description": "The color scheme.",
+          "type": "BASIC_COLOR_SCHEME",
           "default": "\"\""
-        }
-      ],
-      "slots": [
+        },
         {
-          "name": "pictogram",
-          "description": "The pictogram content."
+          "name": "parent-href",
+          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
+          "type": "string | undefined"
         },
         {
-          "name": "heading",
-          "description": "The heading content."
+          "name": "slot",
+          "description": "The slot in parent `<dds-card>`.",
+          "type": "string",
+          "default": "\"footer\""
         },
         {
-          "name": "footer",
-          "description": "The footer (CTA) content."
+          "name": "icon-placement",
+          "description": "Icon placement(right (default) | left)",
+          "type": "ICON_PLACEMENT",
+          "default": "\"right\""
         },
         {
-          "name": "media",
-          "description": "The media content."
-        }
-      ]
-    },
-    {
-      "name": "dds-content-group-banner",
-      "path": "./src/components/content-group-banner/content-group-banner.ts",
-      "description": "Content Group - Banner.",
-      "attributes": [
+          "name": "iconInline",
+          "description": "Positions the icon inline with text when `true`",
+          "type": "boolean",
+          "default": "true"
+        },
         {
-          "name": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
+          "name": "size",
+          "description": "Property that specifies the link to use size large",
+          "type": "LINK_SIZE",
+          "default": "\"lg\""
         }
       ],
       "properties": [
         {
-          "name": "complementaryStyleScheme",
-          "attribute": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "The heading content."
-        },
-        {
-          "name": "copy",
-          "description": "The copy content."
-        },
-        {
-          "name": "media",
-          "description": "The media content."
+          "name": "formatVideoCaption",
+          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
+          "type": "(...args: any[]) => string",
+          "default": "\"formatVideoCaption\""
         },
         {
-          "name": "footer",
-          "description": "The footer (CTA) content."
+          "name": "formatVideoDuration",
+          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
+          "type": "(...args: any[]) => string",
+          "default": "\"formatVideoDuration\""
         },
         {
-          "name": "complementary",
-          "description": "The complementary (aside) content."
-        }
-      ]
-    },
-    {
-      "name": "dds-content-group-card-item",
-      "path": "./src/components/content-group-cards/content-group-cards-item.ts",
-      "description": "Content Group Card item.",
-      "attributes": [
-        {
-          "name": "border",
-          "description": "An optional 1px border surrounding the component.",
-          "type": "boolean",
-          "default": "false"
+          "name": "videoDuration",
+          "attribute": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
         },
         {
-          "name": "color-scheme",
-          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
-          "type": "BASIC_COLOR_SCHEME",
-          "default": "\"\""
+          "name": "videoName",
+          "description": "The video name.\nThis property should be set when a custom video title is needed.",
+          "type": "string | undefined"
         },
         {
-          "name": "pictogram-placement",
-          "description": "Pictogram placement",
-          "type": "PICTOGRAM_PLACEMENT",
-          "default": "\"top\""
+          "name": "videoDescription",
+          "attribute": "video-description",
+          "description": "The video custom description.",
+          "type": "string | undefined"
         },
         {
-          "name": "logo",
-          "description": "Whether or not to apply the logo style.",
-          "type": "boolean",
-          "default": "false"
+          "name": "videoThumbnailUrl",
+          "description": "The video thumbnail URL.\nFeature CTA footer does not support video thumbnail, and this property should never be set.",
+          "type": "undefined"
         },
         {
-          "name": "href",
-          "description": "Link `href`.",
-          "type": "string",
+          "name": "ctaType",
+          "attribute": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
           "default": "\"\""
-        }
-      ],
-      "properties": [
+        },
         {
-          "name": "border",
-          "attribute": "border",
-          "description": "An optional 1px border surrounding the component.",
-          "type": "boolean",
-          "default": "false"
+          "name": "altAriaLabel",
+          "attribute": "altAriaLabel",
+          "description": "Alternative aria label if no text in footer.",
+          "type": "string | null | undefined"
         },
         {
           "name": "colorScheme",
           "attribute": "color-scheme",
-          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
+          "description": "The color scheme.",
           "type": "BASIC_COLOR_SCHEME",
           "default": "\"\""
         },
         {
-          "name": "pictogramPlacement",
-          "attribute": "pictogram-placement",
-          "description": "Pictogram placement",
-          "type": "PICTOGRAM_PLACEMENT",
-          "default": "\"top\""
+          "name": "parentHref",
+          "attribute": "parent-href",
+          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
+          "type": "string | undefined"
         },
         {
-          "name": "logo",
-          "attribute": "logo",
-          "description": "Whether or not to apply the logo style.",
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The slot in parent `<dds-card>`.",
+          "type": "string",
+          "default": "\"footer\""
+        },
+        {
+          "name": "iconPlacement",
+          "attribute": "icon-placement",
+          "description": "Icon placement(right (default) | left)",
+          "type": "ICON_PLACEMENT",
+          "default": "\"right\""
+        },
+        {
+          "name": "iconInline",
+          "attribute": "iconInline",
+          "description": "Positions the icon inline with text when `true`",
           "type": "boolean",
-          "default": "false"
+          "default": "true"
         },
         {
           "name": "disabled",
           "description": "`true` if the button should be disabled.",
-          "type": "boolean"
+          "type": "boolean | undefined"
         },
         {
           "name": "download",
           "description": "The default file name.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "href",
-          "attribute": "href",
           "description": "Link `href`.",
-          "type": "string",
-          "default": "\"\""
+          "type": "string | undefined"
         },
         {
           "name": "hreflang",
@@ -7169,13 +7131,15 @@
         },
         {
           "name": "size",
-          "description": "Link size.",
-          "type": "LINK_SIZE"
+          "attribute": "size",
+          "description": "Property that specifies the link to use size large",
+          "type": "LINK_SIZE",
+          "default": "\"lg\""
         },
         {
           "name": "target",
           "description": "The link target.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "type",
@@ -7185,72 +7149,41 @@
       ],
       "slots": [
         {
-          "name": "eyebrow",
-          "description": "The eyebrow content."
-        },
-        {
-          "name": "heading",
-          "description": "The heading content."
-        },
-        {
-          "name": "image",
-          "description": "The image content."
+          "name": "icon",
+          "description": "The icon."
         },
         {
-          "name": "footer",
-          "description": "The footer content."
+          "name": "icon-left",
+          "description": "The CTA icon to place at the left."
         }
       ]
     },
     {
-      "name": "dds-content-group-cards",
-      "path": "./src/components/content-group-cards/content-group-cards.ts",
-      "description": "Content group cards.",
+      "name": "dds-feature-cta",
+      "path": "./src/components/cta/feature-cta.ts",
+      "description": "Feature CTA.",
       "attributes": [
         {
-          "name": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "complementaryStyleScheme",
-          "attribute": "complementary-style-scheme",
-          "description": "The style scheme for the complementary content.",
-          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
-          "default": "\"regular\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "The heading content."
+          "name": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
         },
         {
-          "name": "copy",
-          "description": "The copy content."
+          "name": "video-name",
+          "description": "The video name.",
+          "type": "string | undefined"
         },
         {
-          "name": "media",
-          "description": "The media content."
+          "name": "video-description",
+          "description": "The custom video description.",
+          "type": "string | undefined"
         },
         {
-          "name": "footer",
-          "description": "The footer (CTA) content."
+          "name": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
+          "default": "\"\""
         },
-        {
-          "name": "complementary",
-          "description": "The complementary (aside) content."
-        }
-      ]
-    },
-    {
-      "name": "dds-feature-card",
-      "path": "./src/components/feature-card/feature-card.ts",
-      "description": "Feature Card.",
-      "attributes": [
         {
           "name": "border",
           "description": "An optional 1px border surrounding the component.",
@@ -7278,7 +7211,7 @@
         {
           "name": "href",
           "description": "Link `href`.",
-          "type": "string",
+          "type": "string | undefined",
           "default": "\"\""
         },
         {
@@ -7287,6 +7220,52 @@
         }
       ],
       "properties": [
+        {
+          "name": "captionHeading",
+          "description": "The video caption to replace the heading with."
+        },
+        {
+          "name": "formatVideoCaption",
+          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
+          "type": "(...args: any[]) => string",
+          "default": "\"formatVideoCaption\""
+        },
+        {
+          "name": "formatVideoDuration",
+          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
+          "type": "(...args: any[]) => string",
+          "default": "\"formatVideoDuration\""
+        },
+        {
+          "name": "videoDuration",
+          "attribute": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "videoName",
+          "attribute": "video-name",
+          "description": "The video name.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "videoDescription",
+          "attribute": "video-description",
+          "description": "The custom video description.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "videoThumbnailUrl",
+          "description": "The video thumbnail URL.\nFeature CTA does not support video thumbnail, and this property should never be set.",
+          "type": "undefined"
+        },
+        {
+          "name": "ctaType",
+          "attribute": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
+          "default": "\"\""
+        },
         {
           "name": "border",
           "attribute": "border",
@@ -7318,18 +7297,18 @@
         {
           "name": "disabled",
           "description": "`true` if the button should be disabled.",
-          "type": "boolean"
+          "type": "boolean | undefined"
         },
         {
           "name": "download",
           "description": "The default file name.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "href",
           "attribute": "href",
           "description": "Link `href`.",
-          "type": "string",
+          "type": "string | undefined",
           "default": "\"\""
         },
         {
@@ -7360,7 +7339,7 @@
         {
           "name": "target",
           "description": "The link target.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "type",
@@ -7388,106 +7367,176 @@
       ]
     },
     {
-      "name": "dds-feature-card-footer",
-      "path": "./src/components/feature-card/feature-card-footer.ts",
-      "description": "Feature card footer.",
+      "name": "dds-link-list-item-card-cta",
+      "path": "./src/components/cta/link-list-item-card-cta.ts",
+      "description": "Link list item card CTA.",
       "attributes": [
         {
-          "name": "altAriaLabel",
-          "description": "Alternative aria label if no text in footer.",
-          "type": "string | null | undefined"
+          "name": "thumbnail",
+          "description": "Optional custom video thumbnail",
+          "type": "\"\" | undefined"
+        },
+        {
+          "name": "no-poster",
+          "description": "Set `true` if Poster Video Image should not be shown.",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "video-name",
+          "description": "The video name.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "video-description",
+          "description": "The custom video description.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "video-thumbnail-url",
+          "description": "The video thumbnail URL.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
+          "default": "\"\""
+        },
+        {
+          "name": "border",
+          "description": "An optional 1px border surrounding the component.",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "color-scheme",
-          "description": "The color scheme.",
+          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
           "type": "BASIC_COLOR_SCHEME",
           "default": "\"\""
         },
         {
-          "name": "parent-href",
-          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
-          "type": "string | undefined"
+          "name": "pictogram-placement",
+          "description": "Pictogram placement",
+          "type": "PICTOGRAM_PLACEMENT",
+          "default": "\"top\""
         },
         {
-          "name": "slot",
-          "description": "The slot in parent `<dds-card>`.",
-          "type": "string",
-          "default": "\"footer\""
+          "name": "logo",
+          "description": "Whether or not to apply the logo style.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "icon-placement",
-          "description": "Icon placement(right (default) | left)",
-          "type": "ICON_PLACEMENT",
-          "default": "\"right\""
+          "name": "href",
+          "description": "Link `href`.",
+          "type": "string | undefined",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "thumbnail",
+          "attribute": "thumbnail",
+          "description": "Optional custom video thumbnail",
+          "type": "\"\" | undefined"
         },
         {
-          "name": "iconInline",
-          "description": "Positions the icon inline with text when `true`",
+          "name": "noPoster",
+          "attribute": "no-poster",
+          "description": "Set `true` if Poster Video Image should not be shown.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
+        },
+        {
+          "name": "formatVideoCaption",
+          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
+          "default": "\"formatVideoCaption\""
+        },
+        {
+          "name": "formatVideoDuration",
+          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with."
+        },
+        {
+          "name": "videoDuration",
+          "attribute": "video-duration",
+          "description": "The video duration.",
+          "type": "number | undefined"
+        },
+        {
+          "name": "videoName",
+          "attribute": "video-name",
+          "description": "The video name.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "videoDescription",
+          "attribute": "video-description",
+          "description": "The custom video description.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "videoThumbnailUrl",
+          "attribute": "video-thumbnail-url",
+          "description": "The video thumbnail URL.",
+          "type": "string | undefined"
+        },
+        {
+          "name": "ctaType",
+          "attribute": "cta-type",
+          "description": "The CTA type.",
+          "type": "CTA_TYPE",
+          "default": "\"\""
         },
         {
-          "name": "size",
-          "description": "Property that specifies the link to use size large",
-          "type": "LINK_SIZE",
-          "default": "\"lg\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "altAriaLabel",
-          "attribute": "altAriaLabel",
-          "description": "Alternative aria label if no text in footer.",
-          "type": "string | null | undefined"
+          "name": "border",
+          "attribute": "border",
+          "description": "An optional 1px border surrounding the component.",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "colorScheme",
           "attribute": "color-scheme",
-          "description": "The color scheme.",
+          "description": "The color scheme.\nA typical use case of using another color scheme of card is having a \"CTA\" purpose of card at the last in card group.\n\nColor scheme options are: \"inverse\" and \"light\"",
           "type": "BASIC_COLOR_SCHEME",
           "default": "\"\""
         },
         {
-          "name": "parentHref",
-          "attribute": "parent-href",
-          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The slot in parent `<dds-card>`.",
-          "type": "string",
-          "default": "\"footer\""
-        },
-        {
-          "name": "iconPlacement",
-          "attribute": "icon-placement",
-          "description": "Icon placement(right (default) | left)",
-          "type": "ICON_PLACEMENT",
-          "default": "\"right\""
+          "name": "pictogramPlacement",
+          "attribute": "pictogram-placement",
+          "description": "Pictogram placement",
+          "type": "PICTOGRAM_PLACEMENT",
+          "default": "\"top\""
         },
         {
-          "name": "iconInline",
-          "attribute": "iconInline",
-          "description": "Positions the icon inline with text when `true`",
+          "name": "logo",
+          "attribute": "logo",
+          "description": "Whether or not to apply the logo style.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
           "name": "disabled",
           "description": "`true` if the button should be disabled.",
-          "type": "boolean"
+          "type": "boolean | undefined"
         },
         {
           "name": "download",
           "description": "The default file name.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "href",
+          "attribute": "href",
           "description": "Link `href`.",
-          "type": "string"
+          "type": "string | undefined",
+          "default": "\"\""
         },
         {
           "name": "hreflang",
@@ -7511,15 +7560,13 @@
         },
         {
           "name": "size",
-          "attribute": "size",
-          "description": "Property that specifies the link to use size large",
-          "type": "LINK_SIZE",
-          "default": "\"lg\""
+          "description": "Link size.",
+          "type": "LINK_SIZE"
         },
         {
           "name": "target",
           "description": "The link target.",
-          "type": "string"
+          "type": "string | undefined"
         },
         {
           "name": "type",
@@ -7529,249 +7576,206 @@
       ],
       "slots": [
         {
-          "name": "icon",
-          "description": "The icon."
+          "name": "eyebrow",
+          "description": "The eyebrow content."
         },
         {
-          "name": "icon-left",
-          "description": "The CTA icon to place at the left."
+          "name": "heading",
+          "description": "The heading content."
+        },
+        {
+          "name": "image",
+          "description": "The image content."
+        },
+        {
+          "name": "footer",
+          "description": "The footer content."
         }
       ]
     },
     {
-      "name": "dds-feature-cta-footer",
-      "path": "./src/components/cta/feature-cta-footer.ts",
-      "description": "Feature CTA footer.",
+      "name": "dds-content-block-mixed",
+      "path": "./src/components/content-block-mixed/content-block-mixed.ts",
+      "description": "Content block mixed",
       "attributes": [
         {
-          "name": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
-        },
-        {
-          "name": "video-description",
-          "description": "The video custom description.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
-          "default": "\"\""
-        },
-        {
-          "name": "altAriaLabel",
-          "description": "Alternative aria label if no text in footer.",
-          "type": "string | null | undefined"
-        },
-        {
-          "name": "color-scheme",
-          "description": "The color scheme.",
-          "type": "BASIC_COLOR_SCHEME",
-          "default": "\"\""
-        },
-        {
-          "name": "parent-href",
-          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "slot",
-          "description": "The slot in parent `<dds-card>`.",
-          "type": "string",
-          "default": "\"footer\""
-        },
-        {
-          "name": "icon-placement",
-          "description": "Icon placement(right (default) | left)",
-          "type": "ICON_PLACEMENT",
-          "default": "\"right\""
-        },
-        {
-          "name": "iconInline",
-          "description": "Positions the icon inline with text when `true`",
-          "type": "boolean",
-          "default": "true"
-        },
-        {
-          "name": "size",
-          "description": "Property that specifies the link to use size large",
-          "type": "LINK_SIZE",
-          "default": "\"lg\""
+          "name": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
         }
       ],
       "properties": [
         {
-          "name": "formatVideoCaption",
-          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
-          "type": "(...args: any[]) => string",
-          "default": "\"formatVideoCaption\""
-        },
+          "name": "complementaryStyleScheme",
+          "attribute": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "slots": [
         {
-          "name": "formatVideoDuration",
-          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
-          "type": "(...args: any[]) => string",
-          "default": "\"formatVideoDuration\""
+          "name": "heading",
+          "description": "The heading content."
         },
         {
-          "name": "videoDuration",
-          "attribute": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
+          "name": "copy",
+          "description": "The copy content."
         },
         {
-          "name": "videoName",
-          "description": "The video name.\nThis property should be set when a custom video title is needed.",
-          "type": "string | undefined"
+          "name": "media",
+          "description": "The media content."
         },
         {
-          "name": "videoDescription",
-          "attribute": "video-description",
-          "description": "The video custom description.",
-          "type": "string | undefined"
+          "name": "footer",
+          "description": "The footer (CTA) content."
         },
         {
-          "name": "videoThumbnailUrl",
-          "description": "The video thumbnail URL.\nFeature CTA footer does not support video thumbnail, and this property should never be set.",
-          "type": "undefined"
+          "name": "complementary",
+          "description": "The complementary (aside) content."
+        }
+      ]
+    },
+    {
+      "name": "dds-image-with-caption",
+      "path": "./src/components/image-with-caption/image-with-caption.ts",
+      "description": "Image With Caption",
+      "attributes": [
+        {
+          "name": "lightbox",
+          "description": "The lightbox.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "ctaType",
-          "attribute": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
+          "name": "default-src",
+          "description": "The image source.",
+          "type": "string",
           "default": "\"\""
         },
         {
-          "name": "altAriaLabel",
-          "attribute": "altAriaLabel",
-          "description": "Alternative aria label if no text in footer.",
-          "type": "string | null | undefined"
+          "name": "alt",
+          "description": "The alt text.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "colorScheme",
-          "attribute": "color-scheme",
-          "description": "The color scheme.",
-          "type": "BASIC_COLOR_SCHEME",
+          "name": "heading",
+          "description": "The heading.",
+          "type": "string",
           "default": "\"\""
         },
         {
-          "name": "parentHref",
-          "attribute": "parent-href",
-          "description": "The `href` in parent `<dds-card>`.\n`<dds-card>` sets this automatically.",
-          "type": "string | undefined"
+          "name": "launch-lightbox-button-assistive-text",
+          "type": "string",
+          "default": "\"launch light box media viewer\""
         },
         {
-          "name": "slot",
-          "attribute": "slot",
-          "description": "The slot in parent `<dds-card>`.",
+          "name": "copy",
+          "description": "The description.",
           "type": "string",
-          "default": "\"footer\""
+          "default": "\"\""
         },
         {
-          "name": "iconPlacement",
-          "attribute": "icon-placement",
-          "description": "Icon placement(right (default) | left)",
-          "type": "ICON_PLACEMENT",
-          "default": "\"right\""
-        },
+          "name": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
+        }
+      ],
+      "properties": [
         {
-          "name": "iconInline",
-          "attribute": "iconInline",
-          "description": "Positions the icon inline with text when `true`",
+          "name": "lightbox",
+          "attribute": "lightbox",
+          "description": "The lightbox.",
           "type": "boolean",
-          "default": "true"
+          "default": "false"
         },
         {
-          "name": "disabled",
-          "description": "`true` if the button should be disabled.",
-          "type": "boolean | undefined"
+          "name": "defaultSrc",
+          "attribute": "default-src",
+          "description": "The image source.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "download",
-          "description": "The default file name.",
-          "type": "string | undefined"
+          "name": "alt",
+          "attribute": "alt",
+          "description": "The alt text.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "href",
-          "description": "Link `href`.",
-          "type": "string | undefined"
+          "name": "heading",
+          "attribute": "heading",
+          "description": "The heading.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "hreflang",
-          "description": "The language of what `href` points to.",
-          "type": "string"
+          "name": "launchLightboxButtonAssistiveText",
+          "attribute": "launch-lightbox-button-assistive-text",
+          "type": "string",
+          "default": "\"launch light box media viewer\""
         },
         {
-          "name": "linkRole",
-          "description": "The a11y role for `<a>`.",
-          "type": "string"
+          "name": "copy",
+          "attribute": "copy",
+          "description": "The description.",
+          "type": "string",
+          "default": "\"\""
         },
         {
-          "name": "ping",
-          "description": "URLs to ping.",
-          "type": "string"
+          "name": "open",
+          "attribute": "open",
+          "description": "`true` if the modal should be open.",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "rel",
-          "description": "The link type.",
-          "type": "string"
+          "name": "modalRenderRoot",
+          "description": "The render target of the modal.",
+          "type": "void | Element | null"
         },
         {
-          "name": "size",
-          "attribute": "size",
-          "description": "Property that specifies the link to use size large",
-          "type": "LINK_SIZE",
-          "default": "\"lg\""
+          "name": "container",
+          "description": "The DOM element to put the modal into."
         },
         {
-          "name": "target",
-          "description": "The link target.",
-          "type": "string | undefined"
-        },
+          "name": "prototype",
+          "description": "A reference to the prototype.",
+          "type": "Promise<any>"
+        }
+      ]
+    },
+    {
+      "name": "dds-link-list-heading",
+      "path": "./src/components/link-list/link-list-heading.ts",
+      "description": "The heading content of link list.",
+      "attributes": [
         {
-          "name": "type",
-          "description": "MIME type of the `target`.",
-          "type": "string"
+          "name": "slot",
+          "description": "The shadow slot this link list heading should be in.",
+          "type": "string",
+          "default": "\"heading\""
         }
       ],
-      "slots": [
-        {
-          "name": "icon",
-          "description": "The icon."
-        },
+      "properties": [
         {
-          "name": "icon-left",
-          "description": "The CTA icon to place at the left."
+          "name": "slot",
+          "attribute": "slot",
+          "description": "The shadow slot this link list heading should be in.",
+          "type": "string",
+          "default": "\"heading\""
         }
       ]
     },
     {
-      "name": "dds-feature-cta",
-      "path": "./src/components/cta/feature-cta.ts",
-      "description": "Feature CTA.",
+      "name": "dds-link-list-item-card",
+      "path": "./src/components/link-list/link-list-item-card.ts",
+      "description": "Link list item.",
       "attributes": [
-        {
-          "name": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
-        },
-        {
-          "name": "video-name",
-          "description": "The video name.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "video-description",
-          "description": "The custom video description.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
-          "default": "\"\""
-        },
         {
           "name": "border",
           "description": "An optional 1px border surrounding the component.",
@@ -7796,64 +7800,20 @@
           "type": "boolean",
           "default": "false"
         },
+        {
+          "name": "disabled",
+          "description": "`true` to disable the card link.",
+          "type": "boolean",
+          "default": "false"
+        },
         {
           "name": "href",
           "description": "Link `href`.",
-          "type": "string | undefined",
+          "type": "string",
           "default": "\"\""
-        },
-        {
-          "name": "size",
-          "description": "The size property to render either Medium (default) or Large Feature Card variants."
         }
       ],
       "properties": [
-        {
-          "name": "captionHeading",
-          "description": "The video caption to replace the heading with."
-        },
-        {
-          "name": "formatVideoCaption",
-          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
-          "type": "(...args: any[]) => string",
-          "default": "\"formatVideoCaption\""
-        },
-        {
-          "name": "formatVideoDuration",
-          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with.",
-          "type": "(...args: any[]) => string",
-          "default": "\"formatVideoDuration\""
-        },
-        {
-          "name": "videoDuration",
-          "attribute": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
-        },
-        {
-          "name": "videoName",
-          "attribute": "video-name",
-          "description": "The video name.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "videoDescription",
-          "attribute": "video-description",
-          "description": "The custom video description.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "videoThumbnailUrl",
-          "description": "The video thumbnail URL.\nFeature CTA does not support video thumbnail, and this property should never be set.",
-          "type": "undefined"
-        },
-        {
-          "name": "ctaType",
-          "attribute": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
-          "default": "\"\""
-        },
         {
           "name": "border",
           "attribute": "border",
@@ -7884,19 +7844,21 @@
         },
         {
           "name": "disabled",
-          "description": "`true` if the button should be disabled.",
-          "type": "boolean | undefined"
+          "attribute": "disabled",
+          "description": "`true` to disable the card link.",
+          "type": "boolean",
+          "default": "false"
         },
         {
           "name": "download",
           "description": "The default file name.",
-          "type": "string | undefined"
+          "type": "string"
         },
         {
           "name": "href",
           "attribute": "href",
           "description": "Link `href`.",
-          "type": "string | undefined",
+          "type": "string",
           "default": "\"\""
         },
         {
@@ -7921,81 +7883,183 @@
         },
         {
           "name": "size",
-          "attribute": "size",
-          "description": "The size property to render either Medium (default) or Large Feature Card variants."
+          "description": "Link size.",
+          "type": "LINK_SIZE"
         },
         {
           "name": "target",
           "description": "The link target.",
-          "type": "string | undefined"
+          "type": "string"
+        },
+        {
+          "name": "type",
+          "description": "MIME type of the `target`.",
+          "type": "string"
+        }
+      ],
+      "slots": [
+        {
+          "name": "eyebrow",
+          "description": "The eyebrow content."
+        },
+        {
+          "name": "heading",
+          "description": "The heading content."
+        },
+        {
+          "name": "image",
+          "description": "The image content."
+        },
+        {
+          "name": "footer",
+          "description": "The footer content."
+        }
+      ]
+    },
+    {
+      "name": "dds-pictogram-item",
+      "path": "./src/components/pictogram-item/pictogram-item.ts",
+      "description": "Pictogram item.",
+      "attributes": [
+        {
+          "name": "color",
+          "description": "The pictogram color.\n\nColor scheme options are: \"Black (Default)\" and \"Blue 50\"",
+          "type": "COLOR_OPTIONS",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "colorOption",
+          "attribute": "color",
+          "description": "The pictogram color.\n\nColor scheme options are: \"Black (Default)\" and \"Blue 50\"",
+          "type": "COLOR_OPTIONS",
+          "default": "\"\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "pictogram",
+          "description": "The pictogram content."
+        },
+        {
+          "name": "heading",
+          "description": "The heading content."
+        },
+        {
+          "name": "footer",
+          "description": "The footer (CTA) content."
         },
         {
-          "name": "type",
-          "description": "MIME type of the `target`.",
-          "type": "string"
+          "name": "media",
+          "description": "The media content."
+        }
+      ]
+    },
+    {
+      "name": "dds-content-group-banner",
+      "path": "./src/components/content-group-banner/content-group-banner.ts",
+      "description": "Content Group - Banner.",
+      "attributes": [
+        {
+          "name": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
         }
       ],
-      "slots": [
+      "properties": [
         {
-          "name": "eyebrow",
-          "description": "The eyebrow content."
-        },
+          "name": "complementaryStyleScheme",
+          "attribute": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "slots": [
         {
           "name": "heading",
           "description": "The heading content."
         },
         {
-          "name": "image",
-          "description": "The image content."
+          "name": "copy",
+          "description": "The copy content."
+        },
+        {
+          "name": "media",
+          "description": "The media content."
         },
         {
           "name": "footer",
-          "description": "The footer content."
+          "description": "The footer (CTA) content."
+        },
+        {
+          "name": "complementary",
+          "description": "The complementary (aside) content."
         }
       ]
     },
     {
-      "name": "dds-link-list-item-card-cta",
-      "path": "./src/components/cta/link-list-item-card-cta.ts",
-      "description": "Link list item card CTA.",
+      "name": "dds-content-block-horizontal",
+      "path": "./src/components/content-group-horizontal/content-group-horizontal.ts",
+      "description": "Horizontal version of content group.",
       "attributes": [
         {
-          "name": "thumbnail",
-          "description": "Optional custom video thumbnail",
-          "type": "\"\" | undefined"
+          "name": "border",
+          "type": "boolean",
+          "default": "false"
         },
         {
-          "name": "no-poster",
-          "description": "Set `true` if Poster Video Image should not be shown.",
+          "name": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "border",
+          "attribute": "border",
           "type": "boolean",
           "default": "false"
         },
         {
-          "name": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
-        },
+          "name": "complementaryStyleScheme",
+          "attribute": "complementary-style-scheme",
+          "description": "The style scheme for the complementary content.",
+          "type": "CONTENT_BLOCK_COMPLEMENTARY_STYLE_SCHEME",
+          "default": "\"regular\""
+        }
+      ],
+      "slots": [
         {
-          "name": "video-name",
-          "description": "The video name.",
-          "type": "string | undefined"
+          "name": "heading",
+          "description": "The heading content."
         },
         {
-          "name": "video-description",
-          "description": "The custom video description.",
-          "type": "string | undefined"
+          "name": "copy",
+          "description": "The copy content."
         },
         {
-          "name": "video-thumbnail-url",
-          "description": "The video thumbnail URL.",
-          "type": "string | undefined"
+          "name": "media",
+          "description": "The media content."
         },
         {
-          "name": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
-          "default": "\"\""
+          "name": "footer",
+          "description": "The footer (CTA) content."
         },
+        {
+          "name": "complementary",
+          "description": "The complementary (aside) content."
+        }
+      ]
+    },
+    {
+      "name": "dds-content-group-card-item",
+      "path": "./src/components/content-group-cards/content-group-cards-item.ts",
+      "description": "Content Group Card item.",
+      "attributes": [
         {
           "name": "border",
           "description": "An optional 1px border surrounding the component.",
@@ -8023,64 +8087,11 @@
         {
           "name": "href",
           "description": "Link `href`.",
-          "type": "string | undefined",
+          "type": "string",
           "default": "\"\""
         }
       ],
       "properties": [
-        {
-          "name": "thumbnail",
-          "attribute": "thumbnail",
-          "description": "Optional custom video thumbnail",
-          "type": "\"\" | undefined"
-        },
-        {
-          "name": "noPoster",
-          "attribute": "no-poster",
-          "description": "Set `true` if Poster Video Image should not be shown.",
-          "type": "boolean",
-          "default": "false"
-        },
-        {
-          "name": "formatVideoCaption",
-          "description": "The formatter for the video caption, composed with the video name and the video duration.\nShould be changed upon the locale the UI is rendered with.",
-          "default": "\"formatVideoCaption\""
-        },
-        {
-          "name": "formatVideoDuration",
-          "description": "The formatter for the video duration.\nShould be changed upon the locale the UI is rendered with."
-        },
-        {
-          "name": "videoDuration",
-          "attribute": "video-duration",
-          "description": "The video duration.",
-          "type": "number | undefined"
-        },
-        {
-          "name": "videoName",
-          "attribute": "video-name",
-          "description": "The video name.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "videoDescription",
-          "attribute": "video-description",
-          "description": "The custom video description.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "videoThumbnailUrl",
-          "attribute": "video-thumbnail-url",
-          "description": "The video thumbnail URL.",
-          "type": "string | undefined"
-        },
-        {
-          "name": "ctaType",
-          "attribute": "cta-type",
-          "description": "The CTA type.",
-          "type": "CTA_TYPE",
-          "default": "\"\""
-        },
         {
           "name": "border",
           "attribute": "border",
@@ -8112,18 +8123,18 @@
         {
           "name": "disabled",
           "description": "`true` if the button should be disabled.",
-          "type": "boolean | undefined"
+          "type": "boolean"
         },
         {
           "name": "download",
           "description": "The default file name.",
-          "type": "string | undefined"
+          "type": "string"
         },
         {
           "name": "href",
           "attribute": "href",
           "description": "Link `href`.",
-          "type": "string | undefined",
+          "type": "string",
           "default": "\"\""
         },
         {
@@ -8154,7 +8165,7 @@
         {
           "name": "target",
           "description": "The link target.",
-          "type": "string | undefined"
+          "type": "string"
         },
         {
           "name": "type",
@@ -8182,9 +8193,9 @@
       ]
     },
     {
-      "name": "dds-content-group-pictogram",
-      "path": "./src/components/content-group-pictograms/content-group-pictograms.ts",
-      "description": "Content group with pictograms",
+      "name": "dds-content-group-cards",
+      "path": "./src/components/content-group-cards/content-group-cards.ts",
+      "description": "Content group cards.",
       "attributes": [
         {
           "name": "complementary-style-scheme",
@@ -8226,15 +8237,10 @@
       ]
     },
     {
-      "name": "dds-content-block-horizontal",
-      "path": "./src/components/content-group-horizontal/content-group-horizontal.ts",
-      "description": "Horizontal version of content group.",
+      "name": "dds-content-group-pictogram",
+      "path": "./src/components/content-group-pictograms/content-group-pictograms.ts",
+      "description": "Content group with pictograms",
       "attributes": [
-        {
-          "name": "border",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "complementary-style-scheme",
           "description": "The style scheme for the complementary content.",
@@ -8243,12 +8249,6 @@
         }
       ],
       "properties": [
-        {
-          "name": "border",
-          "attribute": "border",
-          "type": "boolean",
-          "default": "false"
-        },
         {
           "name": "complementaryStyleScheme",
           "attribute": "complementary-style-scheme",
@@ -8474,6 +8474,34 @@
         }
       ]
     },
+    {
+      "name": "dds-cta-section",
+      "path": "./src/components/cta-section/cta-section.ts",
+      "description": "The CTA SECTION pattern",
+      "attributes": [
+        {
+          "name": "children-custom-class",
+          "description": "An optional custom class for children.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "childrenCustomClass",
+          "attribute": "children-custom-class",
+          "description": "An optional custom class for children.",
+          "type": "string",
+          "default": "\"\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "heading",
+          "description": "Section heading"
+        }
+      ]
+    },
     {
       "name": "dds-footer",
       "path": "./src/components/footer/footer.ts",
@@ -12815,34 +12843,6 @@
       "path": "./src/components/dotcom-shell/dotcom-shell-container.ts",
       "description": "Container component for dotcom shell."
     },
-    {
-      "name": "dds-cta-section",
-      "path": "./src/components/cta-section/cta-section.ts",
-      "description": "The CTA SECTION pattern",
-      "attributes": [
-        {
-          "name": "children-custom-class",
-          "description": "An optional custom class for children.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "properties": [
-        {
-          "name": "childrenCustomClass",
-          "attribute": "children-custom-class",
-          "description": "An optional custom class for children.",
-          "type": "string",
-          "default": "\"\""
-        }
-      ],
-      "slots": [
-        {
-          "name": "heading",
-          "description": "Section heading"
-        }
-      ]
-    },
     {
       "name": "dds-expressive-modal-body",
       "path": "./src/components/expressive-modal/expressive-modal-body.ts",