@kickstartds/ds-agency-premium 1.6.71--canary.54.2407.0 → 1.6.71

package/dist/components/contact/index.js

@@ -8,21 +8,12 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Container } from '@kickstartds/core/lib/container';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const defaults = {
-    "image": {
-        "fullWidth": false,
-        "aspectRatio": "square"
-    },
-    "links": []
-};
-
-const ContactContextDefault = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src && (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { src: image?.src, alt: image?.alt, className: "dsa-contact__image" }) })), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length && (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, url, label, ariaLabel, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", "aria-label": ariaLabel, href: url, ...(newTab && { target: "_blank", rel: "noopener" }), children: [jsx(Icon, { role: "presentation", focusable: "false", "aria-hidden": true, icon: icon }), label] }) }, i))) }))] })] }) })));
+const ContactContextDefault = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { src: image?.src, alt: image?.alt, className: "dsa-contact__image" }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : ("")] })] }) })));
 const ContactContext = createContext(ContactContextDefault);
 const Contact = forwardRef((props, ref) => {
     const Component = useContext(ContactContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Contact.displayName = "Contact";
 const ContactProvider = (props) => (jsx(ContactContext$1.Provider, { ...props, value: Contact }));

package/dist/components/cta/cta.css

@@ -1,31 +1,26 @@
 .dsa-cta {
-  --dsa-cta--gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-l);
-  --dsa-cta--border-radius: var(--ks-border-radius-surface);
-  --dsa-cta__content--vertical-padding: var(--dsa-content--vertical-spacing);
-  --dsa-cta__content--horizontal-padding: var(--dsa-content--horizontal-spacing);
-  --dsa-cta__content--max-width: var(--dsa-tile--width_largest);
+  --dsa-cta--vertical-padding: var(--l-section--space-default);
+  --dsa-cta--horizontal-padding: var(--dsa-content--spacing);
+  --dsa-cta__copy--font: var(--dsa-rich-text--font);
+  --dsa-cta__copy--color: var(--ks-text-color-default);
   --dsa-cta__headline--color: var(--dsa-headline--color);
+  --dsa-cta__headline--font: var(--dsa-headline_h2--font);
   --dsa-cta__subheadline--color: var(--dsa-headline__subheadline--color);
-  --dsa-cta__copy--font: var(--ks-font-copy-m);
-  --dsa-cta__copy--color: var(--ks-text-color-default);
-  --dsa-cta__image--padding: var(--ks-spacing-inset-m);
+  --dsa-cta__subheadline--font: var(--dsa-headline_h2__subheadline--font);
   --dsa-cta_color-neutral__headline--color: var(--ks-text-color-default);
   --dsa-cta_color-neutral__subheadline--color: var(--ks-text-color-default);
   --dsa-cta_color-neutral__copy--color: var(--ks-text-color-default);
   --dsa-cta_highlight-text__headline--font: var(--dsa-headline_h1--font);
+  --dsa-cta_highlight-text__subheadline--font: var(--dsa-headline_h1__subheadline--font);
   --dsa-cta_highlight-text__copy--font: var(--ks-font-copy-l);
 }
 
 .dsa-cta.c-storytelling {
-  --c-storytelling--horizontal-padding: var(--dsa-cta__content--horizontal-padding);
-  --c-storytelling--vertical-padding: var(--dsa-cta__content--vertical-padding);
+  --c-storytelling--padding-ratio: 2;
+  --c-storytelling--horizontal-padding: var(--dsa-content--spacing);
   justify-content: center;
   align-items: stretch;
-  gap: var(--dsa-cta--gap, var(--ks-spacing-inline-m));
-  border-radius: var(--dsa-cta--border-radius, var(--ks-border-radius-surface));
-}
-.dsa-cta.c-storytelling:not(.dsa-cta--no-padding) {
-  overflow: hidden;
+  padding: 0;
 }
 .dsa-cta.c-storytelling.dsa-cta--color-neutral {
   --dsa-cta__copy--color: var(--dsa-cta_color-neutral__copy--color, var(--ks-text-color-default));
@@ -35,71 +30,99 @@
 .dsa-cta.c-storytelling.dsa-cta--highlight-text {
   --dsa-cta__copy--font: var(--dsa-cta_highlight-text__copy--font, var(--ks-font-copy-l));
   --dsa-cta__headline--font: var(--dsa-cta_highlight-text__headline--font, var(--dsa-headline_h1--font));
+  --dsa-cta__subheadline--font: var(
+    --dsa-cta_highlight-text__subheadline--font,
+    var(--dsa-headline_h1__subheadline--font)
+  );
 }
-.dsa-cta.c-storytelling.dsa-cta--no-padding .c-storytelling__box {
-  padding: 0;
+.dsa-cta.c-storytelling.c-storytelling--full {
+  --c-storytelling--padding-ratio: 1;
 }
-.dsa-cta.c-storytelling.dsa-cta--image-padding .c-storytelling__image {
-  padding: var(--dsa-cta__content--vertical-padding, var(--dsa-content--vertical-spacing)) var(--dsa-cta__content--horizontal-padding, var(--dsa-content--horizontal-spacing));
+.dsa-cta.c-storytelling.c-storytelling--full.c-storytelling--order-desktop-image-last .c-storytelling__box {
+  padding-left: var(--dsa-cta--horizontal-padding);
 }
-.dsa-cta.c-storytelling .c-storytelling__image img {
-  width: auto;
+.dsa-cta.c-storytelling.dsa-cta--align-top {
+  align-items: flex-start;
 }
-.dsa-cta.c-storytelling .c-storytelling__box__content {
-  max-width: var(--dsa-cta__content--max-width, var(--dsa-tile--width_largest));
+.dsa-cta.c-storytelling.dsa-cta--align-bottom {
+  align-items: flex-end;
+}
+.dsa-cta.c-storytelling .c-storytelling__box {
+  width: 100%;
+  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
+}
+@container storytelling (max-width: 640px) {
+  .dsa-cta.c-storytelling .c-storytelling__box {
+    padding-top: calc(var(--dsa-cta--vertical-padding, var(--l-section--space-default)) / var(--c-storytelling--padding-ratio));
+  }
+  .dsa-cta.c-storytelling .c-storytelling__box:only-child {
+    padding-top: var(--dsa-cta--vertical-padding, var(--l-section--space-default));
+  }
 }
 .dsa-cta.c-storytelling .c-storytelling__box:only-child {
-  --c-storytelling--horizontal-padding: var(--dsa-cta__content--horizontal-padding);
+  padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
 }
-.dsa-cta.c-storytelling .c-storytelling__box:only-child .c-storytelling__box__content {
+.dsa-cta.c-storytelling .c-storytelling__box__content {
   max-width: 100%;
 }
 .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__headline {
+  font: var(--dsa-cta__headline--font, var(--dsa-headline_h2--font, var(--ks-font-display-xl)));
   color: var(--dsa-cta__headline--color, var(--ks-text-color-display));
+  font-weight: var(--dsa-headline--font-weight, var(--ks-font-weight-semi-bold));
 }
 .dsa-cta.c-storytelling .c-storytelling__box .dsa-headline__subheadline {
+  font: var(--dsa-cta__subheadline--font, var(--dsa-headline_h2__subheadline--font, var(--ks-font-display-xl)));
   color: var(--dsa-cta__subheadline--color, var(--ks-text-color-primary));
+  font-weight: var(--dsa-headline__subheadline--font-weight, var(--ks-font-weight-medium));
 }
 .dsa-cta.c-storytelling .c-storytelling__box .c-rich-text {
-  font: var(--dsa-cta__copy--font, var(--ks-font-copy-m));
-  color: var(--dsa-cta__copy--color, var(--ks-text-color-copy));
+  font: var(--dsa-cta__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
+  color: var(--dsa-cta__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-copy)));
+}
+.dsa-cta.c-storytelling .c-storytelling__box:only-child {
+  --dsa-cta--horizontal-padding: var(--dsa-content--spacing);
 }
-.dsa-cta.c-storytelling > .c-storytelling__image {
+.dsa-cta.c-storytelling .c-storytelling__image {
   margin: 0;
 }
-@container storytelling (max-width: 639.9px) {
-  .dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__box {
-    padding-bottom: 0;
+@container storytelling (min-width: 640px) {
+  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__image {
+    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
-  .dsa-cta.c-storytelling.c-storytelling--order-mobile-image-last .c-storytelling__image {
-    padding-top: 0;
+  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__box {
+    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
-  .dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__box:not(:only-child) {
-    padding-top: 0;
+  .dsa-cta.c-storytelling .c-storytelling__box {
+    padding-left: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
   }
-  .dsa-cta.c-storytelling:not(.c-storytelling--order-mobile-image-last) .c-storytelling__image {
-    padding-bottom: 0;
+  .dsa-cta.c-storytelling .c-storytelling__box__content--center .c-button-group {
+    justify-content: center;
   }
-}
-@container storytelling (min-width: 640px) {
-  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__box:not(:only-child) {
-    padding-right: 0;
+  .dsa-cta.c-storytelling .c-storytelling__box:only-child {
+    width: 100%;
+    max-width: calc(var(--dsa-content--width_default) - var(--dsa-content--spacing) * var(--c-storytelling--padding-ratio));
   }
-  .dsa-cta.c-storytelling.c-storytelling--order-desktop-image-last .c-storytelling__image {
-    padding-left: 0;
+  .dsa-cta.c-storytelling > .c-storytelling__image {
+    padding: var(--dsa-cta--vertical-padding, var(--l-section--space-default)) var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing));
+    padding-right: calc(var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)) / var(--c-storytelling--padding-ratio));
+  }
+  .dsa-cta.c-storytelling.c-storytelling--full > .c-storytelling__image {
+    padding: 0;
   }
-  .dsa-cta.c-storytelling:not(.c-storytelling--order-desktop-image-last) .c-storytelling__box {
-    padding-left: 0;
+  .dsa-cta.c-storytelling > .c-storytelling__image,
+  .dsa-cta.c-storytelling > .c-storytelling__box {
+    max-width: calc(var(--dsa-content--width_wide) / 2);
   }
-  .dsa-cta.c-storytelling:not(.c-storytelling--order-desktop-image-last) .c-storytelling__image {
-    padding-right: 0;
+  .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__image,
+  .dsa-cta.c-storytelling.dsa-cta--full-width > .c-storytelling__box {
+    max-width: 100%;
   }
 }
 
 @media (min-width: 640px) {
   .dsa-header--floating + .l-container--storytelling .c-storytelling.dsa-cta,
   .dsa-header--floating + .l-section .l-container--storytelling:first-child .c-storytelling.dsa-cta {
-    padding-top: calc(var(--dsa-header--height) + var(--dsa-cta__content--horizontal-padding, var(--dsa-content--horizontal-spacing)));
+    padding-top: calc(var(--dsa-header--height) + var(--dsa-cta--horizontal-padding, var(--dsa-content--spacing)));
     z-index: 1;
   }
 }

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

@@ -40,6 +40,12 @@
       "default": false,
       "type": "boolean"
     },
+    "fullWidth": {
+      "title": "Width",
+      "description": "Set the width of the content to the full width of the element",
+      "type": "boolean",
+      "default": false
+    },
     "buttons": {
       "type": "array",
       "items": {
@@ -60,10 +66,10 @@
             "title": "Icon",
             "description": "Choose an icon"
           },
-          "url": {
+          "target": {
             "type": "string",
-            "title": "URL",
-            "description": "The URL to link to when the button is clicked",
+            "title": "Target",
+            "description": "Target that should be linked, makes the button behave like a link semantically",
             "format": "uri"
           }
         },
@@ -103,17 +109,6 @@
           "title": "Alt text",
           "description": "Image description",
           "type": "string"
-        },
-        "align": {
-          "title": "Vertical alignment of the image",
-          "description": "Select a vertical alignment for the image",
-          "type": "string",
-          "enum": [
-            "center",
-            "top",
-            "bottom"
-          ],
-          "default": "center"
         }
       },
       "additionalProperties": false
@@ -148,9 +143,9 @@
       "type": "string",
       "default": "left"
     },
-    "align": {
+    "contentAlign": {
       "title": "Vertical alignment of the content",
-      "description": "Select a vertical alignment for the content",
+      "description": "Select a vertical alignment for the image",
       "type": "string",
       "enum": [
         "center",
@@ -159,11 +154,8 @@
       ],
       "default": "center"
     },
-    "padding": {
-      "title": "Padding",
-      "description": "Toggle padding of the content",
-      "type": "boolean",
-      "default": false
+    "type": {
+      "const": "cta"
     }
   },
   "additionalProperties": false

package/dist/components/cta/cta.schema.json

@@ -36,6 +36,12 @@
       "default": false,
       "type": "boolean"
     },
+    "fullWidth": {
+      "title": "Width",
+      "description": "Set the width of the content to the full width of the element",
+      "type": "boolean",
+      "default": false
+    },
     "buttons": {
       "type": "array",
       "items": {
@@ -48,8 +54,8 @@
           "icon": {
             "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
           },
-          "url": {
-            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
+          "target": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
           }
         }
       }
@@ -81,13 +87,6 @@
           "title": "Alt text",
           "description": "Image description",
           "type": "string"
-        },
-        "align": {
-          "title": "Vertical alignment of the image",
-          "description": "Select a vertical alignment for the image",
-          "type": "string",
-          "enum": ["center", "top", "bottom"],
-          "default": "center"
         }
       },
       "additionalProperties": false
@@ -119,18 +118,12 @@
       "type": "string",
       "default": "left"
     },
-    "align": {
+    "contentAlign": {
       "title": "Vertical alignment of the content",
-      "description": "Select a vertical alignment for the content",
+      "description": "Select a vertical alignment for the image",
       "type": "string",
       "enum": ["center", "top", "bottom"],
       "default": "center"
-    },
-    "padding": {
-      "title": "Padding",
-      "description": "Toggle padding of the content",
-      "type": "boolean",
-      "default": false
     }
   },
   "additionalProperties": false

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { CtaProps } from "../../CtaProps-789f8508.js";
+import { CtaProps } from "../../CtaProps-93230a76.js";
 declare const CtaContextDefault: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const CtaContext: import("react").Context<import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Cta: import("react").ForwardRefExoticComponent<CtaProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/cta/index.js

@@ -1,64 +1,47 @@
 import "./cta.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
-import { StorytellingContextDefault } from '@kickstartds/content/lib/storytelling';
+import { Storytelling } from '@kickstartds/content/lib/storytelling';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import classnames from 'classnames';
 import { useButtonGroup } from '../button-group/index.js';
-import { Container } from '@kickstartds/core/lib/container';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 import '@kickstartds/base/lib/button-group';
 
-const defaults = {
-    "highlightText": false,
-    "colorNeutral": false,
-    "buttons": [],
-    "image": {
-        "padding": true,
-        "align": "center"
-    },
-    "order": {
-        "mobileImageLast": false,
-        "desktopImageLast": true
-    },
-    "textAlign": "left",
-    "align": "center",
-    "padding": false
-};
-
-const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], ...rest }, ref) => {
+const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, contentAlign, order, fullWidth = false, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "storytelling", children: jsx(StorytellingContextDefault, { ...rest, ref: ref, className: classnames("dsa-cta", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", image?.padding ? `dsa-cta--image-padding` : "", !padding ? `dsa-cta--no-padding` : "", align && align !== "center" ? `dsa-cta--align-${align}` : ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: true, image: {
-                    source: image?.src,
-                    order: order,
-                    vAlign: image?.align,
-                }, box: {
-                    text: text,
-                    textAlign: textAlign,
-                    vAlign: align,
-                    link: {
-                        buttons,
-                        colorNeutral: colorNeutral,
-                        arrangement: textAlign,
-                    },
-                    headline: {
-                        text: headline,
-                        level: "h2",
-                        style: highlightText === true ? "h1" : undefined,
-                        sub: sub,
-                        spaceAfter: highlightText === true ? "large" : undefined,
-                        align: textAlign,
-                    },
-                } }) }) }));
+        value: ButtonGroup, children: jsx(Storytelling, { ...rest, ref: ref, className: classnames("dsa-cta", fullWidth ? `dsa-cta--full-width` : "", highlightText ? `dsa-cta--highlight-text` : "", colorNeutral ? `dsa-cta--color-neutral` : "", contentAlign && contentAlign !== "center"
+                ? `dsa-cta--align-${contentAlign}`
+                : ""), backgroundImage: backgroundImage, backgroundColor: backgroundColor, full: image?.padding === false, image: {
+                source: image?.src,
+                order: order,
+                vAlign: contentAlign,
+            }, box: {
+                text: text,
+                textAlign: textAlign,
+                vAlign: contentAlign,
+                link: {
+                    buttons,
+                    colorNeutral: colorNeutral,
+                    arrangement: textAlign,
+                },
+                headline: {
+                    text: headline,
+                    level: "h2",
+                    style: highlightText === true ? "h1" : undefined,
+                    sub: sub,
+                    spaceAfter: highlightText === true ? "large" : undefined,
+                    align: textAlign,
+                },
+            } }) }));
 });
 const CtaContext = createContext(CtaContextDefault);
 const Cta = forwardRef((props, ref) => {
     const Component = useContext(CtaContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Cta.displayName = "Cta";
 

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

@@ -24,6 +24,9 @@
       "title": "`ks-component` attribute",
       "description": "Optional custom component identifier",
       "type": "string"
+    },
+    "type": {
+      "const": "divider"
     }
   },
   "additionalProperties": false

package/dist/components/divider/index.js

@@ -3,17 +3,12 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { DividerContextDefault as DividerContextDefault$1, DividerContext as DividerContext$1 } from '@kickstartds/base/lib/divider';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-
-const defaults = {
-    "variant": "default"
-};
 
 const DividerContextDefault = forwardRef(({ variant, className, ...props }, ref) => (jsx(DividerContextDefault$1, { ...props, className: classnames("dsa-divider", className), variant: variant, ref: ref })));
 const DividerContext = createContext(DividerContextDefault);
 const Divider = forwardRef((props, ref) => {
     const Component = useContext(DividerContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Divider.displayName = "Divider";
 const DividerProvider = (props) => (jsx(DividerContext$1.Provider, { ...props, value: DividerContextDefault }));

package/dist/components/faq/faq.css

@@ -15,7 +15,7 @@
   --c-collapsible-box-summary--color: var(--dsa-faq__summary--color, var(--dsa-topic--color));
   --c-collapsible-box-summary--font-weight: var(--dsa-faq__summary--font-weight), var(--dsa-topic--font-weight);
   --c-collapsible-box-summary--font: var(--dsa-faq__summary--font, var(--dsa-topic--font));
-  --c-collapsible-box-icon--color: var(--dsa-faq__icon--color, var(--ks-text-color-primary));
+  --c-collapsible-box-icon--color: var(--dsa-faq-icon--color, var(--ks-text-color-primary));
   --c-collapsible-box_header--padding: var(--dsa-faq_header--padding, 1em 0);
   --c-collapsible-box_content--padding: var(--dsa-faq_content--padding, 0em 0em 1em 0em);
   --c-collapsible-box--border-color: var(--dsa-faq--border-color, var(--ks-border-color-accent));

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

@@ -10,7 +10,6 @@
       "title": "Questions",
       "description": "The questions and answers in the Faq section",
       "items": {
-        "title": "Question",
         "type": "object",
         "properties": {
           "question": {
@@ -34,10 +33,14 @@
         },
         "additionalProperties": false,
         "required": [
-          "question"
+          "question",
+          "answer"
         ]
       },
       "minItems": 1
+    },
+    "type": {
+      "const": "faq"
     }
   },
   "additionalProperties": false,

package/dist/components/faq/faq.schema.json

@@ -10,7 +10,6 @@
       "title": "Questions",
       "description": "The questions and answers in the Faq section",
       "items": {
-        "title": "Question",
         "type": "object",
         "properties": {
           "question": {
@@ -29,7 +28,7 @@
           }
         },
         "additionalProperties": false,
-        "required": ["question"]
+        "required": ["question", "answer"]
       },
       "minItems": 1
     }

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

@@ -1,25 +1,8 @@
 /// <reference types="react" />
-import { ReactNode, HTMLAttributes } from "react";
-import { Question } from "../../FaqProps-78384db5.js";
-import { FaqProps as FaqSchemaProps } from "../../FaqProps-78384db5.js";
-type FaqProps = Omit<FaqSchemaProps, "questions"> & HTMLAttributes<HTMLDivElement> & {
-    questions: ({
-        children?: ReactNode;
-    } & Question)[];
-};
-declare const FaqContextDefault: import("react").ForwardRefExoticComponent<Omit<FaqSchemaProps, "questions"> & HTMLAttributes<HTMLDivElement> & {
-    questions: ({
-        children?: ReactNode;
-    } & Question)[];
-} & import("react").RefAttributes<HTMLDivElement>>;
-declare const FaqContext: import("react").Context<import("react").ForwardRefExoticComponent<Omit<FaqSchemaProps, "questions"> & HTMLAttributes<HTMLDivElement> & {
-    questions: ({
-        children?: ReactNode;
-    } & Question)[];
-} & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Faq: import("react").ForwardRefExoticComponent<Omit<FaqSchemaProps, "questions"> & HTMLAttributes<HTMLDivElement> & {
-    questions: ({
-        children?: ReactNode;
-    } & Question)[];
-} & import("react").RefAttributes<HTMLDivElement>>;
-export { FaqProps, FaqContextDefault, FaqContext, Faq };
+import { HTMLAttributes } from "react";
+import { FaqProps } from "../../FaqProps-ad618cd5.js";
+declare const FaqContextDefault: import("react").ForwardRefExoticComponent<FaqProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const FaqContext: import("react").Context<import("react").ForwardRefExoticComponent<FaqProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Faq: import("react").ForwardRefExoticComponent<FaqProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { FaqProps };
+export { FaqContextDefault, FaqContext, Faq };

package/dist/components/faq/index.js

@@ -2,17 +2,12 @@ import "./faq.css";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CollapsibleBox } from '@kickstartds/base/lib/collapsible-box';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
 
-const defaults = {
-    "questions": []
-};
-
-const FaqContextDefault = forwardRef(({ questions, children, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer, children: question.children }, index))) })));
+const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
 const FaqContext = createContext(FaqContextDefault);
 const Faq = forwardRef((props, ref) => {
     const Component = useContext(FaqContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+    return jsx(Component, { ...props, ref: ref });
 });
 Faq.displayName = "Faq";
 

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

@@ -42,21 +42,15 @@
       ],
       "default": "stack"
     },
-    "unicodeIcon": {
-      "type": "boolean",
-      "title": "Unicode Icon",
-      "description": "Whether the icon is set via Unicode character",
-      "default": false
-    },
     "cta": {
       "type": "object",
       "title": "Call to Action",
       "description": "The call to action",
       "properties": {
-        "url": {
+        "target": {
           "type": "string",
-          "title": "Call to Action url",
-          "description": "The CTA url",
+          "title": "Call to Action target",
+          "description": "The CTA target",
           "default": "#",
           "format": "uri"
         },
@@ -69,16 +63,6 @@
             "See all our partners"
           ]
         },
-        "icon": {
-          "type": "string",
-          "format": "icon",
-          "title": "Icon",
-          "description": "Icon for the link style of the cta",
-          "examples": [
-            "arrow-right"
-          ],
-          "default": "arrow-right"
-        },
         "toggle": {
           "type": "boolean",
           "title": "Call to Action Toggle",
@@ -97,6 +81,9 @@
         }
       },
       "additionalProperties": false
+    },
+    "type": {
+      "const": "feature"
     }
   },
   "additionalProperties": false,