@kickstartds/ds-agency-premium 1.5.4 → 1.5.5

package/dist/components/blog-author/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { BlogAuthorProps } from "../../BlogAuthorProps-88a11566.js";
-declare const BlogAuthorContextDefault: import("react").ForwardRefExoticComponent<BlogAuthorProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const BlogAuthorContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAuthorProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const BlogAuthorContextDefault: import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const BlogAuthorContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAuthorProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogAuthor: import("react").ForwardRefExoticComponent<BlogAuthorProps & import("react").RefAttributes<HTMLDivElement>>;
 export { BlogAuthorContextDefault, BlogAuthorContext, BlogAuthor };

package/dist/components/blog-author/index.js

@@ -9,8 +9,8 @@ import '@kickstartds/base/lib/icon';
 import '@kickstartds/base/lib/rich-text';
 import '@kickstartds/core/lib/container';
 
-const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links }) => {
-    return (jsx(Contact, { className: "dsa-blog-aside__author", title: name, subtitle: byline, image: image, links: links }));
+const BlogAuthorContextDefault = forwardRef(({ name, byline, image, links }, ref) => {
+    return (jsx(Contact, { ref: ref, className: "dsa-blog-aside__author", title: name, subtitle: byline, image: image, links: links }));
 });
 const BlogAuthorContext = createContext(BlogAuthorContextDefault);
 const BlogAuthor = forwardRef((props, ref) => {

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { HTMLAttributes } from "react";
 import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
-declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;
-declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;
 export { BlogTeaserContextDefault, BlogTeaserContext, BlogTeaser };

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import { HTMLAttributes, FC, PropsWithChildren } from "react";
 import { ContactProps } from "../../ContactProps-68c71984.js";
-declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement>>;
+declare const ContactContextDefault: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+declare const ContactContext: import("react").Context<import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>>;
+declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & import("react").RefAttributes<HTMLDivElement>>;
 declare const ContactProvider: FC<PropsWithChildren>;
-export { Contact, ContactProvider };
+export { ContactContextDefault, ContactContext, Contact, ContactProvider };

package/dist/components/contact/index.js

@@ -1,16 +1,21 @@
 import "./contact.css";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
+import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 import { Picture } from '@kickstartds/base/lib/picture';
-import { ContactContext } from '@kickstartds/base/lib/contact';
+import { ContactContext as ContactContext$1 } from '@kickstartds/base/lib/contact';
 import { Link } from '@kickstartds/base/lib/link';
 import { Icon } from '@kickstartds/base/lib/icon';
 import { RichText } from '@kickstartds/base/lib/rich-text';
 import { Container } from '@kickstartds/core/lib/container';
 
-const Contact = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { ...image, className: "dsa-contact__image" }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : ("")] })] }) })));
+const ContactContextDefault = forwardRef(({ title, subtitle, image, links, copy, className, ...props }, ref) => (jsx(Container, { name: "contact", children: jsxs("address", { className: classnames("dsa-contact", image?.aspectRatio && `dsa-contact--image-${image?.aspectRatio}`, image?.fullWidth && `dsa-contact--image-full-width`, className), ref: ref, ...props, children: [image && image.src ? (jsx("div", { className: "dsa-contact__image-wrap", children: jsx(Picture, { ...image, className: "dsa-contact__image" }) })) : (""), jsxs("div", { className: "dsa-contact__body", children: [title && (jsxs("div", { className: "dsa-contact__header", children: [jsx("span", { className: "dsa-contact__title", children: title }), jsx("span", { className: "dsa-contact__subtitle", children: subtitle })] })), copy && jsx(RichText, { text: copy, className: "dsa-contact__copy" }), links && links.length ? (jsx("ul", { className: "dsa-contact__links", children: links.map(({ icon, href, label, newTab }, i) => (jsx("li", { children: jsxs(Link, { className: "dsa-contact__link", href: href, ...(newTab ? { target: "_blank", rel: "noopener" } : {}), children: [jsx(Icon, { icon: icon }), label] }) }, i))) })) : ("")] })] }) })));
+const ContactContext = createContext(ContactContextDefault);
+const Contact = forwardRef((props, ref) => {
+    const Component = useContext(ContactContext);
+    return jsx(Component, { ...props, ref: ref });
+});
 Contact.displayName = "Contact";
-const ContactProvider = (props) => (jsx(ContactContext.Provider, { ...props, value: Contact }));
+const ContactProvider = (props) => (jsx(ContactContext$1.Provider, { ...props, value: Contact }));
 
-export { Contact, ContactProvider };
+export { Contact, ContactContext, ContactContextDefault, ContactProvider };

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

@@ -1,4 +1,5 @@
-import { ForwardRefRenderFunction, HTMLAttributes } from 'react';
+/// <reference types="react" />
+import { HTMLAttributes } from "react";
 /* eslint-disable */
 /**
  * This file was automatically generated by json-schema-to-typescript.
@@ -22,5 +23,7 @@ interface HTMLProps {
     className?: AdditionalClasses;
     component?: KsComponentAttribute;
 }
-declare const HtmlComponent: ForwardRefRenderFunction<HTMLDivElement, HTMLProps & HTMLAttributes<HTMLDivElement>>;
-export { HTMLProps, HtmlComponent };
+declare const HtmlContextDefault: import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const HtmlContext: import("react").Context<import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+declare const Html: import("react").ForwardRefExoticComponent<HTMLProps & import("react").RefAttributes<HTMLDivElement>>;
+export { HtmlContextDefault, HtmlContext, Html };

package/dist/components/html/index.js

@@ -1,6 +1,15 @@
 import { jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
 import classnames from 'classnames';
 
-const HtmlComponent = ({ html, className, component, ...props }, ref) => (jsx("div", { className: classnames('c-html', className), dangerouslySetInnerHTML: { __html: html }, "ks-component": component, ref: ref, ...props }));
+const HtmlContextDefault = forwardRef(({ html, className, component, ...props }, ref) => {
+    return (jsx("div", { ref: ref, className: classnames("c-html", className), dangerouslySetInnerHTML: { __html: html }, "ks-component": component, ...props }));
+});
+const HtmlContext = createContext(HtmlContextDefault);
+const Html = forwardRef((props, ref) => {
+    const Component = useContext(HtmlContext);
+    return jsx(Component, { ...props, ref: ref });
+});
+Html.displayName = "Html";
 
-export { HtmlComponent };
+export { Html, HtmlContext, HtmlContextDefault };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 07:02:33 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:05 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 07:02:36 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:08 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 Wed, 04 Sep 2024 07:02:40 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:13 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 Wed, 04 Sep 2024 07:02:38 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:10 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 Wed, 04 Sep 2024 07:02:42 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:15 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 Wed, 04 Sep 2024 07:02:33 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:05 GMT
  */
 
 :root, [ks-theme] {

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 07:02:33 GMT
+ * Generated on Wed, 04 Sep 2024 07:32:06 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.5.4",
+  "version": "1.5.5",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {