@kickstartds/ds-agency-premium 1.6.71--canary.45.2035.0 → 1.6.71--canary.2073.560ebaa.0

package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-d62a0a9a.d.ts}

@@ -3,8 +3,8 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-d60aba86.js";
-import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
+import { SectionProps } from "./SectionProps-4e3c6fe0.js";
+import { BlogTeaserProps } from "./BlogTeaserProps-d62a0a9a.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/BlogPostProps-c760fd2a.d.ts

@@ -3,9 +3,9 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
+import { BlogHeadProps } from "./BlogHeadProps-f5855e93.js";
 import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
-import { SectionProps } from "./SectionProps-d60aba86.js";
+import { SectionProps } from "./SectionProps-4e3c6fe0.js";
 import { CtaProps } from "./CtaProps-789f8508.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**

package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-4e2b2ecf.d.ts}

@@ -27,6 +27,7 @@ type Size = "small" | "medium" | "large";
  * Whether the button should be disabled
  */
 type Disabled = boolean;
+type ButtonType = "button" | "submit" | "reset";
 /**
  * Component used for user interaction
  */
@@ -37,5 +38,6 @@ interface ButtonProps {
     icon?: Icon;
     size?: Size;
     disabled?: Disabled;
+    type?: ButtonType;
 }
-export { Label, URL, Variant, Icon, Size, Disabled, ButtonProps };
+export { Label, URL, Variant, Icon, Size, Disabled, ButtonType, ButtonProps };

package/dist/ImageStoryProps-e853e1e7.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { ButtonProps } from "./ButtonProps-00ddee3a.js";
+import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
 /**
  * Headline for the module element
  */

package/dist/PageProps-aa29c554.d.ts

@@ -3,7 +3,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "./SectionProps-d60aba86.js";
+import { SectionProps } from "./SectionProps-4e3c6fe0.js";
 import { SeoProps } from "./SeoProps-f2d6dcaa.js";
 /**
  * Collection of sections (with their contents) to render on the page

package/dist/{SectionProps-d60aba86.d.ts → SectionProps-4e3c6fe0.d.ts}

@@ -25,7 +25,7 @@ import { TeaserCardProps } from "./TeaserCardProps-994cb119.js";
 import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
 import { TextProps } from "./TextProps-a23170d2.js";
 import { VideoCurtainProps } from "./VideoCurtainProps-a2c0cc7f.js";
-import { ButtonProps } from "./ButtonProps-00ddee3a.js";
+import { ButtonProps } from "./ButtonProps-4e2b2ecf.js";
 /**
  * Width of section to use
  */
@@ -33,7 +33,7 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
 /**
  * Style of background
  */
-type Style = "default" | "framed" | "deko";
+type Style = "default" | "framed" | "shine-left" | "shine-right" | "carbon" | "stripe";
 /**
  * Color of background
  */

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
+import { BlogHeadProps } from "../../BlogHeadProps-f5855e93.js";
 declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/blog-overview/blog-overview.schema.dereffed.json

@@ -39,7 +39,10 @@
             "enum": [
               "default",
               "framed",
-              "deko"
+              "shine-left",
+              "shine-right",
+              "carbon",
+              "stripe"
             ],
             "default": "default"
           },
@@ -1307,6 +1310,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 +3756,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 +6589,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 +9556,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 +12389,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 +14929,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/blog-overview/index.d.ts

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export type { BlogOverviewProps };

package/dist/components/blog-post/blog-post.schema.dereffed.json

@@ -311,7 +311,10 @@
             "enum": [
               "default",
               "framed",
-              "deko"
+              "shine-left",
+              "shine-right",
+              "carbon",
+              "stripe"
             ],
             "default": "default"
           },
@@ -1579,6 +1582,15 @@
                             "title": "Disabled?",
                             "description": "Whether the button should be disabled",
                             "default": false
+                          },
+                          "type": {
+                            "type": "string",
+                            "title": "Button Type",
+                            "enum": [
+                              "button",
+                              "submit",
+                              "reset"
+                            ]
                           }
                         },
                         "additionalProperties": false,
