@kickstartds/ds-agency-premium 1.2.35--canary.344.8914b52.0 → 1.3.0--canary.8.350.0

package/dist/components/providers/index.js

@@ -14,7 +14,7 @@ import '../section/js/Section.client.js';
 import '@kickstartds/core/lib/component';
 import '@kickstartds/base/lib/teaser-box';
 import '@kickstartds/core/lib/container';
-import 'react-markdown';
+import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';
 import '@kickstartds/base/lib/button-group';
 

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

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

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

@@ -1383,7 +1383,14 @@
                 "type": "string"
               },
               "typeProp": {
-                "const": "slider"
+                "title": "Type",
+                "description": "Type of the movement",
+                "type": "string",
+                "enum": [
+                  "slider",
+                  "carousel"
+                ],
+                "default": "carousel"
               }
             },
             "additionalProperties": false

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

@@ -1,4 +1,5 @@
-import { FC, PropsWithChildren } from "react";
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { SliderProps } from "../../SliderProps-8cae490d.js";
-declare const Slider: FC<PropsWithChildren<SliderProps>>;
+declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 export { Slider };

package/dist/components/slider/index.js

@@ -1,7 +1,8 @@
 import "./slider.css";
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import { Slider as Slider$1 } from '@kickstartds/content/lib/slider';
 
-const Slider = ({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, ...props }) => (jsx(Slider$1, { gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, children: children }));
+const Slider = forwardRef(({ gap, type, autoplay, arrows, teaseNeighbours, equalHeight, children, ...props }, ref) => (jsx(Slider$1, { gap: gap, type: type, arrows: arrows, autoplay: autoplay, teaseNeighbours: teaseNeighbours, equalHeight: equalHeight, ...props, ref: ref, children: children })));
 
 export { Slider };

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

@@ -51,7 +51,14 @@
       "type": "string"
     },
     "typeProp": {
-      "const": "slider"
+      "title": "Type",
+      "description": "Type of the movement",
+      "type": "string",
+      "enum": [
+        "slider",
+        "carousel"
+      ],
+      "default": "carousel"
     }
   },
   "additionalProperties": false

package/dist/components/stat/index.js

@@ -10,5 +10,6 @@ const Stat = forwardRef((props, ref) => {
     const Component = useContext(StatContext);
     return jsx(Component, { ...props, ref: ref });
 });
+Stat.displayName = "Stat";
 
 export { Stat, StatContext, StatContextDefault };

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

@@ -1,4 +1,7 @@
-import { HTMLAttributes, FC } from "react";
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { StatsProps } from "../../StatsProps-bf5ef578.js";
-declare const Stats: FC<StatsProps & HTMLAttributes<HTMLElement>>;
-export { Stats };
+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 { StatsContextDefault, StatsContext, Stats };

package/dist/components/stats/index.js

@@ -1,11 +1,17 @@
 import "./stats.css";
 import { jsx } from 'react/jsx-runtime';
-import { createElement } from 'react';
+import { forwardRef, createElement, createContext, useContext } from 'react';
 import { Stat } from '../stat/index.js';
 import '@kickstartds/content/lib/count-up';
 
-const Stats = ({ stat: stats = [], }) => {
-    return (jsx("div", { className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
-};
+const StatsContextDefault = forwardRef(({ stat: stats = [], ...rest }, ref) => {
+    return (jsx("div", { ...rest, ref: ref, className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
+});
+const StatsContext = createContext(StatsContextDefault);
+const Stats = forwardRef((props, ref) => {
+    const Component = useContext(StatsContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+Stats.displayName = "Stats";
 
-export { Stats };
+export { Stats, StatsContext, StatsContextDefault };

package/dist/components/teaser-card/index.js

@@ -14,12 +14,12 @@ const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, i
             target: target,
             icon: button?.chevron ? "chevron-right" : undefined,
         }, image: image, ref: ref }) })));
-TeaserCardContextDefault.displayName = "TeaserCard";
 const TeaserCardContext = createContext(TeaserCardContextDefault);
 const TeaserCard = forwardRef((props, ref) => {
     const Component = useContext(TeaserCardContext);
     return jsx(Component, { ...props, ref: ref });
 });
+TeaserCard.displayName = "TeaserCard";
 const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: TeaserCard }));
 
 export { TeaserBoxProvider, TeaserCard, TeaserCardContext, TeaserCardContextDefault };

package/dist/components/testimonial/index.js

@@ -8,5 +8,6 @@ const Testimonial = forwardRef((props, ref) => {
     const Component = useContext(TestimonialContext);
     return jsx(Component, { ...props, ref: ref });
 });
+Testimonial.displayName = "Testimonial";
 
 export { Testimonial, TestimonialContext, TestimonialContextDefault };

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

@@ -1,9 +1,12 @@
-import { HTMLAttributes, FC, PropsWithChildren } from "react";
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { TestimonialsProps } from "../../TestimonialsProps-f7211553.js";
 import { SliderProps } from "../../SliderProps-8cae490d.js";
 interface ConditionalSliderProps extends SliderProps {
     layout: "slider" | "list" | "alternating";
 }
-declare const ConditionalSlider: FC<PropsWithChildren<ConditionalSliderProps>>;
-declare const Testimonials: FC<TestimonialsProps & HTMLAttributes<HTMLElement>>;
-export { ConditionalSlider, Testimonials };
+declare const ConditionalSlider: import("react").ForwardRefExoticComponent<ConditionalSliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+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 { ConditionalSlider, TestimonialsContextDefault, TestimonialsContext, Testimonials };

package/dist/components/testimonials/index.js

@@ -1,21 +1,27 @@
 import "./testimonials.css";
-import { createElement } from 'react';
+import { forwardRef, createElement, createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 import { Slider } from '../slider/index.js';
 import { Testimonial } from '../testimonial/index.js';
 import '@kickstartds/content/lib/slider';
 import '@kickstartds/content/lib/quote';
 
-const ConditionalSlider = ({ layout, children, arrows, nav, ...props }) => {
+const ConditionalSlider = forwardRef(({ layout, children, arrows, nav, ...props }, ref) => {
     if (layout === "slider") {
-        return (jsx(Slider, { className: "dsa-testimonials dsa-testimonials--slider", arrows: arrows, nav: nav, ...props, children: children }));
+        return (jsx(Slider, { className: "dsa-testimonials dsa-testimonials--slider", arrows: arrows, nav: nav, ...props, ref: ref, children: children }));
     }
     else {
-        return (jsx("div", { className: "dsa-testimonials dsa-testimonials--list", ...props, children: children }));
+        return (jsx("div", { className: "dsa-testimonials dsa-testimonials--list", ...props, ref: ref, children: children }));
     }
-};
-const Testimonials = ({ testimonial = [], layout = "slider", ...props }) => {
-    return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: testimonial.map((testimonial, index) => (createElement(Testimonial, { ...testimonial, index: index, layout: layout, key: index }))) }));
-};
+});
+const TestimonialsContextDefault = forwardRef(({ testimonial: testimonials = [], layout = "slider", ...props }, ref) => {
+    return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, ref: ref, children: testimonials.map((testimonial, index) => (createElement(Testimonial, { ...testimonial, index: index, layout: layout, key: index }))) }));
+});
+const TestimonialsContext = createContext(TestimonialsContextDefault);
+const Testimonials = forwardRef((props, ref) => {
+    const Component = useContext(TestimonialsContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+Testimonials.displayName = "Testimonials";
 
-export { ConditionalSlider, Testimonials };
+export { ConditionalSlider, Testimonials, TestimonialsContext, TestimonialsContextDefault };

package/dist/components/text/index.js

@@ -15,5 +15,6 @@ const Text = forwardRef((props, ref) => {
     const Component = useContext(TextContext);
     return jsx(Component, { ...props, ref: ref });
 });
+Text.displayName = "Text";
 
 export { Text, TextContext, TextContextDefault };

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

@@ -1,4 +1,7 @@
-import { FC } from "react";
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
-declare const VideoCurtain: FC<VideoCurtainProps>;
-export { VideoCurtain };
+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 { VideoCurtainContextDefault, VideoCurtainContext, VideoCurtain };

package/dist/components/video-curtain/index.js

@@ -1,20 +1,20 @@
 import "./video-curtain.css";
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
 import { VisualContextDefault } from '@kickstartds/content/lib/visual';
 import classnames from 'classnames';
 import { Container } from '@kickstartds/core/lib/container';
 import { ButtonContext } from '@kickstartds/base/lib/button';
 import { useButtonGroup } from '../button-group/index.js';
-import 'react';
 import '@kickstartds/base/lib/button-group';
 
-const VideoCurtain = ({ headline, sub, text, highlightText, colorNeutral, textPosition, overlay, video, buttons = [], }) => {
+const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightText, colorNeutral, textPosition, overlay, video, buttons = [], ...rest }, ref) => {
     const ButtonGroup = useButtonGroup();
     return (jsx(ButtonContext.Provider
     // @ts-expect-error
     , { 
         // @ts-expect-error
-        value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : ""), height: "fullScreen", inbox: true, box: {
+        value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : ""), height: "fullScreen", inbox: true, box: {
                     background: "transparent",
                     enabled: true,
                     vertical: "center",
@@ -42,6 +42,12 @@ const VideoCurtain = ({ headline, sub, text, highlightText, colorNeutral, textPo
                         srcDesktop: video.srcDesktop,
                     },
                 } }) }) }));
-};
+});
+const VideoCurtainContext = createContext(VideoCurtainContextDefault);
+const VideoCurtain = forwardRef((props, ref) => {
+    const Component = useContext(VideoCurtainContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+VideoCurtain.displayName = "VideoCurtain";
 
-export { VideoCurtain };
+export { VideoCurtain, VideoCurtainContext, VideoCurtainContextDefault };

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:37 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:49 GMT
  */
 :root [ks-theme=business] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:41 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:53 GMT
  */
 :root [ks-theme=google] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:39 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:51 GMT
  */
 :root [ks-theme=ngo] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
 }
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:44 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:55 GMT
  */
 :root [ks-theme=telekom] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:34 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:47 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 12 Apr 2024 13:32:34 GMT
+ * Generated on Mon, 15 Apr 2024 18:01:47 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";