@kickstartds/ds-agency-premium 1.6.0--canary.18.1017.0 → 1.6.0--canary.19.1100.0

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

@@ -298,6 +298,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -395,6 +396,39 @@
                   },
                   "additionalProperties": false
                 },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/divider.schema.json",
+                  "title": "Divider",
+                  "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
+                  "type": "object",
+                  "properties": {
+                    "variant": {
+                      "title": "Style of the divider",
+                      "type": "string",
+                      "description": "Choose a variant for the divider",
+                      "enum": [
+                        "default",
+                        "accent"
+                      ],
+                      "default": "default"
+                    },
+                    "className": {
+                      "type": "string",
+                      "title": "Additional Classes",
+                      "description": "Add additional css classes that should be applied to the divider"
+                    },
+                    "component": {
+                      "title": "`ks-component` attribute",
+                      "description": "Optional custom component identifier",
+                      "type": "string"
+                    },
+                    "type": {
+                      "const": "divider"
+                    }
+                  },
+                  "additionalProperties": false
+                },
                 {
                   "$schema": "http://json-schema.org/draft-07/schema#",
                   "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -508,6 +542,7 @@
                         "properties": {
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "The icon for the feature",
                             "examples": [
@@ -755,6 +790,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -855,6 +891,36 @@
                   },
                   "additionalProperties": false
                 },
+                {
+                  "$schema": "http://json-schema.org/draft-07/schema#",
+                  "$id": "http://schema.mydesignsystem.com/html.schema.json",
+                  "title": "Html",
+                  "description": "Display raw HTML.",
+                  "type": "object",
+                  "properties": {
+                    "html": {
+                      "title": "HTML string",
+                      "type": "string",
+                      "examples": [
+                        "<p>Hello world!</p>"
+                      ]
+                    },
+                    "className": {
+                      "title": "Additional Classes",
+                      "description": "Add additional css classes that should be applied to the element",
+                      "type": "string"
+                    },
+                    "component": {
+                      "title": "`ks-component` attribute",
+                      "description": "Optional custom component identifier",
+                      "type": "string"
+                    },
+                    "type": {
+                      "const": "html"
+                    }
+                  },
+                  "additionalProperties": false
+                },
                 {
                   "$schema": "http://json-schema.org/draft-07/schema#",
                   "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
@@ -945,6 +1011,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -1333,6 +1400,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               }
@@ -1498,6 +1566,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -1658,6 +1727,7 @@
                                   "properties": {
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "The icon for the feature",
                                       "examples": [
@@ -1905,6 +1975,7 @@
                                     },
                                     "icon": {
                                       "type": "string",
+                                      "format": "icon",
                                       "title": "Icon",
                                       "description": "Choose an icon"
                                     },
@@ -2260,6 +2331,7 @@
                                       "title": "Icon",
                                       "description": "Optional icon of the stat",
                                       "type": "string",
+                                      "format": "icon",
                                       "examples": [
                                         "person",
                                         "home",
@@ -2612,6 +2684,7 @@
                             "title": "Icon",
                             "description": "Optional icon of the stat",
                             "type": "string",
+                            "format": "icon",
                             "examples": [
                               "person",
                               "home",
@@ -2949,6 +3022,7 @@
                           },
                           "icon": {
                             "type": "string",
+                            "format": "icon",
                             "title": "Icon",
                             "description": "Choose an icon"
                           },
@@ -3064,6 +3138,7 @@
                 },
                 "icon": {
                   "type": "string",
+                  "format": "icon",
                   "title": "Icon",
                   "description": "Choose an icon"
                 },

package/dist/components/page-wrapper/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 19 Sep 2024 13:22:05 GMT
+ * Generated on Thu, 24 Oct 2024 11:57:27 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/components/presets.json

@@ -102,15 +102,14 @@
     "id": "blog-blog-teaser--default",
     "group": "Blog/ Blog Teaser",
     "name": "Default",
-    "code": "<BlogTeaser\n  author={{\n    image: 'img/people/author-emily.png',\n    name: 'Jane Smith',\n    title: 'Senior AI Researcher'\n  }}\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  image=\"img/close-up-young-business-team-working.png\"\n  link={{\n    label: 'Read more',\n    url: 'https://example.com'\n  }}\n  readingTime=\"5 min read\"\n  tags={[\n    {\n      entry: 'Technology'\n    },\n    {\n      entry: 'AI'\n    }\n  ]}\n  teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
+    "code": "<BlogTeaser\n  author={{\n    image: 'img/people/author-emily.png',\n    name: 'Jane Smith',\n    title: 'Senior AI Researcher'\n  }}\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  image=\"img/close-up-young-business-team-working.png\"\n  link={{\n    url: 'https://example.com'\n  }}\n  readingTime=\"5 min read\"\n  tags={[\n    {\n      entry: 'Technology'\n    },\n    {\n      entry: 'AI'\n    }\n  ]}\n  teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
     "args": {
       "date": "12/30/2022",
       "headline": "The Future of AI",
       "teaserText": "Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.",
       "image": "img/close-up-young-business-team-working.png",
       "link": {
-        "url": "https://example.com",
-        "label": "Read more"
+        "url": "https://example.com"
       },
       "readingTime": "5 min read",
       "author": {
@@ -1186,24 +1185,24 @@
     "screenshot": "img/screenshots/components-cta--align-bottom.png"
   },
   {
-    "id": "components-divider--accent",
-    "group": "Components/Divider",
+    "id": "layout-divider--accent",
+    "group": "Layout/Divider",
     "name": "Accent",
     "code": "<No Display Name variant=\"accent\" />",
     "args": {
       "variant": "accent"
     },
-    "screenshot": "img/screenshots/components-divider--accent.png"
+    "screenshot": "img/screenshots/layout-divider--accent.png"
   },
   {
-    "id": "components-divider--default",
-    "group": "Components/Divider",
+    "id": "layout-divider--default",
+    "group": "Layout/Divider",
     "name": "Default",
     "code": "<No Display Name variant=\"default\" />",
     "args": {
       "variant": "default"
     },
-    "screenshot": "img/screenshots/components-divider--default.png"
+    "screenshot": "img/screenshots/layout-divider--default.png"
   },
   {
     "id": "components-faq--dropdown-list",

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
-import { SectionProps } from "../../SectionProps-83d399b4.js";
+import { SectionProps } from "../../SectionProps-7a46a8ad.js";
 declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
 declare const SectionProvider: FC<PropsWithChildren<any>>;
+export type { SectionProps };
 export { SectionContextDefault, SectionContext, Section, SectionProvider };

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

@@ -284,6 +284,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -381,6 +382,39 @@
             },
             "additionalProperties": false
           },
+          {
+            "$schema": "http://json-schema.org/draft-07/schema#",
+            "$id": "http://schema.mydesignsystem.com/divider.schema.json",
+            "title": "Divider",
+            "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
+            "type": "object",
+            "properties": {
+              "variant": {
+                "title": "Style of the divider",
+                "type": "string",
+                "description": "Choose a variant for the divider",
+                "enum": [
+                  "default",
+                  "accent"
+                ],
+                "default": "default"
+              },
+              "className": {
+                "type": "string",
+                "title": "Additional Classes",
+                "description": "Add additional css classes that should be applied to the divider"
+              },
+              "component": {
+                "title": "`ks-component` attribute",
+                "description": "Optional custom component identifier",
+                "type": "string"
+              },
+              "type": {
+                "const": "divider"
+              }
+            },
+            "additionalProperties": false
+          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/faq.schema.json",
@@ -494,6 +528,7 @@
                   "properties": {
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "The icon for the feature",
                       "examples": [
@@ -741,6 +776,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -841,6 +877,36 @@
             },
             "additionalProperties": false
           },
+          {
+            "$schema": "http://json-schema.org/draft-07/schema#",
+            "$id": "http://schema.mydesignsystem.com/html.schema.json",
+            "title": "Html",
+            "description": "Display raw HTML.",
+            "type": "object",
+            "properties": {
+              "html": {
+                "title": "HTML string",
+                "type": "string",
+                "examples": [
+                  "<p>Hello world!</p>"
+                ]
+              },
+              "className": {
+                "title": "Additional Classes",
+                "description": "Add additional css classes that should be applied to the element",
+                "type": "string"
+              },
+              "component": {
+                "title": "`ks-component` attribute",
+                "description": "Optional custom component identifier",
+                "type": "string"
+              },
+              "type": {
+                "const": "html"
+              }
+            },
+            "additionalProperties": false
+          },
           {
             "$schema": "http://json-schema.org/draft-07/schema#",
             "$id": "http://schema.mydesignsystem.com/image-story.schema.json",
@@ -931,6 +997,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -1319,6 +1386,7 @@
                         },
                         "icon": {
                           "type": "string",
+                          "format": "icon",
                           "title": "Icon",
                           "description": "Choose an icon"
                         }
@@ -1484,6 +1552,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
@@ -1644,6 +1713,7 @@
                             "properties": {
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "The icon for the feature",
                                 "examples": [
@@ -1891,6 +1961,7 @@
                               },
                               "icon": {
                                 "type": "string",
+                                "format": "icon",
                                 "title": "Icon",
                                 "description": "Choose an icon"
                               },
@@ -2246,6 +2317,7 @@
                                 "title": "Icon",
                                 "description": "Optional icon of the stat",
                                 "type": "string",
+                                "format": "icon",
                                 "examples": [
                                   "person",
                                   "home",
@@ -2598,6 +2670,7 @@
                       "title": "Icon",
                       "description": "Optional icon of the stat",
                       "type": "string",
+                      "format": "icon",
                       "examples": [
                         "person",
                         "home",
@@ -2935,6 +3008,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -3050,6 +3124,7 @@
           },
           "icon": {
             "type": "string",
+            "format": "icon",
             "title": "Icon",
             "description": "Choose an icon"
           },

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

@@ -165,6 +165,9 @@
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/divider.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -177,6 +180,9 @@
           {
             "$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/slider/index.d.ts

@@ -2,4 +2,5 @@
 import { HTMLAttributes } from "react";
 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

@@ -5,6 +5,7 @@
   --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--size: 1rem;
   --dsa-slider__bullet--background-color: transparent;
   --dsa-slider__bullet--background-color_hover: var(--ks-color-primary-alpha-8);
   --dsa-slider__bullet--background-color_active: var(--ks-color-primary);
@@ -27,6 +28,7 @@
   --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)
@@ -44,6 +46,9 @@
 .dsa-slider.c-slider__nav {
   margin-top: var(--ks-spacing-stack-m);
 }
+.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);

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

@@ -120,6 +120,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -280,6 +281,7 @@
                   "properties": {
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "The icon for the feature",
                       "examples": [
@@ -527,6 +529,7 @@
                     },
                     "icon": {
                       "type": "string",
+                      "format": "icon",
                       "title": "Icon",
                       "description": "Choose an icon"
                     },
@@ -882,6 +885,7 @@
                       "title": "Icon",
                       "description": "Optional icon of the stat",
                       "type": "string",
+                      "format": "icon",
                       "examples": [
                         "person",
                         "home",

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

@@ -10,4 +10,5 @@ interface SplitProps {
     mainSectionWidth?: "narrow" | "medium" | "wide";
 }
 declare const Split: FC<PropsWithChildren<SplitProps>>;
+export type { SplitProps };
 export { Split };

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

@@ -4,4 +4,5 @@ import { StatProps } from "../../StatProps-12a3eae0.js";
 declare const StatContextDefault: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const StatContext: import("react").Context<import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Stat: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { StatProps };
 export { StatContextDefault, StatContext, Stat };

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

@@ -38,6 +38,7 @@
       "title": "Icon",
       "description": "Optional icon of the stat",
       "type": "string",
+      "format": "icon",
       "examples": [
         "person",
         "home",

package/dist/components/stat/stat.schema.json

@@ -28,6 +28,7 @@
       "title": "Icon",
       "description": "Optional icon of the stat",
       "type": "string",
+      "format": "icon",
       "examples": ["person", "home", "map"]
     }
   },

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

@@ -4,4 +4,5 @@ import { StatsProps } from "../../StatsProps-bf5ef578.js";
 declare const StatsContextDefault: import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const StatsContext: import("react").Context<import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Stats: import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { StatsProps };
 export { StatsContextDefault, StatsContext, Stats };

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

@@ -49,6 +49,7 @@
             "title": "Icon",
             "description": "Optional icon of the stat",
             "type": "string",
+            "format": "icon",
             "examples": [
               "person",
               "home",

package/dist/components/teaser-card/index.d.ts

@@ -5,4 +5,5 @@ declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponen
 declare const TeaserCardContext: import("react").Context<import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TeaserBoxProvider: FC<PropsWithChildren>;
+export type { TeaserCardProps };
 export { TeaserCardContextDefault, TeaserCardContext, TeaserCard, TeaserBoxProvider };

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

@@ -13,4 +13,5 @@ declare const Testimonial: import("react").ForwardRefExoticComponent<{
     layout: string;
     index: number;
 } & TestimonialProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { TestimonialProps };
 export { TestimonialContextDefault, TestimonialContext, Testimonial };

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

@@ -9,4 +9,5 @@ declare const ConditionalSlider: import("react").ForwardRefExoticComponent<Condi
 declare const TestimonialsContextDefault: import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TestimonialsContext: import("react").Context<import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Testimonials: import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { TestimonialsProps };
 export { ConditionalSlider, TestimonialsContextDefault, TestimonialsContext, Testimonials };

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

@@ -4,4 +4,5 @@ import { TextProps } from "../../TextProps-a23170d2.js";
 declare const TextContextDefault: import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const TextContext: import("react").Context<import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const Text: import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { TextProps };
 export { TextContextDefault, TextContext, Text };

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

@@ -67,6 +67,7 @@
         },
         "icon": {
           "type": "string",
+          "format": "icon",
           "title": "Icon",
           "description": "Choose an icon"
         }

package/dist/components/video-curtain/index.d.ts

@@ -4,4 +4,5 @@ import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
 declare const VideoCurtainContextDefault: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const VideoCurtainContext: import("react").Context<import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const VideoCurtain: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export type { VideoCurtainProps };
 export { VideoCurtainContextDefault, VideoCurtainContext, VideoCurtain };

package/dist/components/video-curtain/video-curtain.schema.dereffed.json

@@ -50,6 +50,7 @@
           },
           "icon": {
             "type": "string",
+            "format": "icon",
             "title": "Icon",
             "description": "Choose an icon"
           },