@@ -4016,6 +4028,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -6840,6 +6861,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -9798,6 +9828,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -12622,6 +12661,15 @@
                                       "title": "Disabled?",
                                       "description": "Whether the button should be disabled",
                                       "default": false
+                                    },
+                                    "type": {
+                                      "type": "string",
+                                      "title": "Button Type",
+                                      "enum": [
+                                        "button",
+                                        "submit",
+                                        "reset"
+                                      ]
                                     }
                                   },
                                   "additionalProperties": false,
@@ -15153,6 +15201,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/blog-teaser/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-d62a0a9a.js";
 declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/business-card/business-card.css

@@ -72,7 +72,7 @@
   flex-direction: column;
   align-items: flex-start;
   gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
-  flex-grow: 1;
+  flex-grow: 6;
 }
 @container business-card (min-width: 640px) {
   .dsa-business-card__content {
@@ -87,6 +87,16 @@
 .dsa-business-card__location {
   margin: 0;
 }
+.dsa-business-card__location p {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}
+.dsa-business-card__location p:first-child {
+  margin-top: 0;
+}
+.dsa-business-card__location p:last-child {
+  margin-bottom: 0;
+}
 .dsa-business-card__image {
   flex-grow: 1;
 }

package/dist/components/button/button.css

@@ -1,8 +1,8 @@
 .dsa-button {
-  --dsa-button--padding: 0.75em 1.5em;
+  --dsa-button--padding: 0.65em 1.5em;
   --dsa-button--border-width: var(--ks-border-width-default);
   --dsa-button--border-radius: var(--ks-border-radius-control);
-  --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
+  --dsa-button--font-weight: var(--ks-font-weight-regular);
   --dsa-button--text-transform: default;
   --dsa-button_small--font: var(--ks-font-interface-s);
   --dsa-button_medium--font: var(--ks-font-interface-m);

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

@@ -52,6 +52,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/button/button.schema.json

@@ -42,6 +42,11 @@
       "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/button/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { ButtonProps } from "../../ButtonProps-00ddee3a.js";
+import { ButtonProps } from "../../ButtonProps-4e2b2ecf.js";
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 declare const ButtonProvider: FC<PropsWithChildren>;
 export type { ButtonProps };

package/dist/components/button-group/button-group.schema.dereffed.json

@@ -62,6 +62,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/button-group/index.d.ts

@@ -6,7 +6,7 @@ import { FC, PropsWithChildren } from "react";
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { ButtonProps } from "../../ButtonProps-00ddee3a.js";
+import { ButtonProps } from "../../ButtonProps-4e2b2ecf.js";
 /**
  * Buttons of the Button Group
  */

package/dist/components/cookie-consent/C15t.client.d.ts

@@ -0,0 +1,5 @@
+import CookieConsent from "./CookieConsent.client.js";
+declare class CookieConsentC15t extends CookieConsent {
+    static store: any;
+}
+export { CookieConsentC15t as default };

package/dist/components/cookie-consent/C15t.client.js

@@ -0,0 +1,94 @@
+import { define } from '@kickstartds/core/lib/component';
+import CookieConsent from './CookieConsent.client.js';
+
+const translate = (elements, state) => {
+    const translations = state.translationConfig.translations[state.translationConfig.defaultLanguage];
+    // Notice
+    elements.notice.title.textContent = translations.cookieBanner.title;
+    elements.notice.description.textContent =
+        translations.cookieBanner.description;
+    elements.notice.customizeBtn.textContent = translations.common.customize;
+    elements.notice.rejectAllBtn.textContent = translations.common.rejectAll;
+    elements.notice.acceptAllBtn.textContent = translations.common.acceptAll;
+    // Dialog
+    elements.dialog.title.textContent = translations.consentManagerDialog.title;
+    elements.dialog.description.textContent =
+        translations.consentManagerDialog.description;
+    elements.dialog.activateAllBtn.textContent = translations.common.acceptAll;
+    elements.dialog.deactivateAllBtn.textContent = translations.common.rejectAll;
+    elements.dialog.saveBtn.textContent = translations.common.save;
+    for (const option of elements.dialog.form.querySelectorAll(".dsa-cookie-consent-dialogue__option")) {
+        const type = option.dataset.consentType;
+        const translation = translations.consentTypes[type];
+        if (translation) {
+            option.querySelector(".dsa-headline__inner").textContent =
+                translation.title;
+            option.querySelector(".dsa-cookie-consent-dialogue__option-description").textContent = translation.description;
+        }
+    }
+};
+class CookieConsentC15t extends CookieConsent {
+    constructor(element) {
+        super(element);
+        const store = this.constructor.store;
+        const elements = this.elements;
+        // get gdprTypes from radio buttons
+        const initialState = store.getState();
+        const gdprTypes = [];
+        for (const element of elements.dialog.form.elements) {
+            if (element.type === "radio" && element.value === "accept") {
+                gdprTypes.push(element.name);
+            }
+        }
+        initialState.setGdprTypes(gdprTypes);
+        const update = (state) => {
+            // show/hide cookie banner or settings button
+            this.showNotice = state.showPopup;
+            // update dialog form
+            for (const type in state.consents) {
+                const radios = elements.dialog.form.elements[type];
+                const accepted = state.consents[type];
+                if (radios) {
+                    for (const radio of radios) {
+                        radio.defaultChecked =
+                            radio.value === "accept" ? accepted : !accepted;
+                    }
+                }
+            }
+        };
+        const unsub = store.subscribe(update);
+        translate(this.elements, initialState);
+        update(initialState);
+        const acceptCustom = () => {
+            const state = store.getState();
+            const consentTypes = state.getDisplayedConsents();
+            for (const type of consentTypes) {
+                if (!type.disabled) {
+                    state.setConsent(type.name, elements.dialog.form.elements[type.name].value === "accept");
+                }
+            }
+            state.saveConsents("custom");
+        };
+        const acceptAll = () => {
+            const state = store.getState();
+            state.saveConsents("all");
+        };
+        const rejectAll = () => {
+            const state = store.getState();
+            state.saveConsents("necessary");
+        };
+        elements.dialog.form.addEventListener("submit", acceptCustom);
+        elements.notice.acceptAllBtn.addEventListener("click", acceptAll);
+        elements.notice.rejectAllBtn.addEventListener("click", rejectAll);
+        this.onDisconnect(() => {
+            unsub();
+            elements.dialog.form.removeEventListener("submit", acceptCustom);
+            elements.notice.acceptAllBtn.removeEventListener("click", acceptAll);
+            elements.notice.rejectAllBtn.removeEventListener("click", rejectAll);
+        });
+    }
+}
+CookieConsentC15t.identifier = "dsa.cookie-consent.c15t";
+define(CookieConsentC15t.identifier, CookieConsentC15t);
+
+export { CookieConsentC15t as default };

package/dist/components/cookie-consent/CookieConsent.client.d.ts

@@ -0,0 +1,30 @@
+declare class CookieConsent {
+    static identifier: string;
+    constructor(element: any);
+    elements: {
+        notice: {
+            wrapper: any;
+            title: any;
+            description: any;
+            customizeBtn: any;
+            rejectAllBtn: any;
+            acceptAllBtn: any;
+        };
+        dialog: {
+            wrapper: any;
+            overlay: any;
+            title: any;
+            description: any;
+            closeBtn: any;
+            form: any;
+            activateAllBtn: any;
+            deactivateAllBtn: any;
+            saveBtn: any;
+        };
+        settings: {
+            button: any;
+        };
+    };
+    set showNotice(arg: any);
+}
+export { CookieConsent as default };

package/dist/components/cookie-consent/CookieConsent.client.js

@@ -0,0 +1,89 @@
+import { define, Component } from '@kickstartds/core/lib/component';
+
+class CookieConsent extends Component {
+    constructor(element) {
+        super(element);
+        const $ = element.querySelector.bind(element);
+        const elements = (this.elements = {
+            notice: {
+                wrapper: $(".dsa-cookie-consent-notice"),
+                title: $(".dsa-cookie-consent-notice__title .dsa-headline__inner"),
+                description: $(".dsa-cookie-consent-notice__description"),
+                customizeBtn: $(".dsa-cookie-consent-notice__button--customize"),
+                rejectAllBtn: $(".dsa-cookie-consent-notice__button--reject"),
+                acceptAllBtn: $(".dsa-cookie-consent-notice__button--accept"),
+            },
+            dialog: {
+                wrapper: $(".dsa-cookie-consent-dialogue"),
+                overlay: $(".dsa-cookie-consent-overlay"),
+                title: $(".dsa-cookie-consent-dialogue__title .dsa-headline__inner"),
+                description: $(".dsa-cookie-consent-dialogue__description"),
+                closeBtn: $(".dsa-cookie-consent-dialogue__close"),
+                form: $(".dsa-cookie-consent-dialogue__form"),
+                activateAllBtn: $(".dsa-cookie-consent-dialogue__button--activate-all"),
+                deactivateAllBtn: $(".dsa-cookie-consent-dialogue__button--deactivate-all"),
+                saveBtn: $(".dsa-cookie-consent-dialogue__button--save"),
+            },
+            settings: {
+                button: $(".dsa-cookie-consent-revisit"),
+            },
+        });
+        const showDialog = () => {
+            elements.dialog.overlay.removeAttribute("hidden");
+            elements.dialog.wrapper.removeAttribute("hidden");
+            elements.dialog.wrapper.setAttribute("aria-hidden", "false");
+        };
+        const closeDialog = () => {
+            elements.dialog.overlay.setAttribute("hidden", "");
+            elements.dialog.wrapper.setAttribute("hidden", "");
+            elements.dialog.wrapper.setAttribute("aria-hidden", "true");
+        };
+        const closeDialogAndReset = () => {
+            closeDialog();
+            elements.dialog.form.reset();
+        };
+        const activateAll = () => {
+            for (const element of elements.dialog.form.elements) {
+                if (element.value === "accept") {
+                    element.checked = true;
+                }
+            }
+        };
+        const deactivateAll = () => {
+            for (const element of elements.dialog.form.elements) {
+                if (element.value === "reject") {
+                    element.checked = true;
+                }
+            }
+        };
+        const onSubmit = (event) => {
+            event.preventDefault();
+            closeDialog();
+        };
+        elements.notice.customizeBtn.addEventListener("click", showDialog);
+        elements.settings.button.addEventListener("click", showDialog);
+        elements.dialog.closeBtn.addEventListener("click", closeDialogAndReset);
+        elements.dialog.activateAllBtn.addEventListener("click", activateAll);
+        elements.dialog.deactivateAllBtn.addEventListener("click", deactivateAll);
+        elements.dialog.form.addEventListener("submit", onSubmit);
+        window._ks.radio.on(CookieConsent.identifier + ".showNotice", (_, value) => {
+            this.showNotice = value;
+        });
+        this.onDisconnect(() => {
+            elements.notice.customizeBtn.removeEventListener("click", showDialog);
+            elements.settings.button.removeEventListener("click", showDialog);
+            elements.dialog.closeBtn.removeEventListener("click", closeDialogAndReset);
+            elements.dialog.activateAllBtn.removeEventListener("click", activateAll);
+            elements.dialog.deactivateAllBtn.removeEventListener("click", deactivateAll);
+            elements.dialog.form.removeEventListener("submit", onSubmit);
+        });
+    }
+    set showNotice(value) {
+        this.elements.notice.wrapper.hidden = !value;
+        this.elements.settings.button.hidden = value;
+    }
+}
+CookieConsent.identifier = "dsa.cookie-consent";
+define(CookieConsent.identifier, CookieConsent);
+
+export { CookieConsent as default };