@kickstartds/ds-agency-premium 1.4.12--canary.15.804.0 → 1.4.12

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 11:11:38 GMT
+ * Generated on Mon, 02 Sep 2024 12:04:56 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 Mon, 02 Sep 2024 11:11:41 GMT
+ * Generated on Mon, 02 Sep 2024 12:05:00 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 Mon, 02 Sep 2024 11:11:40 GMT
+ * Generated on Mon, 02 Sep 2024 12:04:58 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 Mon, 02 Sep 2024 11:11:43 GMT
+ * Generated on Mon, 02 Sep 2024 12:05:03 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 Mon, 02 Sep 2024 11:11:36 GMT
+ * Generated on Mon, 02 Sep 2024 12:04:53 GMT
  */
 
 :root, [ks-theme] {
@@ -116,8 +116,8 @@
   --ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
   --ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
   --ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
-  --ks-border-color-accent-base: var(--ks-color-fg-to-bg-7-base);
-  --ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-7-base);
+  --ks-border-color-accent-base: var(--ks-color-primary-to-bg-8-base);
+  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-to-bg-8-base);
   --ks-border-color-clear-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
   --ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
@@ -808,14 +808,14 @@
   --ks-spacing-inset-stretch-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
   --ks-text-color-default-base: var(--ks-color-fg-base);
   --ks-text-color-default-interactive-base: var(--ks-color-link-base);
-  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-to-fg-5-base);
-  --ks-text-color-default-interactive-active-base: var(--ks-color-link-to-fg-5-base);
-  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-to-fg-5-base);
+  --ks-text-color-default-interactive-hover-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-active-base: var(--ks-color-link-base);
+  --ks-text-color-default-interactive-selected-base: var(--ks-color-link-base);
   --ks-text-color-default-inverted-base: var(--ks-color-fg-inverted-base);
   --ks-text-color-default-inverted-interactive-base: var(--ks-color-link-inverted-base);
-  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-to-fg-5-base);
-  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-to-fg-5-base);
-  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-to-fg-5-base);
+  --ks-text-color-default-inverted-interactive-hover-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-active-base: var(--ks-color-link-inverted-base);
+  --ks-text-color-default-inverted-interactive-selected-base: var(--ks-color-link-inverted-base);
   --ks-text-color-copy-base: var(--ks-color-fg-alpha-3-base);
   --ks-text-color-copy-interactive-base: var(--ks-color-link-base);
   --ks-text-color-copy-interactive-hover-base: var(--ks-color-link-to-fg-2-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 11:11:36 GMT
+ * Generated on Mon, 02 Sep 2024 12:04:53 GMT
  */
 
 export const KsBackgroundColorAccentBase = "#230a2b";
@@ -115,8 +115,8 @@ export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#e43489";
 export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#e43489";
 export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#e868a6";
 export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.5)";
-export const KsBorderColorAccentBase = "#424355";
-export const KsBorderColorAccentInvertedBase = "#b9b9c0";
+export const KsBorderColorAccentBase = "#230a2b";
+export const KsBorderColorAccentInvertedBase = "#dcd6f2";
 export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
 export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
 export const KsBorderColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
@@ -811,14 +811,14 @@ export const KsSpacingInsetStretchL = "1.7768rem 1.2469rem";
 export const KsSpacingInsetStretchXl = "2.5319rem 1.7768rem";
 export const KsTextColorDefaultBase = "#ffffff";
 export const KsTextColorDefaultInteractiveBase = "#b7a5ff";
-export const KsTextColorDefaultInteractiveHoverBase = "#dbd2ff";
-export const KsTextColorDefaultInteractiveActiveBase = "#dbd2ff";
-export const KsTextColorDefaultInteractiveSelectedBase = "#dbd2ff";
+export const KsTextColorDefaultInteractiveHoverBase = "#b7a5ff";
+export const KsTextColorDefaultInteractiveActiveBase = "#b7a5ff";
+export const KsTextColorDefaultInteractiveSelectedBase = "#b7a5ff";
 export const KsTextColorDefaultInvertedBase = "#06081f";
 export const KsTextColorDefaultInvertedInteractiveBase = "#6642f6";
-export const KsTextColorDefaultInvertedInteractiveHoverBase = "#36258b";
-export const KsTextColorDefaultInvertedInteractiveActiveBase = "#36258b";
-export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#36258b";
+export const KsTextColorDefaultInvertedInteractiveHoverBase = "#6642f6";
+export const KsTextColorDefaultInvertedInteractiveActiveBase = "#6642f6";
+export const KsTextColorDefaultInvertedInteractiveSelectedBase = "#6642f6";
 export const KsTextColorCopyBase = "rgba(255, 255, 255, 0.76)";
 export const KsTextColorCopyInteractiveBase = "#b7a5ff";
 export const KsTextColorCopyInteractiveHoverBase = "#c0b1ff";

package/package.json

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

package/dist/components/contact/contact.css

@@ -1,125 +0,0 @@
-.l-container--contact {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: contact;
-}
-
-.dsa-contact {
-  --dsa-contact--gap-horizontal: var(--ks-spacing-inline-m);
-  --dsa-contact--gap-vertical: var(--ks-spacing-stack-m);
-  --dsa-contact__header--gap: 0;
-  --dsa-contact__image--flex-basis: 200px;
-  --dsa-contact__image--border-radius: var(--ks-border-radius-card);
-  --dsa-contact__body--gap: var(--ks-spacing-stack-xs);
-  --dsa-contact__body--flex-basis: 300px;
-  --dsa-contact__copy--font: var(--dsa-rich-text--font);
-  --dsa-contact__copy--color: var(--dsa-rich-text--color);
-  --dsa-contact__title--color: var(--ks-text-color-display);
-  --dsa-contact__title--font: var(--ks-font-copy-l);
-  --dsa-contact__title--font-weight: var(--ks-font-weight-bold);
-  --dsa-contact__subtitle--color: var(--ks-text-color-display);
-  --dsa-contact__subtitle--font: var(--ks-font-copy-m);
-  --dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
-  --dsa-contact__links--gap: 0;
-  --dsa-contact__link--color: var(--dsa-link--color);
-  --dsa-contact__link--color_hover: var(--dsa-link--color_hover);
-  --dsa-contact__link--font: var(--ks-font-interface-m);
-  --dsa-contact__link--font-weight: var(--dsa-link--font-weight);
-  --dsa-contact__link__icon--margin-right: 0.5em;
-  --dsa-contact__link__icon--size: 1.5em;
-  --dsa-contact__link__icon--color: inherit;
-}
-
-.l-container--contact {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: contact;
-}
-
-.dsa-contact {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dsa-contact--gap-horizontal) var(--dsa-contact--gap-vertical);
-}
-.dsa-contact__image-wrap, .dsa-contact__body {
-  flex-grow: 1;
-}
-.dsa-contact__body {
-  display: flex;
-  flex-grow: 1;
-  flex-shrink: 0;
-  flex-direction: column;
-  gap: var(--dsa-contact__body--gap);
-  flex-basis: var(--dsa-contact__body--flex-basis);
-}
-.dsa-contact__copy {
-  font: var(--dsa-contact__copy--font);
-  color: var(--dsa-contact__copy--color);
-}
-.dsa-contact__image-wrap {
-  flex: none;
-  flex-basis: var(--dsa-contact__image--flex-basis);
-  height: 100%;
-  width: 100%;
-}
-.dsa-contact--image-full-width .dsa-contact__image-wrap {
-  flex-grow: 1;
-}
-.dsa-contact--image-square .dsa-contact__image-wrap {
-  aspect-ratio: 1/1;
-}
-.dsa-contact--image-wide .dsa-contact__image-wrap {
-  aspect-ratio: 4/3;
-}
-.dsa-contact--image-vertical .dsa-contact__image-wrap {
-  aspect-ratio: 3/4;
-}
-.dsa-contact__image {
-  width: 100%;
-  object-fit: cover;
-  height: 100%;
-  border-radius: var(--dsa-contact__image--border-radius);
-}
-.dsa-contact__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-contact__header--gap);
-}
-.dsa-contact__title {
-  font: var(--dsa-contact__title--font);
-  color: var(--dsa-contact__title--color);
-  font-weight: var(--dsa-contact__title--font-weight);
-}
-.dsa-contact__subtitle {
-  font: var(--dsa-contact__subtitle--font);
-  color: var(--dsa-contact__subtitle--color);
-  font-weight: var(--dsa-contact__subtitle--font-weight);
-}
-.dsa-contact__links {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-contact__links--gap);
-  list-style: none;
-  padding: 0;
-  margin: 0;
-}
-.dsa-contact a.dsa-contact__link {
-  color: var(--dsa-contact__link--color);
-  font: var(--dsa-contact__link--font);
-  font-weight: var(--dsa-contact__link--font-weight);
-}
-.dsa-contact a.dsa-contact__link .icon {
-  width: var(--dsa-contact__link__icon--size);
-  height: var(--dsa-contact__link__icon--size);
-  color: var(--dsa-contact__link__icon--color);
-  margin-right: var(--dsa-contact__link__icon--margin-right);
-}
-.dsa-contact a.dsa-contact__link:hover {
-  color: var(--dsa-contact__link--color_hover);
-}
-.dsa-contact .c-headline {
-  --c-headline--color: var(--dsa-contact__headline--color);
-  --c-headline--font: var(--dsa-contact__headline--font);
-  --c-headline--font-weight: var(--dsa-contact__headline--font-weight);
-  --c-headline__subheadline--color: var(--dsa-contact__headline__subheadline--color);
-  --c-headline__subheadline--font: var(--dsa-contact__headline__subheadline--font);
-  --c-headline__subheadline--font-weight: var(--dsa-contact__headline__subheadline--font-weight);
-}

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

@@ -1,125 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/contact.schema.json",
-  "title": "Contact",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "image",
-          "title": "Image Source",
-          "description": "URL of the image to display",
-          "examples": [
-            "img/people/author-emily.png"
-          ]
-        },
-        "alt": {
-          "type": "string",
-          "title": "Alt Text",
-          "description": "Alt text of the image",
-          "examples": [
-            "Picture of Jane Smith"
-          ]
-        },
-        "fullWidth": {
-          "type": "boolean",
-          "title": "Full Width",
-          "description": "Image uses all the horizontal space vailable",
-          "default": false
-        },
-        "aspectRatio": {
-          "type": "string",
-          "title": "aspectRatio",
-          "description": "Aspect Ratio of the Images",
-          "enum": [
-            "wide",
-            "square",
-            "vertical"
-          ],
-          "default": "square"
-        }
-      },
-      "additionalProperties": false
-    },
-    "title": {
-      "title": "Title",
-      "description": "Name, company name, etc.",
-      "type": "string",
-      "examples": [
-        "Jane Smith"
-      ]
-    },
-    "subtitle": {
-      "title": "Subtitle",
-      "description": "Position, profession, department, location, etc.",
-      "type": "string",
-      "examples": [
-        "CEO at Company"
-      ]
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "icon": {
-            "type": "string"
-          },
-          "label": {
-            "type": "string"
-          },
-          "href": {
-            "type": "string",
-            "format": "uri"
-          },
-          "newTab": {
-            "title": "Open link in new Tab",
-            "description": "Open link in new Tab",
-            "type": "boolean",
-            "default": false
-          }
-        },
-        "additionalProperties": false
-      },
-      "examples": [
-        [
-          {
-            "icon": "phone",
-            "label": "0228 / 688 966 20",
-            "href": "tel:+4922868896620"
-          },
-          {
-            "icon": "email",
-            "label": "mail@example.com",
-            "href": "mailto:mail@example.com"
-          }
-        ]
-      ]
-    },
-    "copy": {
-      "title": "Copy text",
-      "type": "string"
-    },
-    "className": {
-      "title": "Class",
-      "description": "Additional css classes attached to the wrapping element",
-      "type": "string"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    },
-    "type": {
-      "const": "contact"
-    }
-  },
-  "additionalProperties": false,
-  "required": [
-    "name"
-  ]
-}

package/dist/components/contact/contact.schema.json

