@kickstartds/ds-agency-premium 1.6.71--canary.45.2035.0 → 1.6.71--canary.45.2068.0

package/dist/components/cookie-consent/cookie-consent.schema.json

@@ -11,14 +11,19 @@
       "properties": {
         "displayMode": {
           "type": "string",
-          "enum": ["card", "banner"],
+          "enum": [
+            "card",
+            "banner"
+          ],
           "description": "The display mode of the cookie consent component",
           "default": "card"
         },
         "title": {
           "type": "string",
           "description": "The title of the cookie consent section",
-          "examples": ["We value your privacy"]
+          "examples": [
+            "We value your privacy"
+          ]
         },
         "acceptButton": {
           "type": "object",
@@ -46,7 +51,9 @@
             "label": {
               "type": "string",
               "description": "The label for the customize button",
-              "examples": ["Customize Cookies"]
+              "examples": [
+                "Customize Cookies"
+              ]
             },
             "variant": {
               "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/variant"
@@ -74,11 +81,6 @@
           "type": "string",
           "description": "The label for the revisit button",
           "default": "Manage Cookies"
-        },
-        "toggle": {
-          "type": "boolean",
-          "description": "Whether the revisit button is a toggle",
-          "default": true
         }
       }
     },
@@ -90,7 +92,9 @@
         "title": {
           "type": "string",
           "description": "The title of the cookie consent dialogue",
-          "examples": ["Manage Cookie Preferences"]
+          "examples": [
+            "Manage Cookie Preferences"
+          ]
         },
         "description": {
           "type": "string",
@@ -105,10 +109,19 @@
           "items": {
             "type": "object",
             "properties": {
+              "key": {
+                "type": "string",
+                "title": "Internal Key",
+                "examples": [
+                  "necessary"
+                ]
+              },
               "name": {
                 "type": "string",
                 "description": "The name of the required cookie",
-                "examples": ["Session Cookie"]
+                "examples": [
+                  "Session Cookie"
+                ]
               },
               "description": {
                 "type": "string",
@@ -150,10 +163,22 @@
           "items": {
             "type": "object",
             "properties": {
+              "key": {
+                "type": "string",
+                "title": "Internal Key",
+                "examples": [
+                  "functionality",
+                  "measurement",
+                  "experience",
+                  "marketing"
+                ]
+              },
               "name": {
                 "type": "string",
                 "description": "The name of the cookie category",
-                "examples": ["Essential Cookies"]
+                "examples": [
+                  "Essential Cookies"
+                ]
               },
               "description": {
                 "type": "string",
@@ -161,11 +186,6 @@
                 "examples": [
                   "These cookies are necessary for the website to function."
                 ]
-              },
-              "checked": {
-                "type": "boolean",
-                "description": "Whether the cookie category is checked by default",
-                "default": true
               }
             }
           }
@@ -192,6 +212,12 @@
           "default": "Always Active"
         }
       }
+    },
+    "component": {
+      "title": "`ks-component` attribute",
+      "description": "Optional custom component identifier",
+      "type": "string",
+      "default": "dsa.cookie-consent"
     }
   },
   "additionalProperties": false

package/dist/components/cookie-consent/index.d.ts

@@ -10,7 +10,9 @@ import { HTMLAttributes } from "react";
  * Variant of button to be used
  */
 type Variant = "primary" | "secondary" | "tertiary";
