@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.0 → 1.7.0--canary.46.1791.0

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,24 +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
-    },
-    "inverted": {
-      "title": "Inverted",
-      "description": "Toggle inversion of the component",
-      "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-babe4ee6.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,41 +1,42 @@
 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 '@kickstartds/base/lib/button-group';
 
-const CtaContextDefault = forwardRef(({ headline, highlightText = false, sub, image, text, textAlign, backgroundImage, backgroundColor, colorNeutral, align, padding, order, buttons = [], inverted = false, ...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) => {

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

@@ -47,10 +47,10 @@
       "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"
         },
@@ -63,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",

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

@@ -35,10 +35,10 @@
       "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"
         },
@@ -49,14 +49,6 @@
           "default": "See more",
           "examples": ["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",

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

@@ -19,17 +19,13 @@ type Title = string;
  */
 type Text = string;
 /**
- * The CTA url
+ * The CTA target
  */
-type CallToActionUrl = string;
+type CallToActionTarget = string;
 /**
  * The text label displayed on the link
  */
 type LinkLabel = string;
-/**
- * Icon for the link style of the cta
- */
-type Icon1 = string;
 /**
  * Activate/disable the CTAs
  */
@@ -48,9 +44,8 @@ interface FeatureProps {
  * The call to action
  */
 interface CallToAction {
-    url?: CallToActionUrl;
+    target?: CallToActionTarget;
     label?: LinkLabel;
-    icon?: Icon1;
     toggle?: CallToActionToggle;
     /**
      * Choose the style of the CTA

package/dist/components/feature/index.js

@@ -4,9 +4,10 @@ import classnames from 'classnames';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { Button } from '../button/index.js';
 import { Link } from '@kickstartds/base/lib/link';
+import { RichText } from '@kickstartds/base/lib/rich-text';
 import '@kickstartds/base/lib/button';
 
-const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
+const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon, cta: { toggle = true, style: ctaStyle = "link", target, label = "Read more", }, ...rest }, ref) => (jsxs("div", { ...rest, ref: ref, className: classnames(`dsa-feature dsa-feature--${style === `stack`
         ? `stack dsa-feature--large`
         : style === `besideSmall`
             ? `beside dsa-feature--small`
@@ -16,7 +17,7 @@ const FeatureContextDefault = forwardRef(({ style = "stack", title, text, icon,
                     ? `intext dsa-feature--small`
                     : style === `centered`
                         ? `centered dsa-feature--large`
-                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && (jsx(Icon, { className: "dsa-feature__icon", icon: icon, role: "presentation", "aria-hidden": true, focusable: false })), jsx("span", { className: "dsa-feature__title", children: title })] }), text || cta.style === "intext" ? (jsxs("p", { className: "dsa-feature__text", children: [text, cta.style === "intext" && cta.toggle ? (jsxs(Fragment, { children: [" ", " ", jsx(Link, { href: cta.url, children: cta.label ? cta.label : "See more" })] })) : ("")] })) : (""), cta.toggle && (cta.style === "link" || cta.style === "button") && (jsx("div", { className: "dsa-feature__cta", children: cta.style === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: cta.url, children: [cta.label ? cta.label : "See more", jsx(Icon, { "aria-hidden": true, role: "presentation", focusable: false, icon: cta.icon || "arrow-right" })] })) : cta.style === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", url: cta.url, label: cta.label ? cta.label : "See more" })) : ("") }))] })));
+                        : `${style}`}`), children: [jsxs("div", { className: "dsa-feature__header", children: [icon && jsx(Icon, { className: "dsa-feature__icon", icon: icon }), jsx("span", { className: "dsa-feature__title", children: title })] }), text || ctaStyle === "intext" ? (jsxs("div", { className: "dsa-feature__text", children: [jsx(RichText, { text: text }), ctaStyle === "intext" && toggle ? (jsxs(Fragment, { children: ["  ", jsx(Link, { href: target, children: label ? label : "See more" })] })) : ("")] })) : (""), toggle && (ctaStyle === "link" || ctaStyle === "button") && (jsx("div", { className: "dsa-feature__cta", children: ctaStyle === "link" ? (jsxs(Link, { className: "dsa-feature__link", href: target, children: [label ? label : "See more", jsx(Icon, { icon: "arrow-right" })] })) : ctaStyle === "button" ? (jsx(Button, { className: "dsa-feature__button", size: "small", target: target, label: label ? label : "See more" })) : ("") }))] })));
 const FeatureContext = createContext(FeatureContextDefault);
 const Feature = forwardRef((props, ref) => {
     const Component = useContext(FeatureContext);

package/dist/components/features/features.css

@@ -4,7 +4,7 @@
   --dsa-feature__title--color: var(--dsa-topic--color);
   --dsa-feature__title--font: var(--ks-font-interface-m);
   --dsa-feature__title--font-family: var(--dsa-topic--font-family);
-  --dsa-feature__copy--color: var(--ks-text-color-copy);
+  --dsa-feature__copy--color: var(--dsa-rich-text--color);
   --dsa-feature__copy--font: var(--ks-font-copy-s);
   --dsa-feature__link--font: var(--ks-font-copy-s);
   --dsa-feature__link--font-weight: var(--dsa-link--font-weight);
@@ -14,7 +14,7 @@
   --dsa-feature__link--text-decoration_hover: none;
   --dsa-feature__icon--color: var(--ks-text-color-primary);
   --dsa-feature_small__icon--size: calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m));
-  --dsa-feature_large__icon--size-multiplier: 2.5;
+  --dsa-feature_large__icon--size: calc(var(--ks-font-size-copy-m) * 2.5);
   --dsa-feature_small--gap: var(--ks-spacing-xs);
   --dsa-feature_large--gap: var(--ks-spacing-s);
   --dsa-feature_small__icon--gap: var(--ks-spacing-xs);
@@ -46,26 +46,40 @@
   justify-content: center;
 }
 .dsa-features .dsa-feature {
-  --dsa-feature_large__icon--size: calc(
-    var(--dsa-feature_small__icon--size) * var(--dsa-feature_large__icon--size-multiplier)
-  );
   display: flex;
   position: relative;
   flex-direction: column;
   gap: var(--dsa-feature--gap);
 }
 .dsa-features .dsa-feature--large {
-  --dsa-feature__icon--size: var(--dsa-feature_large__icon--size, calc(var(--ks-font-size-copy-m) * 2.5));
-  --dsa-feature__icon--gap: var(--dsa-feature_large__icon--gap, var(--ks-spacing-xs));
-  --dsa-feature--gap: var(--dsa-feature_large--gap, var(--ks-spacing-stack-s));
+  --dsa-feature__icon--size: var(
+    --dsa-feature_large__icon--size,
+    calc(var(--ks-font-size-copy-m) * 2.5)
+  );
+  --dsa-feature__icon--gap: var(
+    --dsa-feature_large__icon--gap,
+    var(--ks-spacing-xs)
+  );
+  --dsa-feature--gap: var(
+    --dsa-feature_large--gap,
+    var(--ks-spacing-stack-s)
+  );
 }
 .dsa-features .dsa-feature--small {
   --dsa-feature__icon--size: var(
     --dsa-feature_small__icon--size,
-    calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m))
+    calc(
+      var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m)
+    )
+  );
+  --dsa-feature__icon--gap: var(
+    --dsa-feature_small__icon--gap,
+    var(--ks-spacing-xs)
+  );
+  --dsa-feature--gap: var(
+    --dsa-feature_small--gap,
+    var(--ks-spacing-stack-xs)
   );
-  --dsa-feature__icon--gap: var(--dsa-feature_small__icon--gap, var(--ks-spacing-xs));
-  --dsa-feature--gap: var(--dsa-feature_small--gap, var(--ks-spacing-stack-xs));
 }
 .dsa-features .dsa-feature--beside {
   padding-left: calc(var(--dsa-feature__icon--size) + var(--dsa-feature__icon--gap));
@@ -75,9 +89,6 @@
   top: 0;
   left: 0;
 }
-.dsa-features .dsa-feature--beside.dsa-feature--large {
-  padding-top: calc(var(--dsa-feature__icon--size) / 2 - var(--dsa-feature_small__icon--size) / 2);
-}
 .dsa-features .dsa-feature--stack .dsa-feature__header {
   display: flex;
   flex-direction: column;
@@ -106,15 +117,24 @@
 }
 .dsa-features .dsa-feature__title {
   font: var(--dsa-feature__title--font, var(--ks-font-interface-m));
-  color: var(--dsa-feature__title--color, var(--dsa-topic--color));
+  color: var(--dsa-feature__title--color, var(--ks-topic-color));
   font-family: var(--dsa-feature__title--font-family, var(--ks-font-family-display));
   font-weight: var(--dsa-feature__title--font-weight, var(--ks-font-weight-semi-bold));
 }
 .dsa-features .dsa-feature__text {
-  color: var(--dsa-feature__copy--color, var(--ks-text-color-copy));
-  font: var(--dsa-feature__copy--font, var(--ks-font-copy-s));
   margin: 0;
 }
+.dsa-features .dsa-feature__text .c-rich-text {
+  --c-rich-text--font: var(
+    --dsa-feature__copy--font,
+    var(--ks-font-copy-s)
+  );
+  --c-rich-text--color: var(
+    --dsa-feature__copy--color,
+    var(--dsa-rich-text-color),
+    var(--ks-text-color-default)
+  );
+}
 .dsa-features .dsa-feature__icon {
   color: var(--dsa-feature__icon--color, var(--ks-text-color-primary));
   width: var(--dsa-feature__icon--size);

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

@@ -85,10 +85,10 @@
           "cta": {
             "type": "object",
             "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"
               },
@@ -100,16 +100,6 @@
                 "examples": [
                   "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"
               }
             },
             "additionalProperties": false

package/dist/components/features/features.schema.json

@@ -54,14 +54,11 @@
           "cta": {
             "type": "object",
             "properties": {
-              "url": {
-                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/url"
+              "target": {
+                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/target"
               },
               "label": {
                 "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/label"
-              },
-              "icon": {
-                "$ref": "http://schema.mydesignsystem.com/feature.schema.json#/properties/cta/properties/icon"
               }
             }
           }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
+import { FeaturesProps } from "../../FeaturesProps-e58616a5.js";
 declare const FeaturesContextDefault: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FeaturesContext: import("react").Context<import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Features: import("react").ForwardRefExoticComponent<FeaturesProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/features/index.js

@@ -7,6 +7,7 @@ import '@kickstartds/base/lib/icon';
 import '../button/index.js';
 import '@kickstartds/base/lib/button';
 import '@kickstartds/base/lib/link';
+import '@kickstartds/base/lib/rich-text';
 
 const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
     style: "link",
@@ -19,10 +20,9 @@ const FeaturesContextDefault = forwardRef(({ layout = "largeTiles", ctas = {
         const { icon, title, text, cta, ...rest } = feature;
         return (createElement(Feature, { ...rest, key: index, icon: icon, style: style, title: title, text: text, cta: {
                 label: cta?.label,
-                url: cta?.url,
+                target: cta?.target,
                 style: ctas.style,
                 toggle: ctas.toggle,
-                icon: cta?.icon,
             } }));
     }) })));
 const FeaturesContext = createContext(FeaturesContextDefault);

package/dist/components/footer/footer.css

@@ -27,7 +27,7 @@
   background-color: var(--dsa-footer--background-color, var(--ks-background-color-default));
 }
 .dsa-footer__content {
-  padding: var(--l-section--space-small) var(--dsa-content--horizontal-spacing);
+  padding: var(--l-section--space-small) var(--dsa-content--spacing);
   border-top: var(--dsa-footer--border-top, 1px solid var(--ks-border-color-default));
   max-width: var(--dsa-footer--max-width, var(--dsa-content--width_wide));
   width: 100%;

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

@@ -68,7 +68,7 @@
       "items": {
         "type": "object",
         "properties": {
-          "url": {
+          "href": {
             "type": "string",
             "format": "uri"
           },
@@ -83,7 +83,7 @@
             "items": {
               "type": "object",
               "properties": {
-                "url": {
+                "href": {
                   "type": "string",
                   "format": "uri"
                 },
@@ -100,7 +100,7 @@
         },
         "additionalProperties": false,
         "required": [
-          "url",
+          "href",
           "label"
         ]
       },
@@ -108,43 +108,43 @@
         [
           {
             "label": "Active Item",
-            "url": "#",
+            "href": "#",
             "active": true
           },
           {
             "label": "Navigation Item",
-            "url": "#"
+            "href": "#"
           },
           {
             "label": "Dropdown",
-            "url": "#",
+            "href": "#",
             "items": [
               {
                 "label": "Level 2 Item",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "Active Item",
                 "active": true,
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "An Item with a longer Label",
-                "url": "#"
+                "href": "#"
               },
               {
                 "label": "And One last one",
-                "url": "#"
+                "href": "#"
               }
             ]
           },
           {
             "label": "One more Item",
-            "url": "#"
+            "href": "#"
           },
           {
             "label": "Last Item",
-            "url": "#"
+            "href": "#"
           }
         ]
       ]

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FooterProps } from "../../FooterProps-a0a104ca.js";
+import { FooterProps } from "../../FooterProps-171a3067.js";
 import { HTMLAttributes } from "react";
 declare const FooterContextDefault: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const FooterContext: import("react").Context<import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;

package/dist/components/footer/index.js

@@ -6,7 +6,7 @@ import { Link } from '@kickstartds/base/lib/link';
 import { Logo } from '../logo/index.js';
 import '@kickstartds/base/lib/picture';
 
-const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.url + label }, label))) })) : null] }) })) : null);
+const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) })) : null);
 const FooterContext = createContext(FooterContextDefault);
 const Footer = forwardRef((props, ref) => {
     const Component = useContext(FooterContext);

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

@@ -55,8 +55,7 @@
         "stack",
         "smallTiles",
         "largeTiles"
-      ],
-      "default": "smallTiles"
+      ]
     },
     "aspectRatio": {
       "type": "string",

package/dist/components/gallery/gallery.schema.json

@@ -43,8 +43,7 @@
       "type": "string",
       "title": "Layout",
       "description": "The layout of the gallery images",
-      "enum": ["stack", "smallTiles", "largeTiles"],
-      "default": "smallTiles"
+      "enum": ["stack", "smallTiles", "largeTiles"]
     },
     "aspectRatio": {
       "type": "string",

package/dist/components/gallery/index.js

@@ -4,7 +4,7 @@ import { forwardRef, useMemo, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { TextMedia } from '@kickstartds/base/lib/text-media';
 
-const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "smallTiles", aspectRatio = "square", images = [], ...rest }, ref) => {
+const GalleryContextDefault = forwardRef(({ lightbox = false, layout = "tiles", aspectRatio = "square", images = [], ...rest }, ref) => {
     const galleryId = useMemo(() => `gallery-${Date.now()}`, []);
     return (jsx("div", { ...rest, ref: ref, className: `dsa-gallery`, children: jsx("div", { className: classnames(`dsa-gallery__grid`, `dsa-gallery__grid--${layout === "smallTiles"
                 ? "small-tiles"