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

package/dist/components/blog-post/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export type { BlogPostProps };

package/dist/components/cookie-consent/cookie-consent.css

@@ -3,7 +3,8 @@
   --dsa-cookie-consent-notice--max-height: 45vh;
   --dsa-cookie-consent-notice_card--background-color: var(--ks-background-color-default);
   --dsa-cookie-consent-notice_card--padding: var(--ks-spacing-inset-m);
-  --dsa-cookie-consent-notice_card--spacing: var(--ks-spacing-m);
+  --dsa-cookie-consent-notice_card--left: var(--ks-spacing-m);
+  --dsa-cookie-consent-notice_card--bottom: var(--ks-spacing-m);
   --dsa-cookie-consent-notice_card--border-radius: var(--ks-border-radius-card);
   --dsa-cookie-consent-notice_card--max-width: var(--dsa-tile--width_largest);
   --dsa-cookie-consent-notice_card--border: var(--ks-border-color-card) solid var(--ks-border-width-default);
@@ -13,6 +14,11 @@
   --dsa-cookie-consent-notice_banner--box-shadow: var(--ks-box-shadow-surface);
   --dsa-cookie-consent-notice_banner--border-top: var(--ks-border-color-interface) solid var(--ks-border-width-default);
   --dsa-cookie-consent-notice__buttons--gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-s);
+  --dsa-cookie-consent-revisit--bottom: var(--ks-spacing-m);
+  --dsa-cookie-consent-revisit--left: var(--ks-spacing-m);
+  --dsa-cookie-consent-revisit__label--background-color: var(--ks-background-color-default-inverted);
+  --dsa-cookie-consent-revisit__label--border-radius: 0.25em;
+  --dsa-cookie-consent-revisit__label--padding: var(--ks-spacing-inset-squish-xs);
   --dsa-cookie-consent-dialogue--padding-horizontal: var(--ks-spacing-inset-m);
   --dsa-cookie-consent-dialogue--border-radius: var(--ks-border-radius-card);
   --dsa-cookie-consent-dialogue--border: var(--ks-border-color-interface) solid var(--ks-border-width-default);
@@ -71,8 +77,8 @@
     border: var(--dsa-cookie-consent-notice_card--border, var(--ks-border-color-card) solid var(--ks-border-width-default));
     border-radius: var(--dsa-cookie-consent-notice_card--border-radius, var(--ks-border-radius-card));
     max-width: var(--dsa-cookie-consent-notice_card--max-width, var(--dsa-tile--width_large));
-    bottom: var(--dsa-cookie-consent-notice_card--spacing, var(--ks-spacing-m));
-    left: var(--dsa-cookie-consent-notice_card--spacing, var(--ks-spacing-m));
+    bottom: var(--dsa-cookie-consent-notice_card--bottom, var(--ks-spacing-m));
+    left: var(--dsa-cookie-consent-notice_card--left, var(--ks-spacing-m));
     border-radius: var(--dsa-cookie-consent-notice_card--border-radius, var(--ks-border-radius-card));
   }
 }
@@ -99,6 +105,45 @@
   }
 }
 
