@kickstartds/ds-agency-premium 1.0.1

package/dist/components/text/text.schema.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/text.schema.json",
+  "title": "Text",
+  "description": "Component used for displaying text in chapters",
+  "type": "object",
+  "properties": {
+    "text": {
+      "type": "string",
+      "title": "Text",
+      "description": "Text",
+      "examples": [
+        "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."
+      ]
+    },
+    "layout": {
+      "type": "string",
+      "title": "Layout",
+      "description": "Variant of layout to be used",
+      "enum": ["singleColumn", "multiColumn"],
+      "default": "singleColumn"
+    },
+    "align": {
+      "type": "string",
+      "title": "Alignment",
+      "description": "Alignment of text",
+      "enum": ["left", "center"],
+      "default": "left"
+    },
+    "highlightText": {
+      "type": "boolean",
+      "title": "Highlight Text",
+      "description": "Visually highlight the text",
+      "default": false
+    }
+  },
+  "additionalProperties": false,
+  "required": ["text"]
+}

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

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
+declare const VideoCurtain: FC<VideoCurtainProps>;
+export { VideoCurtain };

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

@@ -0,0 +1,47 @@
+import "./video-curtain.css";
+import { jsx } from 'react/jsx-runtime';
+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 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(`c-video-curtain`, highlightText ? `c-video-curtain--highlight-text` : "", colorNeutral ? `c-video-curtain--color-neutral` : ""), height: "fullScreen", inbox: true, box: {
+                    background: "transparent",
+                    enabled: true,
+                    vertical: "center",
+                    horizontal: textPosition,
+                    link: {
+                        // @ts-expect-error
+                        buttons,
+                        colorNeutral,
+                        enabled: buttons.length > 0,
+                        arrangement: textPosition === "center" ? "center" : "left",
+                    },
+                    headline: {
+                        text: headline,
+                        level: "h1",
+                        sub: sub,
+                        style: highlightText ? "h1" : undefined,
+                        align: textPosition === "center" ? "center" : "left",
+                    },
+                    text: text,
+                }, overlay: overlay, media: {
+                    mode: "video",
+                    video: {
+                        srcMobile: video.srcMobile,
+                        srcTablet: video.srcTablet,
+                        srcDesktop: video.srcDesktop,
+                    },
+                } }) }) }));
+};
+
+export { VideoCurtain };

package/dist/components/video-curtain/video-curtain.css

@@ -0,0 +1,51 @@
+:root .c-visual.c-video-curtain {
+  --c-visual_overlay--background: radial-gradient(
+    50% 126.2% at 100% 0%,
+    var(--ks-color-primary-alpha-5) 0%,
+    var(--ks-color-bg-alpha-4) 100%
+  );
+  --c-visual_overlay--background-size: 100%;
+}
+:root .c-visual.c-video-curtain--highlight-text .c-visual__box {
+  --c-visual_text--font: var(--ks-font-copy-l);
+}
+:root .c-visual.c-video-curtain .c-visual__box {
+  --c-visual_box--background: var(--ks-background-color-default);
+  --c-visual_box--color: var(--ks-color-fg);
+  --c-visual_subheadline--color: var(--ks-text-color-primary);
+  --c-visual_headline--color: var(--ks-color-fg);
+}
+@container visual (min-width: 640px) {
+  :root .c-visual.c-video-curtain .c-visual__box {
+    --c-visual_box--max-width: 50rem;
+  }
+}
+
+.l-container--visual {
+  /* stylelint-disable-next-line property-no-unknown */
+  container-name: visual;
+}
+
+.c-visual.c-video-curtain {
+  --c-visual--text-color-neutral: var(--ks-color-fg);
+}
+.c-visual.c-video-curtain .c-button-group {
+  --c-button-group--vertical-gutter: var(--ks-spacing-stack-m);
+  --c-button-group--horizontal-gutter: var(--ks-spacing-inline-m);
+}
+.c-visual.c-video-curtain--color-neutral.c-visual .c-visual__box {
+  --c-visual_text--color: var(--c-visual--text-color-neutral);
+  --c-visual_subheadline--color: var(--c-visual--text-color-neutral);
+}
+.c-visual.c-video-curtain .c-headline .c-headline__subheadline {
+  color: var(--c-visual_subheadline--color);
+}
+.c-visual.c-video-curtain.c-visual--full {
+  height: 100vh;
+}
+.c-visual.c-video-curtain .c-visual__box {
+  max-width: var(--c-visual_box--max-width);
+}
+.c-visual.c-video-curtain .c-visual__content--indent {
+  max-width: var(--l-section--content-width-wide);
+}

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

@@ -0,0 +1,123 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
+  "title": "Video Curtain",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the visual",
+      "type": "string"
+    },
+    "sub": {
+      "title": "Module Subheadline",
+      "description": "Subheadline below the module headline",
+      "type": "string"
+    },
+    "text": {
+      "title": "Module Text",
+      "description": "Info text for the module element",
+      "type": "string"
+    },
+    "highlightText": {
+      "type": "boolean",
+      "title": "Highlight Text",
+      "description": "Visually highlight the text",
+      "default": false
+    },
+    "colorNeutral": {
+      "title": "Color Neutral",
+      "description": "Make the text and buttons color neutral",
+      "default": false,
+      "type": "boolean"
+    },
+    "buttons": {
+      "type": "array",
+      "items": {
+        "title": "Button",
+        "type": "object",
+        "properties": {
+          "label": {
+            "type": "string",
+            "title": "Label",
+            "description": "Text content to display inside the button",
+            "examples": [
+              "Book a meeting"
+            ]
+          },
+          "icon": {
+            "type": "string",
+            "title": "Icon",
+            "description": "Choose an icon"
+          },
+          "target": {
+            "type": "string",
+            "title": "Target",
+            "description": "Target that should be linked, makes the button behave like a link semantically",
+            "format": "uri"
+          }
+        },
+        "additionalProperties": false
+      }
+    },
+    "overlay": {
+      "title": "Grid layer",
+      "description": "Enable grid layer",
+      "type": "boolean",
+      "default": false
+    },
+    "video": {
+      "title": "Background video",
+      "description": "Sources of background videos for different screen sizes",
+      "type": "object",
+      "required": [
+        "srcMobile"
+      ],
+      "properties": {
+        "srcMobile": {
+          "title": "Mobile video source",
+          "description": "Background video source for small screens",
+          "type": "string",
+          "format": "video",
+          "examples": [
+            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+          ]
+        },
+        "srcTablet": {
+          "title": "Tablet video source",
+          "description": "Background video source for medium screens",
+          "type": "string",
+          "format": "video",
+          "examples": [
+            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+          ]
+        },
+        "srcDesktop": {
+          "title": "Desktop video source",
+          "description": "Background video source for large screens",
+          "type": "string",
+          "format": "video",
+          "examples": [
+            "https://sample-videos.com/video123/mp4/720/big_buck_bunny_720p_2mb.mp4"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "textPosition": {
+      "title": "Module aligment",
+      "description": "Choose the alginment of the module content",
+      "enum": [
+        "center",
+        "left",
+        "right"
+      ],
+      "type": "string",
+      "default": "bottom"
+    },
+    "type": {
+      "const": "video-curtain"
+    }
+  },
+  "additionalProperties": false
+}

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

@@ -0,0 +1,67 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/video-curtain.schema.json",
+  "title": "Video Curtain",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the visual",
+      "type": "string"
+    },
+    "sub": {
+      "title": "Module Subheadline",
+      "description": "Subheadline below the module headline",
+      "type": "string"
+    },
+    "text": {
+      "title": "Module Text",
+      "description": "Info text for the module element",
+      "type": "string"
+    },
+    "highlightText": {
+      "type": "boolean",
+      "title": "Highlight Text",
+      "description": "Visually highlight the text",
+      "default": false
+    },
+    "colorNeutral": {
+      "title": "Color Neutral",
+      "description": "Make the text and buttons color neutral",
+      "default": false,
+      "type": "boolean"
+    },
+    "buttons": {
+      "type": "array",
+      "items": {
+        "title": "Button",
+        "type": "object",
+        "properties": {
+          "label": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/label"
+          },
+          "icon": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
+          },
+          "target": {
+            "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
+          }
+        }
+      }
+    },
+    "overlay": {
+      "$ref": "http://schema.kickstartds.com/content/visual.schema.json#/properties/overlay"
+    },
+    "video": {
+      "$ref": "http://schema.kickstartds.com/content/visual.schema.json#/properties/media/properties/video"
+    },
+    "textPosition": {
+      "title": "Module aligment",
+      "description": "Choose the alginment of the module content",
+      "enum": ["center", "left", "right"],
+      "type": "string",
+      "default": "bottom"
+    }
+  },
+  "additionalProperties": false
+}

package/dist/global-35f78d6d.js

@@ -0,0 +1 @@
+import "./global.css";

package/dist/global.client.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "🎨";
+export { _default as default };

package/dist/global.client.js

@@ -0,0 +1,8 @@
+import '@kickstartds/base/lib/global/base';
+import './global-35f78d6d.js';
+
+// we need to export something to prevent next js
+// from tree shaking the whole module
+var global_client = "🎨";
+
+export { global_client as default };