+type InternalKey = string;
 type RequiredCookies = {
+    key?: InternalKey;
     /**
      * The name of the required cookie
      */
@@ -20,10 +22,16 @@ type RequiredCookies = {
      */
     description?: string;
 }[];
+type InternalKey1 = string;
+/**
+ * Optional custom component identifier
+ */
+type KsComponentAttribute = string;
 interface CookieConsentProps {
     notice?: InitialCookieConsentNotice;
     revisitButton?: RevisitCookieConsentButton;
     dialogue?: CookieConsentDialogue;
+    component?: KsComponentAttribute;
 }
 /**
  * The initial notice displayed to users regarding cookie consent.
@@ -70,10 +78,6 @@ interface RevisitCookieConsentButton {
      * The label for the revisit button
      */
     label?: string;
-    /**
-     * Whether the revisit button is a toggle
-     */
-    toggle?: boolean;
 }
 /**
  * The dialogue displayed when users choose to customize their cookie preferences.
@@ -107,6 +111,7 @@ interface CookieConsentDialogue {
      */
     decisionButtonVariant?: "secondary" | "tertiary";
     options?: {
+        key?: InternalKey1;
         /**
          * The name of the cookie category
          */
@@ -115,10 +120,6 @@ interface CookieConsentDialogue {
          * A description of the cookie category
          */
         description?: string;
-        /**
-         * Whether the cookie category is checked by default
-         */
-        checked?: boolean;
     }[];
     toggleLabels?: {
         /**

package/dist/components/cookie-consent/index.js

@@ -1,24 +1,20 @@
 import "./cookie-consent.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, createContext, useContext } from 'react';
+import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { Headline } from '../headline/index.js';
 import { Button } from '../button/index.js';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import Markdown from 'markdown-to-jsx';
 import { Radio } from '@kickstartds/form/lib/radio';
+import './CookieConsent.client.js';
 import '@kickstartds/base/lib/headline';
 import '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button';
+import '@kickstartds/core/lib/component';
 
-const CookieConsentContextDefault = forwardRef(({ notice, revisitButton, dialogue }, ref) => {
-    const [showDialogue, setShowDialogue] = useState(false);
-    const [optionStates, setOptionStates] = useState(dialogue?.options?.map((option) => option.checked ?? true) // true = default checked
-    );
-    const handleRadioChange = (index, value) => {
-        setOptionStates((prev) => prev.map((checked, i) => (i === index ? value : checked)));
-    };
-    return (jsxs("div", { className: "dsa-cookie-consent", ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3" }), jsx(RichText, { text: notice?.description }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, onClick: () => setShowDialogue(true) }), jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.decisionButtonVariant }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.decisionButtonVariant })] })] }), revisitButton && revisitButton.toggle && (jsx(Button, { className: "dsa-cookie-consent-revisit", size: "small", variant: "primary", icon: "star", label: revisitButton?.label || "Cookie Preferences", onClick: () => setShowDialogue(true) })), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: !showDialogue, "aria-hidden": !showDialogue, children: [jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2", style: "h3" }), jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "", onClick: () => setShowDialogue(false) })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__content", children: [jsx(RichText, { className: "dsa-cookie-consent-dialogue__description", text: dialogue?.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsx("span", { className: "dsa-cookie-consent-dialogue__label", children: dialogue?.alwaysActiveLabel || "Always Active" })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }, index), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.name, checked: optionStates?.[index] ?? true, label: dialogue?.toggleLabels?.accept || "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: dialogue?.toggleLabels?.reject || "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.acceptLabel || "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.rejectLabel || "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: dialogue?.buttons.savePreferencesLabel || "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
+const CookieConsentContextDefault = forwardRef(({ notice, revisitButton, dialogue, component = "dsa.cookie-consent" }, ref) => {
+    return (jsxs("div", { className: "dsa-cookie-consent", "ks-component": component, ref: ref, children: [jsxs("div", { className: classnames(`dsa-cookie-consent-notice dsa-cookie-consent-notice--${notice?.displayMode}`), hidden: true, children: [jsx(Headline, { spaceAfter: "minimum", text: notice?.title, level: "h2", style: "h3", className: "dsa-cookie-consent-notice__title" }), jsx(RichText, { text: notice?.description, className: "dsa-cookie-consent-notice__description" }), jsxs("div", { className: "dsa-cookie-consent-notice__buttons", children: [jsx(Button, { size: "small", label: notice?.customizeButton?.label, variant: notice?.customizeButton?.variant, className: "dsa-cookie-consent-notice__button--customize" }), jsx(Button, { size: "small", label: notice?.rejectButton?.label, variant: notice?.decisionButtonVariant, className: "dsa-cookie-consent-notice__button--reject" }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.decisionButtonVariant, className: "dsa-cookie-consent-notice__button--accept" })] })] }), jsx(Button, { className: "dsa-cookie-consent-revisit", size: "small", variant: "primary", icon: "star", label: revisitButton?.label || "Cookie Preferences", hidden: true }), jsxs("div", { className: "dsa-cookie-consent-dialogue", hidden: true, "aria-hidden": true, children: [jsxs("div", { className: "dsa-cookie-consent-dialogue__header", children: [jsx(Headline, { spaceAfter: "minimum", text: dialogue?.title, level: "h2", style: "h3", className: "dsa-cookie-consent-dialogue__title" }), jsx(Button, { "aria-label": "Close Cookie Consent Dialogue", className: "dsa-cookie-consent-dialogue__close", icon: "close", label: "" })] }), jsxs("form", { className: "dsa-cookie-consent-dialogue__form", children: [jsxs("div", { className: "dsa-cookie-consent-dialogue__content", children: [jsx(RichText, { className: "dsa-cookie-consent-dialogue__description", text: dialogue?.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__options", children: [dialogue?.required?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", "data-consent-type": option.key, children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsx("span", { className: "dsa-cookie-consent-dialogue__label", children: dialogue?.alwaysActiveLabel || "Always Active" })] }, index))), dialogue?.options?.map((option, index) => (jsxs("div", { className: "dsa-cookie-consent-dialogue__option", "data-consent-type": option.key, children: [jsx(Headline, { spaceAfter: "minimum", text: option.name, level: "h3", style: "h4" }), jsx(Markdown, { className: "dsa-cookie-consent-dialogue__option-description", children: option.description }), jsxs("div", { className: "dsa-cookie-consent-dialogue__toggle", children: [jsx(Radio, { name: option.key, label: dialogue?.toggleLabels?.accept || "Accept", value: "accept" }), jsx(Radio, { name: option.key, label: dialogue?.toggleLabels?.reject || "Reject", value: "reject" })] })] }, index)))] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { type: "button", size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.acceptLabel || "Accept All", className: "dsa-cookie-consent-dialogue__button--activate-all" }), jsx(Button, { type: "button", size: "small", variant: dialogue?.decisionButtonVariant, label: dialogue?.buttons.rejectLabel || "Reject All", className: "dsa-cookie-consent-dialogue__button--deactivate-all" }), jsx(Button, { type: "submit", size: "small", variant: "primary", label: dialogue?.buttons.savePreferencesLabel || "Save Preferences", className: "dsa-cookie-consent-dialogue__button--save" })] })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: true })] }));
 });
 const CookieConsentContext = createContext(CookieConsentContextDefault);
 const CookieConsent = forwardRef((props, ref) => {

package/dist/components/headline/headline.css

@@ -58,39 +58,39 @@
   visibility: visible;
 }
 .dsa-headline--h1 {
-  font: var(--dsa-headline_h1--font, var(--ks-font-display-xxl));
-  --subheadline--font-size: var(--dsa-headline_h1--font-size, 50%);
+  --subheadline--font-size: var(--dsa-headline_h1__subheadline--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h1--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h1--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h1--space-after_large);
+  font: var(--dsa-headline_h1--font, var(--ks-font-display-xxl));
 }
 .dsa-headline--h2 {
-  font: var(--dsa-headline_h2--font, var(--ks-font-display-xl));
   --subheadline--font-size: var(--dsa-headline_h2__subheadline--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h2--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h2--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h2--space-after_large);
+  font: var(--dsa-headline_h2--font, var(--ks-font-display-xl));
 }
 .dsa-headline--h3 {
-  font: var(--dsa-headline_h3--font, var(--ks-font-display-l));
   --subheadline--font-size: var(--dsa-headline_h3__subheadline--font-size, 50%);
   --headline--space-after_minimum: var(--dsa-headline_h3--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h3--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h3--space-after_large);
+  font: var(--dsa-headline_h3--font, var(--ks-font-display-l));
 }
 .dsa-headline--h4 {
-  font: var(--dsa-headline_h4--font, var(--ks-font-display-m));
   --subheadline--font-size: var(--dsa-headline_h4__subheadline--font-size, 75%);
   --headline--space-after_minimum: var(--dsa-headline_h4--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_h4--space-after_small);
   --headline--space-after_large: var(--dsa-headline_h4--space-after_large);
+  font: var(--dsa-headline_h4--font, var(--ks-font-display-m));
 }
 .dsa-headline--p {
-  font: var(--dsa-headline_p--font, var(--ks-font-copy-m));
   --subheadline--font-size: var(--dsa-headline_p__subheadline--font-size, 75%);
   --headline--space-after_minimum: var(--dsa-headline_p--space-after_minimum);
   --headline--space-after_small: var(--dsa-headline_p--space-after_small);
   --headline--space-after_large: var(--dsa-headline_p--space-after_large);
+  font: var(--dsa-headline_p--font, var(--ks-font-copy-m));
 }
 .dsa-headline .dsa-headline__headline {
   color: var(--dsa-headline--color, var(--ks-text-color-display));

package/dist/components/image-story/image-story.schema.dereffed.json

@@ -108,6 +108,15 @@
             "title": "Disabled?",
             "description": "Whether the button should be disabled",
             "default": false
+          },
+          "type": {
+            "type": "string",
+            "title": "Button Type",
+            "enum": [
+              "button",
+              "submit",
+              "reset"
+            ]
           }
         },
         "additionalProperties": false,

package/dist/components/index/index.d.ts

@@ -29,7 +29,7 @@ interface SettingsProps {
     seo: SeoProps;
     iconSprite?: IconSprite;
 }
-export * from "../../BlogPostProps-c760fd2a.js";
+export * from "../../BlogPostProps-6b3cff22.js";
 export * from "../../BlogOverviewProps-9f207f1c.js";
 export * from "../../PageProps-aa29c554.js";
 export { IconSprite, SettingsProps };

package/dist/components/page/page.schema.dereffed.json

@@ -1307,6 +1307,15 @@
                             "title": "Disabled?",
                             "description": "Whether the button should be disabled",
                             "default": false
+                          },
+                          "type": {
+                            "type": "string",
+                            "title": "Button Type",
+                            "enum": [
+                              "button",
+                              "submit",
+                              "reset"
+                            ]
                           }
                         },
                         "additionalProperties": false,
@@ -3744,6 +3753,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -6568,6 +6586,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -9526,6 +9553,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -12350,6 +12386,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -14881,6 +14926,15 @@
                   "title": "Disabled?",
                   "description": "Whether the button should be disabled",
                   "default": false
+                },
+                "type": {
+                  "type": "string",
+                  "title": "Button Type",
+                  "enum": [
+                    "button",
+                    "submit",
+                    "reset"
+                  ]
                 }
               },
               "additionalProperties": false,

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 15:19:49 GMT
+ * Generated on Fri, 08 Aug 2025 10:39:38 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-fg-to-bg-9-base);

package/dist/components/presets.json

@@ -1544,7 +1544,7 @@
     "id": "corporate-cookie-consent--card",
     "group": "Corporate/Cookie Consent",
     "name": "Card",
-    "code": "<CookieConsent\n  dialogue={{\n    alwaysActiveLabel: 'Always Active',\n    buttons: {\n      acceptLabel: 'Accept All',\n      rejectLabel: 'Reject All',\n      savePreferencesLabel: 'Save Preferences'\n    },\n    description: 'Manage your cookie preferences below.',\n    options: [\n      {\n        checked: true,\n        description: 'These cookies help us understand how our visitors interact with the website.',\n        name: 'Analytics Cookies'\n      },\n      {\n        checked: true,\n        description: 'These cookies are used to deliver advertisements that are relevant to you.',\n        name: 'Marketing Cookies'\n      },\n      {\n        checked: true,\n        description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n        name: 'Functional Cookies'\n      },\n      {\n        checked: true,\n        description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n        name: 'Performance Cookies'\n      }\n    ],\n    required: [\n      {\n        description: 'These cookies are necessary for the website to function.',\n        name: 'Essential Cookies'\n      }\n    ],\n    title: 'Cookie Preferences',\n    toggleLabels: {\n      accept: 'Accept',\n      reject: 'Reject'\n    }\n  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All'\n    },\n    customizeButton: {\n      label: 'Customize',\n      variant: 'tertiary'\n    },\n    decisionButtonVariant: 'primary',\n    description: 'We use cookies to enhance your experience on our website. You can choose which cookies to accept.',\n    displayMode: 'card',\n    rejectButton: {\n      label: 'Reject All'\n    },\n    title: 'We use cookies'\n  }}\n  revisitButton={{\n    label: 'Manage Cookies',\n    toggle: true\n  }}\n/>",
+    "code": "<PureCookieConsent\n  component=\"dsa.cookie-consent\"\n  dialogue={{\n    alwaysActiveLabel: 'Always Active',\n    buttons: {\n      acceptLabel: 'Accept All',\n      rejectLabel: 'Reject All',\n      savePreferencesLabel: 'Save Preferences'\n    },\n    description: 'Manage your cookie preferences below.',\n    options: [\n      {\n        description: 'These cookies help us understand how our visitors interact with the website.',\n        key: 'measurement',\n        name: 'Analytics Cookies'\n      },\n      {\n        description: 'These cookies are used to deliver advertisements that are relevant to you.',\n        key: 'marketing',\n        name: 'Marketing Cookies'\n      },\n      {\n        description: 'These cookies allow the website to remember choices you make and provide enhanced, more personal features.',\n        key: 'functionality',\n        name: 'Functional Cookies'\n      },\n      {\n        description: 'These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.',\n        key: 'experience',\n        name: 'Performance Cookies'\n      }\n    ],\n    required: [\n      {\n        description: 'These cookies are necessary for the website to function.',\n        key: 'necessary',\n        name: 'Essential Cookies'\n      }\n    ],\n    title: 'Cookie Preferences',\n    toggleLabels: {\n      accept: 'Accept',\n      reject: 'Reject'\n    }\n  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All'\n    },\n    customizeButton: {\n      label: 'Customize',\n      variant: 'tertiary'\n    },\n    decisionButtonVariant: 'primary',\n    description: 'We use cookies to enhance your experience on our website. You can choose which cookies to accept.',\n    displayMode: 'card',\n    rejectButton: {\n      label: 'Reject All'\n    },\n    title: 'We use cookies'\n  }}\n  revisitButton={{\n    label: 'Manage Cookies'\n  }}\n/>",
     "args": {
       "notice": {
         "displayMode": "card",
@@ -1563,14 +1563,14 @@
         "description": "We use cookies to enhance your experience on our website. You can choose which cookies to accept."
       },
       "revisitButton": {
-        "label": "Manage Cookies",
-        "toggle": true
+        "label": "Manage Cookies"
       },
       "dialogue": {
         "title": "Cookie Preferences",
         "description": "Manage your cookie preferences below.",
         "required": [
           {
+            "key": "necessary",
             "name": "Essential Cookies",
             "description": "These cookies are necessary for the website to function."
           }
@@ -1582,24 +1582,24 @@
         },
         "options": [
           {
+            "key": "measurement",
             "name": "Analytics Cookies",
-            "description": "These cookies help us understand how our visitors interact with the website.",
-            "checked": true
+            "description": "These cookies help us understand how our visitors interact with the website."
           },
           {
+            "key": "marketing",
             "name": "Marketing Cookies",
-            "description": "These cookies are used to deliver advertisements that are relevant to you.",
-            "checked": true
+            "description": "These cookies are used to deliver advertisements that are relevant to you."
           },
           {
+            "key": "functionality",
             "name": "Functional Cookies",
-            "description": "These cookies allow the website to remember choices you make and provide enhanced, more personal features.",
-            "checked": true
+            "description": "These cookies allow the website to remember choices you make and provide enhanced, more personal features."
           },
           {
+            "key": "experience",
             "name": "Performance Cookies",
-            "description": "These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages.",
-            "checked": true
+            "description": "These cookies collect information about how visitors use the website, such as which pages are visited most often and if they get error messages from web pages."
           }
         ],
         "toggleLabels": {
@@ -1607,7 +1607,8 @@
           "reject": "Reject"
         },
         "alwaysActiveLabel": "Always Active"
-      }
+      },
+      "component": "dsa.cookie-consent"
     },
     "screenshot": "img/screenshots/corporate-cookie-consent--card.png"
   },
@@ -1615,7 +1616,7 @@
     "id": "corporate-cookie-consent--banner",
     "group": "Corporate/Cookie Consent",
     "name": "Banner",
-    "code": "<CookieConsent\n  dialogue={{\n    alwaysActiveLabel: 'Always Active',\n    buttons: {\n      acceptLabel: 'Accept All',\n      rejectLabel: 'Reject All',\n      savePreferencesLabel: 'Save Preferences'\n    },\n    decisionButtonVariant: 'tertiary',\n    description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.',\n    options: [\n      {\n        checked: true,\n        description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n        name: 'Statistics Cookies'\n      },\n      {\n        checked: true,\n        description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n        name: 'Personalization Cookies'\n      },\n      {\n        checked: true,\n        description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n        name: 'Advertising Cookies'\n      }\n    ],\n    required: [\n      {\n        description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n        name: 'Essential Cookies'\n      }\n    ],\n    title: 'Manage Your Cookie Preferences',\n    toggleLabels: {\n      accept: 'Accept',\n      reject: 'Reject'\n    }\n  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All Cookies'\n    },\n    customizeButton: {\n      label: 'Customize Settings',\n      variant: 'secondary'\n    },\n    decisionButtonVariant: 'tertiary',\n    description: 'We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy.',\n    displayMode: 'banner',\n    rejectButton: {\n      label: 'Reject Non-Essential'\n    },\n    title: 'Your Privacy Matters to Us'\n  }}\n  revisitButton={{\n    label: 'Manage Cookies',\n    toggle: true\n  }}\n/>",
+    "code": "<PureCookieConsent\n  component=\"dsa.cookie-consent\"\n  dialogue={{\n    alwaysActiveLabel: 'Always Active',\n    buttons: {\n      acceptLabel: 'Accept All',\n      rejectLabel: 'Reject All',\n      savePreferencesLabel: 'Save Preferences'\n    },\n    decisionButtonVariant: 'tertiary',\n    description: 'Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.',\n    options: [\n      {\n        description: 'These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.',\n        key: 'functionality',\n        name: 'Statistics Cookies'\n      },\n      {\n        description: 'These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.',\n        key: 'functionality',\n        name: 'Personalization Cookies'\n      },\n      {\n        description: 'Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.',\n        key: 'functionality',\n        name: 'Advertising Cookies'\n      }\n    ],\n    required: [\n      {\n        description: 'These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies.',\n        key: 'necessary',\n        name: 'Essential Cookies'\n      }\n    ],\n    title: 'Manage Your Cookie Preferences',\n    toggleLabels: {\n      accept: 'Accept',\n      reject: 'Reject'\n    }\n  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All Cookies'\n    },\n    customizeButton: {\n      label: 'Customize Settings',\n      variant: 'secondary'\n    },\n    decisionButtonVariant: 'tertiary',\n    description: 'We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy.',\n    displayMode: 'banner',\n    rejectButton: {\n      label: 'Reject Non-Essential'\n    },\n    title: 'Your Privacy Matters to Us'\n  }}\n  revisitButton={{\n    label: 'Manage Cookies'\n  }}\n/>",
     "args": {
       "notice": {
         "displayMode": "banner",
@@ -1634,14 +1635,14 @@
         "description": "We use cookies and similar technologies to personalize content, provide social media features, and analyze our traffic. You can choose which categories you want to allow and change your preferences at any time. For more information, please see our privacy policy."
       },
       "revisitButton": {
-        "label": "Manage Cookies",
-        "toggle": true
+        "label": "Manage Cookies"
       },
       "dialogue": {
         "title": "Manage Your Cookie Preferences",
         "description": "Here you can enable or disable different types of cookies. Essential cookies are always active as they are necessary for the website to function properly. You can change your preferences at any time. Please note that disabling certain cookies may affect your experience on our website.",
         "required": [
           {
+            "key": "necessary",
             "name": "Essential Cookies",
             "description": "These cookies are required for basic website functionality, such as page navigation and access to secure areas of the website. The website cannot function properly without these cookies."
           }
@@ -1653,19 +1654,19 @@
         },
         "options": [
           {
+            "key": "functionality",
             "name": "Statistics Cookies",
-            "description": "These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously.",
-            "checked": true
+            "description": "These cookies help us to understand how visitors interact with our website by collecting and reporting information anonymously."
           },
           {
+            "key": "functionality",
             "name": "Personalization Cookies",
-            "description": "These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience.",
-            "checked": true
+            "description": "These cookies allow the website to remember choices you make, such as your language or region, to provide a more personalized experience."
           },
           {
+            "key": "functionality",
             "name": "Advertising Cookies",
-            "description": "Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads.",
-            "checked": true
+            "description": "Advertising cookies are used to deliver relevant ads and marketing campaigns to you. They track visitors across websites and collect information to provide customized ads."
           }
         ],
         "toggleLabels": {
@@ -1674,10 +1675,83 @@
         },
         "alwaysActiveLabel": "Always Active",
         "decisionButtonVariant": "tertiary"
-      }
+      },
+      "component": "dsa.cookie-consent"
     },
     "screenshot": "img/screenshots/corporate-cookie-consent--banner.png"
   },
+  {
+    "id": "corporate-cookie-consent--c-15-t",
+    "group": "Corporate/Cookie Consent",
+    "name": "C15t",
+    "code": "<>\n  <Button\n    label=\"reset\"\n    onClick={function noRefCheck() {}}\n    size=\"small\"\n  />\n  <hr />\n  <CookieConsent\n    component=\"dsa.cookie-consent.c15t.offline\"\n    dialogue={{\n      alwaysActiveLabel: 'Always Active',\n      buttons: {\n        acceptLabel: 'Accept All',\n        rejectLabel: 'Reject All',\n        savePreferencesLabel: 'Save Preferences'\n      },\n      description: 'Customize your privacy settings here. You can choose which types of cookies and tracking technologies you allow.',\n      options: [\n        {\n          description: 'These cookies are necessary for the website to function.',\n          key: 'measurement',\n          name: 'Essential Cookies'\n        },\n        {\n          description: 'These cookies are necessary for the website to function.',\n          key: 'marketing',\n          name: 'Essential Cookies'\n        },\n        {\n          description: 'These cookies are necessary for the website to function.',\n          key: 'functionality',\n          name: 'Essential Cookies'\n        },\n        {\n          description: 'These cookies are necessary for the website to function.',\n          key: 'experience',\n          name: 'Essential Cookies'\n        }\n      ],\n      required: [\n        {\n          description: 'This cookie is essential for the website to function and cannot be disabled.',\n          key: 'necessary',\n          name: 'Session Cookie'\n        }\n      ],\n      title: 'Manage Cookie Preferences',\n      toggleLabels: {\n        accept: 'Accept',\n        reject: 'Reject'\n      }\n    }}\n    notice={{\n      acceptButton: {\n        label: 'Accept All Cookies'\n      },\n      customizeButton: {\n        label: 'Customize Cookies',\n        variant: 'tertiary'\n      },\n      decisionButtonVariant: 'primary',\n      description: 'This website uses cookies to ensure you get the best experience on our website.',\n      displayMode: 'card',\n      rejectButton: {\n        label: 'Reject All Cookies'\n      },\n      title: 'We value your privacy'\n    }}\n    revisitButton={{\n      label: 'Manage Cookies'\n    }}\n  />\n</>",
+    "args": {
+      "notice": {
+        "displayMode": "card",
+        "title": "We value your privacy",
+        "acceptButton": {
+          "label": "Accept All Cookies"
+        },
+        "rejectButton": {
+          "label": "Reject All Cookies"
+        },
+        "customizeButton": {
+          "label": "Customize Cookies",
+          "variant": "tertiary"
+        },
+        "decisionButtonVariant": "primary",
+        "description": "This website uses cookies to ensure you get the best experience on our website."
+      },
+      "revisitButton": {
+        "label": "Manage Cookies"
+      },
+      "dialogue": {
+        "title": "Manage Cookie Preferences",
+        "description": "Customize your privacy settings here. You can choose which types of cookies and tracking technologies you allow.",
+        "required": [
+          {
+            "key": "necessary",
+            "name": "Session Cookie",
+            "description": "This cookie is essential for the website to function and cannot be disabled."
+          }
+        ],
+        "buttons": {
+          "acceptLabel": "Accept All",
+          "rejectLabel": "Reject All",
+          "savePreferencesLabel": "Save Preferences"
+        },
+        "options": [
+          {
+            "key": "measurement",
+            "name": "Essential Cookies",
+            "description": "These cookies are necessary for the website to function."
+          },
+          {
+            "key": "marketing",
+            "name": "Essential Cookies",
+            "description": "These cookies are necessary for the website to function."
+          },
+          {
+            "key": "functionality",
+            "name": "Essential Cookies",
+            "description": "These cookies are necessary for the website to function."
+          },
+          {
+            "key": "experience",
+            "name": "Essential Cookies",
+            "description": "These cookies are necessary for the website to function."
+          }
+        ],
+        "toggleLabels": {
+          "accept": "Accept",
+          "reject": "Reject"
+        },
+        "alwaysActiveLabel": "Always Active"
+      },
+      "component": "dsa.cookie-consent.c15t.offline"
+    },
+    "screenshot": "img/screenshots/corporate-cookie-consent--c-15-t.png"
+  },
   {
     "id": "components-cta--banner",
     "group": "Components/Cta",