+.dsa-cookie-consent-revisit {
+  position: fixed;
+  bottom: var(--dsa-cookie-consent-revisit--bottom, var(--ks-spacing-m));
+  left: var(--dsa-cookie-consent-revisit--left, var(--ks-spacing-m));
+  z-index: 1000;
+  height: fit-content;
+  width: fit-content;
+  padding: var(--dsa-cookie-consent-revisit--padding, var(--ks-spacing-inset-s));
+  border-radius: var(--ks-border-radius-circle);
+}
+.dsa-cookie-consent-revisit .icon {
+  margin: 0;
+}
+.dsa-cookie-consent-revisit:hover span {
+  opacity: 1;
+}
+.dsa-cookie-consent-revisit span {
+  transition: var(--ks-transition-hover);
+  position: absolute;
+  width: fit-content;
+  white-space: nowrap;
+  left: 100%;
+  transform: translateX(6.5%);
+  background-color: var(--dsa-cookie-consent-revisit__label--background-color, var(--ks-background-color-default-inverted));
+  padding: var(--dsa-cookie-consent-revisit__label--padding, var(--ks-spacing-inset-squish-xs));
+  border-radius: var(--dsa-cookie-consent-revisit__label--border-radius, 0.25em);
+  opacity: 0;
+}
+.dsa-cookie-consent-revisit span::before {
+  position: absolute;
+  content: "";
+  height: 0.75em;
+  aspect-ratio: 1;
+  background-color: var(--dsa-cookie-consent-revisit__label--background-color, var(--ks-background-color-default-inverted));
+  top: 50%;
+  transform: translate(-50%, -50%) rotate(45deg);
+  left: 0;
+}
+
 .dsa-cookie-consent-dialogue {
   border-radius: var(--dsa-cookie-consent-dialogue--border-radius, var(--ks-border-radius-card));
   border: var(--dsa-cookie-consent-dialogue--border, var(--ks-border-color-interface) solid var(--ks-border-width-default));

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

@@ -34,18 +34,6 @@
               "examples": [
                 "Accept All Cookies"
               ]
-            },
-            "variant": {
-              "type": "string",
-              "enum": [
-                "primary",
-                "secondary",
-                "tertiary"
-              ],
-              "examples": [
-                "primary"
-              ],
-              "description": "The variant of the accept button"
             }
           },
           "additionalProperties": false
@@ -59,18 +47,6 @@
               "examples": [
                 "Reject All Cookies"
               ]
-            },
-            "variant": {
-              "type": "string",
-              "enum": [
-                "primary",
-                "secondary",
-                "tertiary"
-              ],
-              "examples": [
-                "tertiary"
-              ],
-              "description": "The variant of the reject button"
             }
           },
           "additionalProperties": false
@@ -87,19 +63,29 @@
             },
             "variant": {
               "type": "string",
+              "title": "Variant",
+              "description": "Variant of button to be used",
               "enum": [
                 "primary",
                 "secondary",
                 "tertiary"
               ],
-              "examples": [
-                "tertiary"
-              ],
-              "description": "The variant of the customize button"
+              "default": "secondary"
             }
           },
           "additionalProperties": false
         },
+        "decisionButtonVariant": {
+          "type": "string",
+          "title": "Variant",
+          "description": "Variant of button to be used",
+          "enum": [
+            "primary",
+            "secondary",
+            "tertiary"
+          ],
+          "default": "secondary"
+        },
         "description": {
           "type": "string",
           "description": "The description of the cookie consent section",
@@ -110,6 +96,24 @@
       },
       "additionalProperties": false
     },
+    "revisitButton": {
+      "type": "object",
+      "title": "Revisit Cookie Consent Button",
+      "description": "The button that allows users to revisit their cookie preferences.",
+      "properties": {
+        "label": {
+          "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
+        }
+      },
+      "additionalProperties": false
+    },
     "dialogue": {
       "type": "object",
       "title": "Cookie Consent Dialogue",
@@ -153,6 +157,35 @@
             "additionalProperties": false
           }
         },
+        "buttons": {
+          "type": "object",
+          "properties": {
+            "acceptLabel": {
+              "type": "string",
+              "description": "The label for the accept button in the dialogue",
+              "default": "Accept All"
+            },
+            "rejectLabel": {
+              "type": "string",
+              "description": "The label for the reject button in the dialogue",
+              "default": "Reject All"
+            },
+            "savePreferencesLabel": {
+              "type": "string",
+              "description": "The label for the button to save preferences",
+              "default": "Save Preferences"
+            }
+          },
+          "additionalProperties": false
+        },
+        "decisionButtonVariant": {
+          "type": "string",
+          "description": "The variant of the decision buttons in the dialogue",
+          "enum": [
+            "secondary",
+            "tertiary"
+          ]
+        },
         "options": {
           "type": "array",
           "items": {
@@ -180,6 +213,27 @@
             },
             "additionalProperties": false
           }
+        },
+        "toggleLabels": {
+          "type": "object",
+          "properties": {
+            "accept": {
+              "type": "string",
+              "description": "Label for enabled toggle state",
+              "default": "Accept"
+            },
+            "reject": {
+              "type": "string",
+              "description": "Label for disabled toggle state",
+              "default": "Reject"
+            }
+          },
+          "additionalProperties": false
+        },
+        "alwaysActiveLabel": {
+          "type": "string",
+          "description": "Label that indicates that the cookie category is always active",
+          "default": "Always Active"
         }
       },
       "additionalProperties": false

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

@@ -27,12 +27,6 @@
               "type": "string",
               "description": "The label for the accept button",
               "examples": ["Accept All Cookies"]
-            },
-            "variant": {
-              "type": "string",
-              "enum": ["primary", "secondary", "tertiary"],
-              "examples": ["primary"],
-              "description": "The variant of the accept button"
             }
           }
         },
@@ -43,12 +37,6 @@
               "type": "string",
               "description": "The label for the reject button",
               "examples": ["Reject All Cookies"]
-            },
-            "variant": {
-              "type": "string",
-              "enum": ["primary", "secondary", "tertiary"],
-              "examples": ["tertiary"],
-              "description": "The variant of the reject button"
             }
           }
         },
@@ -61,13 +49,13 @@
               "examples": ["Customize Cookies"]
             },
             "variant": {
-              "type": "string",
-              "enum": ["primary", "secondary", "tertiary"],
-              "examples": ["tertiary"],
-              "description": "The variant of the customize button"
+              "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/variant"
             }
           }
         },
+        "decisionButtonVariant": {
+          "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/variant"
+        },
         "description": {
           "type": "string",
           "description": "The description of the cookie consent section",
@@ -77,6 +65,23 @@
         }
       }
     },
+    "revisitButton": {
+      "type": "object",
+      "title": "Revisit Cookie Consent Button",
+      "description": "The button that allows users to revisit their cookie preferences.",
+      "properties": {
+        "label": {
+          "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
+        }
+      }
+    },
     "dialogue": {
       "type": "object",
       "title": "Cookie Consent Dialogue",
@@ -115,6 +120,31 @@
             }
           }
         },
+        "buttons": {
+          "type": "object",
+          "properties": {
+            "acceptLabel": {
+              "type": "string",
+              "description": "The label for the accept button in the dialogue",
+              "default": "Accept All"
+            },
+            "rejectLabel": {
+              "type": "string",
+              "description": "The label for the reject button in the dialogue",
+              "default": "Reject All"
+            },
+            "savePreferencesLabel": {
+              "type": "string",
+              "description": "The label for the button to save preferences",
+              "default": "Save Preferences"
+            }
+          }
+        },
+        "decisionButtonVariant": {
+          "type": "string",
+          "description": "The variant of the decision buttons in the dialogue",
+          "enum": ["secondary", "tertiary"]
+        },
         "options": {
           "type": "array",
           "items": {
@@ -139,6 +169,27 @@
               }
             }
           }
+        },
+        "toggleLabels": {
+          "type": "object",
+          "properties": {
+            "accept": {
+              "type": "string",
+              "description": "Label for enabled toggle state",
+              "default": "Accept"
+            },
+            "reject": {
+              "type": "string",
+              "description": "Label for disabled toggle state",
+              "default": "Reject"
+            }
+          },
+          "additionalProperties": false
+        },
+        "alwaysActiveLabel": {
+          "type": "string",
+          "description": "Label that indicates that the cookie category is always active",
+          "default": "Always Active"
         }
       }
     }

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