@@ -1,107 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/contact.schema.json",
-  "title": "Contact",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "image",
-          "title": "Image Source",
-          "description": "URL of the image to display",
-          "examples": ["img/people/author-emily.png"]
-        },
-        "alt": {
-          "type": "string",
-          "title": "Alt Text",
-          "description": "Alt text of the image",
-          "examples": ["Picture of Jane Smith"]
-        },
-        "fullWidth": {
-          "type": "boolean",
-          "title": "Full Width",
-          "description": "Image uses all the horizontal space vailable",
-          "default": false
-        },
-        "aspectRatio": {
-          "type": "string",
-          "title": "aspectRatio",
-          "description": "Aspect Ratio of the Images",
-          "enum": ["wide", "square", "vertical"],
-          "default": "square"
-        }
-      }
-    },
-    "title": {
-      "title": "Title",
-      "description": "Name, company name, etc.",
-      "type": "string",
-      "examples": ["Jane Smith"]
-    },
-    "subtitle": {
-      "title": "Subtitle",
-      "description": "Position, profession, department, location, etc.",
-      "type": "string",
-      "examples": ["CEO at Company"]
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "icon": {
-            "type": "string"
-          },
-          "label": {
-            "type": "string"
-          },
-          "href": {
-            "type": "string",
-            "format": "uri"
-          },
-          "newTab": {
-            "title": "Open link in new Tab",
-            "description": "Open link in new Tab",
-            "type": "boolean",
-            "default": false
-          }
-        },
-        "additionalProperties": false
-      },
-      "examples": [
-        [
-          {
-            "icon": "phone",
-            "label": "0228 / 688 966 20",
-            "href": "tel:+4922868896620"
-          },
-          {
-            "icon": "email",
-            "label": "mail@example.com",
-            "href": "mailto:mail@example.com"
-          }
-        ]
-      ]
-    },
-    "copy": {
-      "title": "Copy text",
-      "type": "string"
-    },
-    "className": {
-      "title": "Class",
-      "description": "Additional css classes attached to the wrapping element",
-      "type": "string"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false,
-  "required": ["name"]
-}

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

@@ -1,70 +0,0 @@
-/// <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.
- */
-/**
- * URL of the image to display
- */
-type ImageSource = string;
-/**
- * Alt text of the image
- */
-type AltText = string;
-/**
- * Image uses all the horizontal space vailable
- */
-type FullWidth = boolean;
-/**
- * Aspect Ratio of the Images
- */
-type AspectRatio = "wide" | "square" | "vertical";
-/**
- * Name, company name, etc.
- */
-type Title = string;
-/**
- * Position, profession, department, location, etc.
- */
-type Subtitle = string;
-/**
- * Open link in new Tab
- */
-type OpenLinkInNewTab = boolean;
-type CopyText = string;
-/**
- * Additional css classes attached to the wrapping element
- */
-type Class = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Component used for user interaction
- */
-interface ContactProps {
-    image?: {
-        src?: ImageSource;
-        alt?: AltText;
-        fullWidth?: FullWidth;
-        aspectRatio?: AspectRatio;
-    };
-    title?: Title;
-    subtitle?: Subtitle;
-    links?: {
-        icon?: string;
-        label?: string;
-        href?: string;
-        newTab?: OpenLinkInNewTab;
-    }[];
-    copy?: CopyText;
-    className?: Class;
-    component?: KsComponentAttribute;
-}
-declare const Contact: import("react").ForwardRefExoticComponent<ContactProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLAnchorElement>>;
-declare const ContactProvider: FC<PropsWithChildren>;
-export { Contact, ContactProvider };

package/dist/components/contact/index.js

@@ -1,16 +0,0 @@
-import "./contact.css";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import classnames from 'classnames';
-import { Picture } from '@kickstartds/base/lib/picture';
-import { ContactContext } 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.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))) })) : ("")] })] }) })));
-Contact.displayName = "Contact";
-const ContactProvider = (props) => (jsx(ContactContext.Provider, { ...props, value: Contact }));
-
-export { Contact, ContactProvider };

package/dist/components/html/html.schema.json

@@ -1,25 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.kickstartds.com/base/html.schema.json",
-  "title": "HTML",
-  "description": "Display raw HTML.",
-  "type": "object",
-  "properties": {
-    "html": {
-      "title": "HTML string",
-      "type": "string",
-      "examples": ["<p>Hello world!</p>"]
-    },
-    "className": {
-      "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the element",
-      "type": "string"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,26 +0,0 @@
-import { ForwardRefRenderFunction, HTMLAttributes } 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 `yarn run schema` to regenerate this file.
- */
-type HTMLString = string;
-/**
- * Add additional css classes that should be applied to the element
- */
-type AdditionalClasses = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Display raw HTML.
- */
-interface HTMLProps {
-    html?: HTMLString;
-    className?: AdditionalClasses;
-    component?: KsComponentAttribute;
-}
-declare const HtmlComponent: ForwardRefRenderFunction<HTMLDivElement, HTMLProps & HTMLAttributes<HTMLDivElement>>;
-export { HTMLProps, HtmlComponent };

package/dist/components/html/index.js

@@ -1,6 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-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 }));
-
-export { HtmlComponent };