@kickstartds/ds-agency-premium 1.0.8--canary.74.1ba3a97.0 → 1.1.1--canary.2.81.0

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

@@ -162,9 +162,15 @@
       "description": "Allowed components for content",
       "items": {
         "anyOf": [
+          {
+            "$ref": "http://schema.mydesignsystem.com/hero.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/cta.schema.json"
           },
+          {
+            "$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
+          },
           {
             "$ref": "http://schema.mydesignsystem.com/faq.schema.json"
           },
@@ -175,26 +181,11 @@
             "$ref": "http://schema.mydesignsystem.com/gallery.schema.json"
           },
           {
-            "$ref": "http://schema.mydesignsystem.com/hero.schema.json"
+            "$ref": "http://schema.mydesignsystem.com/headline.schema.json"
           },
           {
             "$ref": "http://schema.mydesignsystem.com/image-story.schema.json"
           },
-          {
-            "$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/logos.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/page-intro.schema.json"
-          },
-          {
-            "$ref": "http://schema.mydesignsystem.com/slider.schema.json"
-          },
           {
             "$ref": "http://schema.mydesignsystem.com/split.schema.json"
           },
@@ -212,6 +203,12 @@
           },
           {
             "$ref": "http://schema.mydesignsystem.com/video-curtain.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/image-text.schema.json"
+          },
+          {
+            "$ref": "http://schema.mydesignsystem.com/logos.schema.json"
           }
         ]
       }

package/dist/components/teaser-component/component-teaser.css

@@ -0,0 +1,33 @@
+:root .c-teaser.c-component-teaser {
+  --g-topic--font: var(--ks-font-copy-l);
+  --g-topic--font-weight: var(--ks-font-weight-semi-bold);
+  --c-teaser_text--spacing: 0.25em;
+  --c-rich-text--font: var(--ks-font-copy-s);
+  --c-teaser--background: var(--ks-color-fg-alpha-9);
+  --c-teaser--color: var(--ks-color-fg-to-bg-3);
+  --c-teaser--border: 1px solid var(--ks-color-fg-alpha-8);
+  --c-teaser--border-radius: var(--ks-border-radius-card);
+  --c-teaser--shadow-hover: 0 1px 11px var(--ks-color-fg-alpha-6);
+}
+
+.c-teaser.c-component-teaser {
+  position: relative;
+  overflow: visible;
+}
+.c-teaser.c-component-teaser img {
+  border-radius: var(--c-teaser--border-radius) var(--c-teaser--border-radius) 0 0;
+}
+.c-teaser.c-component-teaser--label .c-teaser__label {
+  border-radius: var(--ks-border-radius-pill);
+  pointer-events: initial;
+  padding: 0.5em 1em;
+  transform: translate(0.5em, -50%);
+  font: var(--ks-font-interface-m);
+  text-align: center;
+  font-weight: var(--ks-font-weight-semi-bold);
+  color: var(--ks-color-fg-base);
+  position: absolute;
+  background: var(--ks-color-primary-inverted);
+  top: 0;
+  right: 0;
+}

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

@@ -0,0 +1,41 @@
+/// <reference types="react" />
+import { HTMLAttributes, 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.
+ */
+/**
+ * Headline for the teaser card
+ */
+type Headline = string;
+/**
+ * Body text for the teaser card
+ */
+type Text = string;
+/**
+ * Label for the Teaser Card
+ */
+type Label = string;
+/**
+ * Target that should be linked
+ */
+type Target = string;
+/**
+ * Image to display as cover
+ */
+type Image = string;
+/**
+ * Component used to tease content
+ */
+interface ComponentTeaserProps {
+    title?: Headline;
+    text?: Text;
+    label?: Label;
+    target?: Target;
+    image?: Image;
+}
+declare const ComponentTeaser: import("react").ForwardRefExoticComponent<ComponentTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TeaserBoxProvider: FC<PropsWithChildren>;
+export { ComponentTeaser, TeaserBoxProvider };

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

@@ -0,0 +1,18 @@
+import "./component-teaser.css";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import classnames from 'classnames';
+import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
+
+const ComponentTeaser = forwardRef(({ title, text, target, image, label, ...props }, ref) => {
+    return (jsx(TeaserBoxContextDefault, { ...props, className: classnames(`c-component-teaser`, label && `c-component-teaser--label`), ratio: "16:6", topic: title, text: text, 
+        // @ts-expect-error
+        renderTopic: () => (jsxs(Fragment, { children: [label ? jsx("span", { className: "c-teaser__label", children: label }) : "", title] })), link: {
+            hidden: true,
+            label: "Read more",
+            target: target,
+        }, image: image, ref: ref }));
+});
+const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: ComponentTeaser }));
+
+export { ComponentTeaser, TeaserBoxProvider };