@@ -6,6 +6,10 @@ import { HTMLAttributes } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
+/**
+ * Variant of button to be used
+ */
+type Variant = "primary" | "secondary" | "tertiary";
 type RequiredCookies = {
     /**
      * The name of the required cookie
@@ -18,6 +22,7 @@ type RequiredCookies = {
 }[];
 interface CookieConsentProps {
     notice?: InitialCookieConsentNotice;
+    revisitButton?: RevisitCookieConsentButton;
     dialogue?: CookieConsentDialogue;
 }
 /**
@@ -37,36 +42,39 @@ interface InitialCookieConsentNotice {
          * The label for the accept button
          */
         label?: string;
-        /**
-         * The variant of the accept button
-         */
-        variant?: "primary" | "secondary" | "tertiary";
     };
     rejectButton?: {
         /**
          * The label for the reject button
          */
         label?: string;
-        /**
-         * The variant of the reject button
-         */
-        variant?: "primary" | "secondary" | "tertiary";
     };
     customizeButton?: {
         /**
          * The label for the customize button
          */
         label?: string;
-        /**
-         * The variant of the customize button
-         */
-        variant?: "primary" | "secondary" | "tertiary";
+        variant?: Variant;
     };
+    decisionButtonVariant?: Variant;
     /**
      * The description of the cookie consent section
      */
     description?: string;
 }
+/**
+ * The button that allows users to revisit their cookie preferences.
+ */
+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.
  */
@@ -80,6 +88,24 @@ interface CookieConsentDialogue {
      */
     description?: string;
     required?: RequiredCookies;
+    buttons?: {
+        /**
+         * The label for the accept button in the dialogue
+         */
+        acceptLabel?: string;
+        /**
+         * The label for the reject button in the dialogue
+         */
+        rejectLabel?: string;
+        /**
+         * The label for the button to save preferences
+         */
+        savePreferencesLabel?: string;
+    };
+    /**
+     * The variant of the decision buttons in the dialogue
+     */
+    decisionButtonVariant?: "secondary" | "tertiary";
     options?: {
         /**
          * The name of the cookie category
@@ -94,6 +120,20 @@ interface CookieConsentDialogue {
          */
         checked?: boolean;
     }[];
+    toggleLabels?: {
+        /**
+         * Label for enabled toggle state
+         */
+        accept?: string;
+        /**
+         * Label for disabled toggle state
+         */
+        reject?: string;
+    };
+    /**
+     * Label that indicates that the cookie category is always active
+     */
+    alwaysActiveLabel?: string;
 }
 declare const CookieConsentContextDefault: import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CookieConsentContext: import("react").Context<import("react").ForwardRefExoticComponent<CookieConsentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;

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

@@ -11,14 +11,14 @@ import '@kickstartds/base/lib/headline';
 import '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button';
 
