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

package/dist/components/section/section.schema.json

@@ -16,7 +16,15 @@
       "type": "string",
       "title": "Style",
       "description": "Style of background",
-      "enum": ["default", "framed", "deko"],
+      "enum": [
+        "stagelights",
+        "horizontalGradient",
+        "verticalGradient",
+        "accentTransition",
+        "boldTransition",
+        "symmetricGlow",
+        "anchorGlow"
+      ],
       "default": "default"
     },
     "backgroundColor": {
@@ -26,19 +34,6 @@
       "enum": ["default", "accent", "bold"],
       "default": "default"
     },
-    "transition": {
-      "type": "string",
-      "title": "Style",
-      "description": "Color of background",
-      "enum": ["none", "to-default", "to-accent", "to-bold", "to-inverted"],
-      "default": "default"
-    },
-    "backgroundImage": {
-      "title": "Background image",
-      "description": "Background image for the whole section",
-      "type": "string",
-      "format": "image"
-    },
     "spotlight": {
       "type": "boolean",
       "title": "Spotlight",
@@ -149,7 +144,7 @@
           "title": "Mode",
           "description": "Layout mode used for section contents",
           "enum": ["default", "tile", "list", "slider"],
-          "default": "default"
+          "default": "list"
         },
         "tileWidth": {
           "type": "string",
@@ -170,9 +165,6 @@
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
-          {
-            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
-          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -185,9 +177,6 @@
           {
             "$ref": "http://schema.mydesignsystem.com/hero.schema.json"
           },
-          {
-            "$ref": "http://schema.mydesignsystem.com/html.schema.json"
-          },
           {
             "$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
           },

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

@@ -93,7 +93,7 @@
           "items": {
             "type": "object",
             "properties": {
-              "url": {
+              "href": {
                 "type": "string",
                 "format": "uri"
               },
@@ -108,7 +108,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "url": {
+                    "href": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -125,7 +125,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "url",
+              "href",
               "label"
             ]
           },
@@ -133,43 +133,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": "#"
               }
             ]
           ]
@@ -250,7 +250,7 @@
           "items": {
             "type": "object",
             "properties": {
-              "url": {
+              "href": {
                 "type": "string",
                 "format": "uri"
               },
@@ -265,7 +265,7 @@
                 "items": {
                   "type": "object",
                   "properties": {
-                    "url": {
+                    "href": {
                       "type": "string",
                       "format": "uri"
                     },
@@ -282,7 +282,7 @@
             },
             "additionalProperties": false,
             "required": [
-              "url",
+              "href",
               "label"
             ]
           },
@@ -290,43 +290,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": "#"
               }
             ]
           ]
@@ -383,11 +383,6 @@
       },
       "additionalProperties": false
     },
-    "iconSprite": {
-      "type": "string",
-      "title": "Icon Sprite",
-      "description": "Content of the icon sprite for this project"
-    },
     "type": {
       "const": "settings"
     }

package/dist/components/settings/settings.schema.json

@@ -14,11 +14,6 @@
     },
     "seo": {
       "$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
-    },
-    "iconSprite": {
-      "type": "string",
-      "title": "Icon Sprite",
-      "description": "Content of the icon sprite for this project"
     }
   }
 }

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { SliderProps } from "../../SliderProps-babe4ee6.js";
+import { SliderProps } from "../../SliderProps-93230a76.js";
 declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export type { SliderProps };
 export { Slider };

package/dist/components/slider/slider.css

@@ -1,15 +1,14 @@
 .dsa-slider {
-  --dsa-slider__arrow--background-color: var(--ks-color-fg-alpha-4);
-  --dsa-slider__arrow--background-color_hover: var(--ks-color-fg-alpha-3);
-  --dsa-slider__arrow--background-color_active: var(--ks-color-fg-alpha-3);
-  --dsa-slider__bullet--border-color: var(--ks-border-color-default);
-  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-default);
-  --dsa-slider__bullet--border-color_active: var(--ks-color-primary);
-  --dsa-slider__bullet--size: 1rem;
+  --dsa-slider__arrow--background-color: transparent;
+  --dsa-slider__arrow--background-color_hover: transparent;
+  --dsa-slider__arrow--background-color_active: transparent;
+  --dsa-slider__bullet--border-color: var(--ks-border-color-primary);
+  --dsa-slider__bullet--border-color_hover: var(--ks-border-color-primary);
+  --dsa-slider__bullet--border-color_active: var(--ks-border-color-primary);
   --dsa-slider__bullet--background-color: transparent;
-  --dsa-slider__bullet--background-color_hover: var(--ks-color-fg-alpha-8);
+  --dsa-slider__bullet--background-color_hover: var(--ks-color-primary-alpha-8);
   --dsa-slider__bullet--background-color_active: var(--ks-color-primary);
-  --dsa-slider__arrow--color: var(--ks-color-fg-inverted);
+  --dsa-slider__arrow--color: var(--ks-border-color-primary-interactive);
 }
 
 .dsa-slider.c-slider {
@@ -28,7 +27,6 @@
   --c-slider_bullet--background: var(--dsa-slider__bullet--background-color, transparent);
   --c-slider_bullet--background-color-hover: var(--dsa-slider__bullet--background-color_hover, transparent);
   --c-slider_bullet--background-color-active: var(--dsa-slider__bullet--background-color_active, transparent);
-  --c-slider_bullet--size: var(--dsa-slider__bullet--size);
   --c-slider_arrow--background: var(
     --dsa-slider__arrow--background-color,
     var(--ks-background-color-interface-interactive)
@@ -42,17 +40,10 @@
     var(--ks-background-color-interface-interactive-active)
   );
   --c-slider_arrow--color: var(--dsa-slider__arrow--color, var(--ks-text-color-interface-interactive));
-  position: relative;
 }
 .dsa-slider.c-slider__nav {
   margin-top: var(--ks-spacing-stack-m);
 }
-.dsa-slider.c-slider .c-slider__arrows {
-  top: 50%;
-}
-.dsa-slider.c-slider .c-slider__nav {
-  margin-top: var(--ks-spacing-stack-m);
-}
 .dsa-slider.c-slider .c-slider__nav-item:hover .c-slider__bullet {
   border-color: var(--c-slider_bullet--outline-color-hover);
   background-color: var(--c-slider_bullet--background-color-hover);
@@ -63,6 +54,5 @@
 }
 .dsa-slider.c-slider .c-slider__nav-item .c-slider__bullet {
   display: block;
-  transition: var(--ks-transition-hover);
-  transition-property: border-color, background-color;
+  transition: border-color var(--ks-transition-hover);
 }

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

@@ -98,6 +98,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": {
@@ -114,14 +120,13 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "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"
                     }
                   },
@@ -161,17 +166,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
@@ -206,9 +200,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",
@@ -217,18 +211,6 @@
                 ],
                 "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
-              },
               "type": {
                 "const": "cta"
               }
@@ -290,12 +272,14 @@
                 "title": "Features",
                 "description": "The features to display",
                 "items": {
-                  "type": "object",
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/feature.schema.json",
                   "title": "Feature",
+                  "description": "Partial Component used to display a feature",
+                  "type": "object",
                   "properties": {
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "title": "Icon",
                       "description": "The icon for the feature",
                       "examples": [
@@ -319,13 +303,26 @@
                         "This is a feature"
                       ]
                     },
+                    "style": {
+                      "type": "string",
+                      "enum": [
+                        "intext",
+                        "stack",
+                        "centered",
+                        "besideLarge",
+                        "besideSmall"
+                      ],
+                      "default": "stack"
+                    },
                     "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"
                         },
@@ -338,21 +335,33 @@
                             "See all our partners"
                           ]
                         },
-                        "icon": {
+                        "toggle": {
+                          "type": "boolean",
+                          "title": "Call to Action Toggle",
+                          "description": "Activate/disable the CTAs",
+                          "default": true
+                        },
+                        "style": {
                           "type": "string",
-                          "format": "icon",
-                          "title": "Icon",
-                          "description": "Icon for the link style of the cta",
-                          "examples": [
-                            "arrow-right"
+                          "description": "Choose the style of the CTA",
+                          "enum": [
+                            "button",
+                            "link",
+                            "intext"
                           ],
-                          "default": "arrow-right"
+                          "default": "link"
                         }
                       },
                       "additionalProperties": false
+                    },
+                    "type": {
+                      "const": "feature"
                     }
                   },
-                  "additionalProperties": false
+                  "additionalProperties": false,
+                  "required": [
+                    "title"
+                  ]
                 },
                 "minItems": 1,
                 "maxItems": 8
@@ -420,8 +429,7 @@
                   "stack",
                   "smallTiles",
                   "largeTiles"
-                ],
-                "default": "smallTiles"
+                ]
               },
               "aspectRatio": {
                 "type": "string",
@@ -519,14 +527,13 @@
                     },
                     "icon": {
                       "type": "string",
-                      "format": "icon",
                       "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"
                     }
                   },
@@ -609,18 +616,11 @@
                   "center",
                   "below",
                   "left",
-                  "right",
-                  "corner"
+                  "right"
                 ],
                 "type": "string",
                 "default": "bottom"
               },
-              "inverted": {
-                "type": "boolean",
-                "title": "Inverted",
-                "description": "Inverted color scheme for the box",
-                "default": false
-              },
               "type": {
                 "const": "hero"
               }
@@ -727,12 +727,12 @@
                       "title": "URL",
                       "description": "The URL of the logo image",
                       "examples": [
-                        "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"
+                        "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"
                       ]
                     },
                     "alt": {
@@ -882,7 +882,6 @@
                       "title": "Icon",
                       "description": "Optional icon of the stat",
                       "type": "string",
-                      "format": "icon",
                       "examples": [
                         "person",
                         "home",
@@ -962,10 +961,10 @@
                 "description": "Layout for the Teaser Card",
                 "default": "stack"
               },
-              "url": {
+              "target": {
                 "type": "string",
-                "title": "Url",
-                "description": "Url that should be linked",
+                "title": "Target",
+                "description": "Target that should be linked",
                 "format": "uri"
               },
               "button": {
@@ -1018,7 +1017,7 @@
             "additionalProperties": false,
             "required": [
               "topic",
-              "url"
+              "target"
             ]
           },
           {
@@ -1039,22 +1038,13 @@
                 ],
                 "default": "slider"
               },
-              "quoteSigns": {
-                "title": "Style of the quote signs",
-                "description": "The style of the quote signs",
-                "type": "string",
-                "enum": [
-                  "normal",
-                  "large",
-                  "none"
-                ],
-                "default": "normal"
-              },
               "testimonial": {
                 "type": "array",
                 "title": "Testimonials",
                 "description": "Add testimonials featuring an image, a quote, a source and a rating",
                 "items": {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
                   "title": "Testimonial",
                   "description": "Testimonial entry of Testimonials component",
                   "type": "object",
@@ -1107,6 +1097,9 @@
                       "type": "integer",
                       "minimum": 1,
                       "maximum": 5
+                    },
+                    "type": {
+                      "const": "testimonial"
                     }
                   },
                   "additionalProperties": false,

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

@@ -0,0 +1,13 @@
+import { FC, PropsWithChildren } from "react";
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+interface SplitProps {
+    layout?: "sidebarRight" | "sidebarLeft";
+    mainSectionWidth?: "narrow" | "medium" | "wide";
+}
+declare const Split: FC<PropsWithChildren<SplitProps>>;
+export { Split };

package/dist/components/split/index.js

@@ -0,0 +1,17 @@
+import "./split.css";
+import { jsx } from 'react/jsx-runtime';
+import classnames from 'classnames';
+
+const Split = ({ layout = "sidebarRight", mainSectionWidth = "default", children, }) => (jsx("div", { className: classnames("l-split", layout === "sidebarRight"
+        ? "l-split--sidebar-right"
+        : layout === "sidebarLeft"
+            ? "l-split--sidebar-left"
+            : "l-split--sidebar-right", mainSectionWidth === "narrow"
+        ? "l-split--narrow"
+        : mainSectionWidth === "medium"
+            ? "l-split--medium"
+            : mainSectionWidth === "wide"
+                ? "l-split--wide"
+                : "l-split--medium"), children: children }));
+
+export { Split };