@kickstartds/ds-agency-premium 1.2.34 → 1.3.0--canary.8.347.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/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 Thu, 14 Mar 2024 14:07:00 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:30 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 Thu, 14 Mar 2024 14:07:04 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:34 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 Thu, 14 Mar 2024 14:07:02 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:32 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 Thu, 14 Mar 2024 14:07:06 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:37 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 Thu, 14 Mar 2024 14:06:57 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:27 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 14 Mar 2024 14:06:58 GMT
+ * Generated on Mon, 15 Apr 2024 13:52:28 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.2.34",
+  "version": "1.3.0--canary.8.347.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -74,7 +74,7 @@
     "@bedrock-layout/primitives": "^3.0.23",
     "@bedrock-layout/spacing-constants": "^3.2.5",
     "classnames": "^2.3.2",
-    "react-markdown": "^8.0.7"
+    "markdown-to-jsx": "^7.3.2"
   },
   "devDependencies": {
     "@auto-it/npm": "^11.0.1",
@@ -84,24 +84,24 @@
     "@kickstartds/content": "^4.0.0",
     "@kickstartds/core": "^4.0.2",
     "@kickstartds/form": "^4.0.2",
-    "@kickstartds/storybook-addon-component-tokens": "2.0.0",
-    "@kickstartds/storybook-addon-html": "^0.0.2",
-    "@kickstartds/storybook-addon-jsonschema": "^3.1.0",
+    "@kickstartds/jsonschema-utils": "^3.0.13",
+    "@kickstartds/jsonschema2types": "^1.1.37",
+    "@kickstartds/storybook-addon-component-tokens": "^3.0.0",
+    "@kickstartds/storybook-addon-html": "^1.0.0",
+    "@kickstartds/storybook-addon-jsonschema": "^4.0.0",
     "@kickstartds/style-dictionary": "^4.0.2",
-    "@storybook/addon-a11y": "^7.6.7",
-    "@storybook/addon-actions": "^7.6.7",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/addons": "^7.6.7",
-    "@storybook/babel-plugin-require-context-hook": "^1.0.1",
-    "@storybook/core-webpack": "^7.6.7",
-    "@storybook/react": "^7.6.7",
-    "@storybook/react-vite": "^7.6.7",
-    "@storybook/test-runner": "^0.16.0",
+    "@storybook/addon-a11y": "^8.0.5",
+    "@storybook/addon-actions": "^8.0.5",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-links": "^8.0.5",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-vite": "^8.0.5",
+    "@storybook/test-runner": "^0.17.0",
     "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.11",
     "@types/jest-image-snapshot": "^6.4.0",
     "@types/react": "^18.2.21",
+    "@vitejs/plugin-react": "^4.2.1",
     "auto": "^11.0.1",
     "change-case": "^4.1.2",
     "chokidar-cli": "^3.0.0",
@@ -114,7 +114,7 @@
     "happy-dom": "^13.3.1",
     "husky": "^8.0.3",
     "jest-image-snapshot": "^6.4.0",
-    "kickstartds": "^3.0.0-next.7",
+    "kickstartds": "^3.0.0",
     "lazysizes": "^5.3.2",
     "npm-run-all": "^4.1.5",
     "patch-package": "^8.0.0",
@@ -129,9 +129,9 @@
     "rollup-plugin-ts": "^3.4.4",
     "sass": "^1.66.1",
     "sass-loader": "^13.3.3",
-    "storybook": "^7.6.7",
+    "storybook": "^8.0.5",
     "storybook-addon-playroom": "^5.0.0",
-    "storybook-design-token": "3.0.0-beta.3",
+    "storybook-design-token": "^3.1.0",
     "style-loader": "^3.3.3",
     "typescript": "^5.2.2",
     "vitest": "^1.2.1"