-const CookieConsentContextDefault = forwardRef(({ notice, dialogue }, ref) => {
+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?.rejectButton?.variant }), jsx(Button, { size: "small", label: notice?.acceptButton?.label, variant: notice?.acceptButton?.variant })] })] }), 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: "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: "Accept", onChange: () => handleRadioChange(index, true) }), jsx(Radio, { name: option.name, checked: optionStates ? !optionStates[index] : false, label: "Reject", onChange: () => handleRadioChange(index, false) })] })] }, index)))] })] }), jsxs("div", { className: "dsa-cookie-consent-dialogue__buttons", children: [jsx(Button, { size: "small", variant: "tertiary", label: "Accept All", onClick: () => setOptionStates(optionStates?.map(() => true)) }), jsx(Button, { size: "small", variant: "tertiary", label: "Reject All", onClick: () => setOptionStates(optionStates?.map(() => false)) }), jsx(Button, { size: "small", variant: "primary", label: "Save Preferences", onClick: () => setShowDialogue(false) })] })] }), jsx("div", { className: "dsa-cookie-consent-overlay", hidden: !showDialogue })] }));
+    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 CookieConsentContext = createContext(CookieConsentContextDefault);
 const CookieConsent = forwardRef((props, ref) => {

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

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

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

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

package/dist/components/presets.json

@@ -1544,25 +1544,28 @@
     "id": "corporate-cookie-consent--card",
     "group": "Corporate/Cookie Consent",
     "name": "Card",
-    "code": "<CookieConsent\n  dialogue={{\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  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All',\n      variant: 'primary'\n    },\n    customizeButton: {\n      label: 'Customize',\n      variant: 'tertiary'\n    },\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      variant: 'tertiary'\n    },\n    title: 'We use cookies'\n  }}\n/>",
+    "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/>",
     "args": {
       "notice": {
         "displayMode": "card",
         "title": "We use cookies",
         "acceptButton": {
-          "label": "Accept All",
-          "variant": "primary"
+          "label": "Accept All"
         },
         "rejectButton": {
-          "label": "Reject All",
-          "variant": "tertiary"
+          "label": "Reject All"
         },
         "customizeButton": {
           "label": "Customize",
           "variant": "tertiary"
         },
+        "decisionButtonVariant": "primary",
         "description": "We use cookies to enhance your experience on our website. You can choose which cookies to accept."
       },
+      "revisitButton": {
+        "label": "Manage Cookies",
+        "toggle": true
+      },
       "dialogue": {
         "title": "Cookie Preferences",
         "description": "Manage your cookie preferences below.",
@@ -1572,6 +1575,11 @@
             "description": "These cookies are necessary for the website to function."
           }
         ],
+        "buttons": {
+          "acceptLabel": "Accept All",
+          "rejectLabel": "Reject All",
+          "savePreferencesLabel": "Save Preferences"
+        },
         "options": [
           {
             "name": "Analytics Cookies",
@@ -1593,7 +1601,12 @@
             "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
           }
-        ]
+        ],
+        "toggleLabels": {
+          "accept": "Accept",
+          "reject": "Reject"
+        },
+        "alwaysActiveLabel": "Always Active"
       }
     },
     "screenshot": "img/screenshots/corporate-cookie-consent--card.png"
@@ -1602,25 +1615,28 @@
     "id": "corporate-cookie-consent--banner",
     "group": "Corporate/Cookie Consent",
     "name": "Banner",
-    "code": "<CookieConsent\n  dialogue={{\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  }}\n  notice={{\n    acceptButton: {\n      label: 'Accept All Cookies',\n      variant: 'tertiary'\n    },\n    customizeButton: {\n      label: 'Customize Settings',\n      variant: 'secondary'\n    },\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      variant: 'tertiary'\n    },\n    title: 'Your Privacy Matters to Us'\n  }}\n/>",
+    "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/>",
     "args": {
       "notice": {
         "displayMode": "banner",
         "title": "Your Privacy Matters to Us",
         "acceptButton": {
-          "label": "Accept All Cookies",
-          "variant": "tertiary"
+          "label": "Accept All Cookies"
         },
         "rejectButton": {
-          "label": "Reject Non-Essential",
-          "variant": "tertiary"
+          "label": "Reject Non-Essential"
         },
         "customizeButton": {
           "label": "Customize Settings",
           "variant": "secondary"
         },
+        "decisionButtonVariant": "tertiary",
         "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
+      },
       "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.",
@@ -1630,6 +1646,11 @@
             "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."
           }
         ],
+        "buttons": {
+          "acceptLabel": "Accept All",
+          "rejectLabel": "Reject All",
+          "savePreferencesLabel": "Save Preferences"
+        },
         "options": [
           {
             "name": "Statistics Cookies",
@@ -1646,7 +1667,13 @@
             "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
           }
-        ]
+        ],
+        "toggleLabels": {
+          "accept": "Accept",
+          "reject": "Reject"
+        },
+        "alwaysActiveLabel": "Always Active",
+        "decisionButtonVariant": "tertiary"
       }
     },
     "screenshot": "img/screenshots/corporate-cookie-consent--banner.png"

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:47 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:51 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:52 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:55 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:49 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:53 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:54 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:57 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:44 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:49 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 07 Aug 2025 12:13:45 GMT
+ * Generated on Thu, 07 Aug 2025 15:19:49 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#f3f3f4";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.6.71--canary.45.2029.0",
+  "version": "1.6.71--canary.45.2035.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {