@kickstartds/ds-agency-premium 1.6.71 → 1.6.72--canary.43.2476.0

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

@@ -42,8 +42,15 @@
         true
       ]
     },
-    "type": {
-      "const": "slider"
+    "variant": {
+      "title": "Type",
+      "description": "Type of the movement",
+      "type": "string",
+      "enum": [
+        "slider",
+        "carousel"
+      ],
+      "default": "carousel"
     },
     "className": {
       "title": "Class",
@@ -98,12 +105,6 @@
                 "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": {
@@ -124,10 +125,10 @@
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "target": {
+                    "url": {
                       "type": "string",
-                      "title": "Target",
-                      "description": "Target that should be linked, makes the button behave like a link semantically",
+                      "title": "URL",
+                      "description": "The URL to link to when the button is clicked",
                       "format": "uri"
                     }
                   },
@@ -167,6 +168,17 @@
                     "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
@@ -201,9 +213,9 @@
                 "type": "string",
                 "default": "left"
               },
-              "contentAlign": {
+              "align": {
                 "title": "Vertical alignment of the content",
-                "description": "Select a vertical alignment for the image",
+                "description": "Select a vertical alignment for the content",
                 "type": "string",
                 "enum": [
                   "center",
@@ -212,8 +224,11 @@
                 ],
                 "default": "center"
               },
-              "type": {
-                "const": "cta"
+              "padding": {
+                "title": "Padding",
+                "description": "Toggle padding of the content",
+                "type": "boolean",
+                "default": false
               }
             },
             "additionalProperties": false
@@ -305,10 +320,10 @@
                     "cta": {
                       "type": "object",
                       "properties": {
-                        "target": {
+                        "url": {
                           "type": "string",
-                          "title": "Call to Action target",
-                          "description": "The CTA target",
+                          "title": "Call to Action url",
+                          "description": "The CTA url",
                           "default": "#",
                           "format": "uri"
                         },
@@ -320,6 +335,16 @@
                           "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
@@ -329,9 +354,6 @@
                 },
                 "minItems": 1,
                 "maxItems": 8
-              },
-              "type": {
-                "const": "features"
               }
             },
             "additionalProperties": false
@@ -393,7 +415,8 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ]
+                ],
+                "default": "smallTiles"
               },
               "aspectRatio": {
                 "type": "string",
@@ -412,9 +435,6 @@
                 "title": "Lightbox",
                 "description": "Display images in a lightbox gallery",
                 "default": false
-              },
-              "type": {
-                "const": "gallery"
               }
             },
             "additionalProperties": false,
@@ -475,6 +495,12 @@
                 "default": true,
                 "description": "Toggle wether you want your text to be displayed within in box"
               },
+              "invertText": {
+                "type": "boolean",
+                "title": "Invert Text",
+                "description": "Invert the text color for better contrast against the background",
+                "default": false
+              },
               "buttons": {
                 "type": "array",
                 "items": {
@@ -495,16 +521,22 @@
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
-                    "target": {
+                    "url": {
                       "type": "string",
-                      "title": "Target",
-                      "description": "Target that should be linked, makes the button behave like a link semantically",
+                      "title": "URL",
+                      "description": "The URL to link to when the button is clicked",
                       "format": "uri"
                     }
                   },
                   "additionalProperties": false
                 }
               },
+              "skipButton": {
+                "type": "boolean",
+                "title": "Skip Button",
+                "description": "Add a skip button to the hero module",
+                "default": false
+              },
               "overlay": {
                 "title": "Grid layer",
                 "description": "Enable grid layer",
@@ -580,15 +612,14 @@
                 "enum": [
                   "center",
                   "below",
+                  "offset",
                   "left",
                   "right",
-                  "corner"
+                  "corner",
+                  "bottom"
                 ],
                 "type": "string",
-                "default": "bottom"
-              },
-              "type": {
-                "const": "hero"
+                "default": "left"
               }
             },
             "additionalProperties": false
@@ -651,9 +682,6 @@
                 "examples": [
                   "above"
                 ]
-              },
-              "type": {
-                "const": "image-text"
               }
             },
             "required": [
@@ -693,12 +721,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "img/logos/logoipsum-212.svg",
-                        "img/logos/logoipsum-217.svg",
-                        "img/logos/logoipsum-239.svg",
-                        "img/logos/logoipsum-244.svg",
-                        "img/logos/logoipsum-250.svg",
-                        "img/logos/logoipsum-286.svg"
+                        "img/logos/logoipsum-344.svg",
+                        "img/logos/logoipsum-347.svg",
+                        "img/logos/logoipsum-352.svg",
+                        "img/logos/logoipsum-356.svg",
+                        "img/logos/logoipsum-358.svg",
+                        "img/logos/logoipsum-369.svg"
                       ]
                     },
                     "alt": {
@@ -715,8 +743,7 @@
                     "src"
                   ]
                 },
-                "minItems": 1,
-                "maxItems": 20
+                "minItems": 1
               },
               "align": {
                 "type": "string",
@@ -787,9 +814,6 @@
                   "link",
                   "label"
                 ]
-              },
-              "type": {
-                "const": "logos"
               }
             },
             "additionalProperties": false,
@@ -855,9 +879,6 @@
                         "home",
                         "map"
                       ]
-                    },
-                    "type": {
-                      "const": "stat"
                     }
                   },
                   "additionalProperties": false,
@@ -886,9 +907,6 @@
                 },
                 "minItems": 1,
                 "maxItems": 4
-              },
-              "type": {
-                "const": "stats"
               }
             },
             "additionalProperties": false,
@@ -929,10 +947,16 @@
                 "description": "Layout for the Teaser Card",
                 "default": "stack"
               },
-              "target": {
+              "centered": {
+                "type": "boolean",
+                "title": "Centered",
+                "description": "Whether the Teaser Card is centered",
+                "default": false
+              },
+              "url": {
                 "type": "string",
-                "title": "Target",
-                "description": "Target that should be linked",
+                "title": "Url",
+                "description": "Url that should be linked",
                 "format": "uri"
               },
               "button": {
@@ -977,15 +1001,12 @@
                 ],
                 "description": "Aspect ratio of the image",
                 "default": "wide"
-              },
-              "type": {
-                "const": "teaser-card"
               }
             },
             "additionalProperties": false,
             "required": [
               "topic",
-              "target"
+              "url"
             ]
           },
           {
@@ -1083,9 +1104,6 @@
                     "image"
                   ]
                 }
-              },
-              "type": {
-                "const": "testimonials"
               }
             },
             "additionalProperties": false
@@ -1131,9 +1149,6 @@
                 "title": "Highlight Text",
                 "description": "Visually highlight the text",
                 "default": false
-              },
-              "type": {
-                "const": "text"
               }
             },
             "additionalProperties": false,
@@ -1143,16 +1158,6 @@
           }
         ]
       }
-    },
-    "typeProp": {
-      "title": "Type",
-      "description": "Type of the movement",
-      "type": "string",
-      "enum": [
-        "slider",
-        "carousel"
-      ],
-      "default": "carousel"
     }
   },
   "additionalProperties": false

package/dist/components/slider/slider.schema.json

@@ -22,7 +22,7 @@
     "arrows": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/arrows"
     },
-    "type": {
+    "variant": {
       "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/type"
     },
     "className": {

package/dist/components/split-even/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
+import { SplitEvenProps as SplitEvenComponentProps } from "../../SplitEvenProps-789f8508.js";
+interface ComponentProps {
+    firstComponents?: React.ReactNode;
+    secondComponents?: React.ReactNode;
+}
+type SplitEvenProps = Omit<SplitEvenComponentProps, "firstComponents" | "secondComponents"> & ComponentProps;
+declare const SplitEvenContextDefault: import("react").ForwardRefExoticComponent<Omit<SplitEvenComponentProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const SplitEvenContext: import("react").Context<import("react").ForwardRefExoticComponent<Omit<SplitEvenComponentProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const SplitEven: import("react").ForwardRefExoticComponent<Omit<SplitEvenComponentProps, "firstComponents" | "secondComponents"> & ComponentProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { ComponentProps, SplitEvenProps, SplitEvenContextDefault, SplitEvenContext, SplitEven };

package/dist/components/split-even/index.js

@@ -0,0 +1,26 @@
+import "./split-even.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+import { forwardRef, createContext, useContext } from 'react';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+
+const defaults = {
+    "contentMinWidth": "medium",
+    "contentGutter": "default",
+    "mobileReverse": false,
+    "verticalAlign": "top",
+    "verticalGutter": "default",
+    "horizontalGutter": "default",
+    "firstComponents": [],
+    "secondComponents": []
+};
+
+const SplitEvenContextDefault = forwardRef(({ mobileReverse = false, contentMinWidth = "medium", verticalAlign = "top", horizontalGutter = "default", verticalGutter = "default", contentGutter = "default", firstComponents, secondComponents, }, ref) => (jsxs("div", { ref: ref, className: classnames("l-split-even", mobileReverse && "l-split-even--mobile-reverse", horizontalGutter && `l-split-even--h-gutter-${horizontalGutter}`, verticalGutter && `l-split-even--v-gutter-${verticalGutter}`, contentMinWidth && `l-split-even--width-${contentMinWidth}`, verticalAlign && `l-split-even--align-${verticalAlign}`), children: [jsx("div", { className: classnames("l-split-even__content l-split-even__content--first", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: firstComponents })) : (firstComponents) }), jsx("div", { className: classnames("l-split-even__content l-split-even__content--second", contentGutter && `l-split-even__content--gutter-${contentGutter}`), children: verticalAlign === "sticky" ? (jsx("div", { className: "l-split-even__sticky-container", children: secondComponents })) : (secondComponents) })] })));
+const SplitEvenContext = createContext(SplitEvenContextDefault);
+const SplitEven = forwardRef((props, ref) => {
+    const Component = useContext(SplitEvenContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+SplitEven.displayName = "SplitEven";
+
+export { SplitEven, SplitEvenContext, SplitEvenContextDefault };

package/dist/components/split-even/split-even.css

@@ -0,0 +1,103 @@
+.l-split-even {
+  --dsa-split-even--sticky-margin: var(--ks-spacing-stack-xl);
+  --dsa-split-even--v-gutter_default: var(--ks-spacing-stack-m);
+  --dsa-split-even--v-gutter_small: var(--ks-spacing-stack-l);
+  --dsa-split-even--v-gutter_large: var(--dsa-content--vertical-spacing);
+  --dsa-split-even--h-gutter_default: var(--ks-spacing-inline-l);
+  --dsa-split-even--h-gutter_small: var(--ks-spacing-inline-m);
+  --dsa-split-even--h-gutter_large: var(--ks-spacing-xxl);
+  --dsa-split-even__content--gutter_small: var(--ks-spacing-stack-s);
+  --dsa-split-even__content--gutter_default: var(--ks-spacing-stack-m);
+  --dsa-split-even__content--gutter_large: var(--ks-spacing-stack-xl);
+  --dsa-split-even__content--flex-basis_narrow: var(--dsa-tile--width_medium);
+  --dsa-split-even__content--flex-basis_medium: var(--dsa-tile--width_large);
+  --dsa-split-even__content--flex-basis_wide: var(--dsa-tile--width_largest);
+}
+
+.l-split-even {
+  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_default, var(--ks-spacing-stack-m));
+  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_default, var(--ks-spacing-inline-l));
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--dsa-split-even--v-gutter) var(--dsa-split-even--h-gutter);
+}
+.l-split-even--v-gutter-small {
+  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_small, var(--ks-spacing-stack-l));
+}
+.l-split-even--v-gutter-large {
+  --dsa-split-even--v-gutter: var(--dsa-split-even--v-gutter_large, var(--dsa-content--vertical-spacing));
+}
+.l-split-even--v-gutter-none {
+  --dsa-split-even--v-gutter: 0;
+}
+.l-split-even--h-gutter-small {
+  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_small, var(--ks-spacing-inline-m));
+}
+.l-split-even--h-gutter-large {
+  --dsa-split-even--h-gutter: var(--dsa-split-even--h-gutter_large, var(--ks-spacing-xxl));
+}
+.l-split-even--h-gutter-none {
+  --dsa-split-even--h-gutter: 0;
+}
+.l-split-even--width-narrow {
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--flex-basis_narrow,
+    var(--dsa-tile--width_small)
+  );
+}
+.l-split-even--width-medium {
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--flex-basis_medium,
+    var(--dsa-tile--width_medium)
+  );
+}
+.l-split-even--width-wide {
+  --dsa-split-even__content--flex-basis: var(
+    --dsa-split-even__content--flex-basis_wide,
+    var(--dsa-tile--width_large)
+  );
+}
+.l-split-even--align-top {
+  align-items: flex-start;
+}
+.l-split-even--align-center {
+  align-items: center;
+}
+.l-split-even--align-bottom {
+  align-items: flex-end;
+}
+.l-split-even--align-sticky {
+  position: relative;
+}
+.l-split-even--align-sticky .l-split-even__sticky-container {
+  display: flex;
+  flex-direction: column;
+  position: sticky;
+  top: var(--dsa-split-even--sticky-margin, var(--ks-spacing-stack-xl));
+  gap: var(--dsa-split-even--v-gutter, var(--ks-spacing-stack-m));
+  height: fit-content;
+}
+.l-split-even--mobile-reverse {
+  flex-wrap: wrap-reverse;
+}
+.l-split-even--mobile-reverse.l-split-even--align-top {
+  align-items: flex-end;
+}
+.l-split-even--mobile-reverse.l-split-even--align-bottom {
+  align-items: flex-start;
+}
+.l-split-even__content {
+  flex: 1 1 var(--dsa-split-even__content--flex-basis);
+  display: flex;
+  flex-direction: column;
+  gap: var(--dsa-split-even__content--gutter_default, var(--ks-spacing-stack-m));
+}
+.l-split-even__content--gutter-none {
+  gap: 0;
+}
+.l-split-even__content--gutter-small {
+  gap: var(--dsa-split-even__content--gutter_small, var(--ks-spacing-stack-s));
+}
+.l-split-even__content--gutter-large {
+  gap: var(--dsa-split-even__content--gutter_large, var(--ks-spacing-stack-xl));
+}