@kickstartds/ds-agency-premium 1.5.26--canary.996.a6a8e1b.0 → 1.5.26--canary.994.190c0e1.0

package/dist/SectionProps-83d399b4.d.ts

@@ -8,7 +8,7 @@ import { FaqProps } from "./FaqProps-ad618cd5.js";
 import { FeaturesProps } from "./FeaturesProps-b05859d6.js";
 import { GalleryProps } from "./GalleryProps-76e7de44.js";
 import { HeroProps } from "./HeroProps-cf82a16d.js";
-import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
+import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-f9474fe2.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

package/dist/components/blog-aside/blog-aside.css

@@ -10,8 +10,6 @@
   --dsa-blog-aside__author__image--flex-basis: 120px;
   --dsa-blog-aside__author__body--flex-basis: 240px;
   --dsa-blog-aside__author__link--font: var(--ks-font-interface-s);
-  --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-inline-xs);
-  --dsa-blog-aside__author--gap-vertical: var(--ks-spacing-stack-xs);
   --dsa-blog-aside__meta__item--font: var(--ks-font-interface-s);
   --dsa-blog-aside__meta__item--color: var(--ks-text-color-interface);
   --dsa-blog-aside__meta__item__icon--size: 1.2em;
@@ -25,8 +23,6 @@
     --dsa-blog-aside__author__title--font: var(--ks-font-copy-l);
     --dsa-blog-aside__author__subtitle--font: var(--ks-font-copy-m);
     --dsa-blog-aside__author__link--font: var(--ks-font-interface-m);
-    --dsa-blog-aside__author--gap-horizontal: var(--ks-spacing-stack-s);
-    --dsa-blog-aside__author--gap-vertical: var(--ks-spacing-inline-l);
     --dsa-blog-aside__meta__item--font: var(--ks-font-interface-m);
     --dsa-blog-aside__share-bar__icon--size: 2em;
   }
@@ -43,8 +39,8 @@
   gap: var(--dsa-blog-aside--gap);
 }
 .dsa-blog-aside .dsa-contact {
-  --dsa-contact--gap-vertical: var(--dsa-blog-aside__author--gap-vertical, var(--ks-spacing-stack-xs));
-  --dsa-contact--gap-horizontal: var(--dsa-blog-aside__author--gap-horizontal, var(--ks-spacing-inline-xs));
+  --dsa-contact--gap-vertical: var(--dsa-blog-asde__author--gap-vertical, var(--ks-spacing-stack-xs));
+  --dsa-contact--gap-horizontal: var(--dsa-blog-asde__author--gap-horizontal, var(--ks-spacing-inline-xs));
   --dsa-contact__image--flex-basis: var(--dsa-blog-aside__author__image--flex-basis, 200px);
   --dsa-contact__body--flex-basis: var(--dsa-blog-aside__author__body--flex-basis, 300px);
   --dsa-contact__title--font: var(--dsa-blog-aside__author__title--font, var(--ks-font-copy-m));

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-83d399b4.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
 export { BlogOverview };

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

@@ -1,4 +1,4 @@
-import { BlogPostProps } from "../../BlogPostProps-83d399b4.js";
+import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export { BlogPost };

package/dist/components/contact/contact.css

@@ -104,8 +104,6 @@
   margin: 0;
 }
 .dsa-contact a.dsa-contact__link {
-  display: flex;
-  align-items: center;
   color: var(--dsa-contact__link--color);
   font: var(--dsa-contact__link--font);
   font-weight: var(--dsa-contact__link--font-weight);

package/dist/components/footer/footer.css

@@ -10,7 +10,7 @@
   --dsa-footer__link--font-weight: var(--dsa-link--font-weight);
   --dsa-footer__link--color: var(--dsa-link--color);
   --dsa-footer__link--text-tecoration: none;
-  --dsa-footer__link--text-tecoration_hover: underline;
+  --dsa-footer__link--text-tecorationhover: underline;
   --dsa-footer__logo--height: 1.5rem;
 }
 @media (min-width: 62em) {
@@ -57,6 +57,6 @@
   text-decoration: var(--dsa-footer__link--text-tecoration, none);
 }
 .dsa-footer__link:not(.c-button):hover {
-  text-decoration: var(--dsa-footer__link--text-tecoration_hover, underline);
+  text-decoration: var(--dsa-footer__link--text-tecoration-hover, underline);
   color: var(--dsa-footer__link--color_hover, var(--dsa-link--color_hover));
 }

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

@@ -1,7 +1,4 @@
-/// <reference types="react" />
+import { FC } from "react";
 import { FooterProps } from "../../FooterProps-171a3067.js";
-import { HTMLAttributes } from "react";
-declare const FooterContextDefault: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const FooterContext: import("react").Context<import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Footer: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export { FooterContextDefault, FooterContext, Footer };
+declare const Footer: FC<FooterProps>;
+export { Footer };

package/dist/components/footer/index.js

@@ -1,17 +1,12 @@
 import "./footer.css";
-import { forwardRef, createElement, createContext, useContext } from 'react';
+import { createElement } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { Link } from '@kickstartds/base/lib/link';
 import { Logo } from '../logo/index.js';
 import '@kickstartds/base/lib/picture';
 
-const FooterContextDefault = forwardRef(({ byline, navItems, inverted, logo }, ref) => navItems && navItems.length > 0 ? (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), ref: ref, children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) })) : null);
-const FooterContext = createContext(FooterContextDefault);
-const Footer = forwardRef((props, ref) => {
-    const Component = useContext(FooterContext);
-    return jsx(Component, { ...props, ref: ref });
-});
+const Footer = ({ logo, byline, inverted = false, navItems = [], }) => (jsx("div", { className: classnames("dsa-footer"), "ks-inverted": inverted.toString(), children: jsxs("div", { className: "dsa-footer__content", children: [jsx(Logo, { ...logo, inverted: inverted }), byline && jsx("span", { className: "dsa-footer__byline", children: byline }), navItems.length > 0 ? (jsx("div", { className: "dsa-footer__links", children: navItems.map(({ label, active, ...linkProps }) => (createElement(Link, { ...linkProps, className: "dsa-footer__link", key: linkProps.href + label }, label))) })) : null] }) }));
 Footer.displayName = "Footer";
 
-export { Footer, FooterContext, FooterContextDefault };
+export { Footer };

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

@@ -25,5 +25,5 @@ interface HTMLProps {
 }
 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 & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Html: import("react").ForwardRefExoticComponent<HTMLProps & import("react").RefAttributes<HTMLDivElement>>;
 export { HtmlContextDefault, HtmlContext, Html };

package/dist/components/image-story/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.js";
+import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
 declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
 declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -24,7 +24,7 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-83d399b4.js";
-export * from "../../BlogOverviewProps-83d399b4.js";
-export * from "../../PageProps-83d399b4.js";
+export * from "../../BlogPostProps-6b3cff22.js";
+export * from "../../BlogOverviewProps-9f207f1c.js";
+export * from "../../PageProps-aa29c554.js";
 export { SettingsProps };

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-83d399b4.js";
+import { PageProps } from "../../PageProps-aa29c554.js";
 import { FC, PropsWithChildren } from "react";
 declare const Page: FC<PropsWithChildren<PageProps>>;
 export { Page };

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Sep 2024 15:42:09 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:45 GMT
  */
 :root, [ks-theme] {
   --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -115,8 +115,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-primary-alpha-7-base);
-  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-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-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);
@@ -127,8 +127,8 @@
   --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
   --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
   --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
-  --ks-border-color-default-base: var(--ks-color-fg-alpha-7-base);
-  --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-7-base);
+  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
+  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
   --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
   --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);

package/dist/components/presets.json

@@ -1185,26 +1185,6 @@
     },
     "screenshot": "img/screenshots/components-cta--align-bottom.png"
   },
-  {
-    "id": "components-divider--accent",
-    "group": "Components/Divider",
-    "name": "Accent",
-    "code": "<No Display Name variant=\"accent\" />",
-    "args": {
-      "variant": "accent"
-    },
-    "screenshot": "img/screenshots/components-divider--accent.png"
-  },
-  {
-    "id": "components-divider--default",
-    "group": "Components/Divider",
-    "name": "Default",
-    "code": "<No Display Name variant=\"default\" />",
-    "args": {
-      "variant": "default"
-    },
-    "screenshot": "img/screenshots/components-divider--default.png"
-  },
   {
     "id": "components-faq--dropdown-list",
     "group": "Components/Faq",

package/dist/global.css

@@ -507,19 +507,15 @@ h3 {
   color: var(--dsa-form-field__placeholder--color, var(--ks-color-fg-alpha-5));
 }
 
-.dsa-divider {
-  --dsa-divider--background: var(--ks-border-color-default);
-  --dsa-divider--background_accent: var(--ks-border-color-accent);
-  --dsa-divider--height: var(--ks-border-width-default);
+.c-divider {
+  --dsa-divider--background: var(--ks-border-color-accent);
+  --dsa-divider--height: var(--ks-border-widht-default);
 }
 
 hr.c-divider {
-  --c-divider--background: var(--dsa-divider--background, var(--ks-border-color-default));
+  --c-divider--background: var(--dsa-divider--background, var(--ks-border-color-accent));
   --c-divider--height: var(--dsa-divider--height, var(--ks-border-width-default));
 }
-hr.c-divider--accent {
-  --c-divider--background: var(--dsa-divider--background_accent, var(--ks-border-color-accent));
-}
 
 @font-face {
   font-family: "Fredoka";

package/dist/tokens/themes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Sep 2024 15:42:11 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:47 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 Tue, 10 Sep 2024 15:42:15 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:52 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 Tue, 10 Sep 2024 15:42:13 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:50 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 Tue, 10 Sep 2024 15:42:17 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:54 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 Tue, 10 Sep 2024 15:42:09 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:45 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-primary-alpha-7-base);
-  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-7-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-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);
@@ -128,8 +128,8 @@
   --ks-border-color-clear-inverted-interactive-hover-base: var(--ks-color-primary-inverted-alpha-7-base);
   --ks-border-color-clear-inverted-interactive-active-base: var(--ks-color-primary-inverted-alpha-6-base);
   --ks-border-color-clear-inverted-interactive-selected-base: var(--ks-color-primary-inverted-alpha-5-base);
-  --ks-border-color-default-base: var(--ks-color-fg-alpha-7-base);
-  --ks-border-color-default-inverted-base: var(--ks-color-fg-inverted-alpha-7-base);
+  --ks-border-color-default-base: var(--ks-color-fg-inverted-base);
+  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-base);
   --ks-border-color-interface-base: var(--ks-color-fg-alpha-8-base);
   --ks-border-color-interface-interactive-base: var(--ks-color-fg-alpha-7-base);
   --ks-border-color-interface-interactive-disabled-base: var(--ks-color-fg-alpha-8-base);

package/dist/tokens/tokens.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 10 Sep 2024 15:42:09 GMT
+ * Generated on Tue, 10 Sep 2024 15:41:45 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 = "rgba(226, 24, 121, 0.24)";
-export const KsBorderColorAccentInvertedBase = "rgba(77, 37, 239, 0.24)";
+export const KsBorderColorAccentBase = "#424355";
+export const KsBorderColorAccentInvertedBase = "#b9b9c0";
 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)";
@@ -127,8 +127,8 @@ export const KsBorderColorClearInvertedInteractiveBase = "rgba(0, 0, 0, 0)";
 export const KsBorderColorClearInvertedInteractiveHoverBase = "rgba(77, 37, 239, 0.24)";
 export const KsBorderColorClearInvertedInteractiveActiveBase = "rgba(77, 37, 239, 0.37)";
 export const KsBorderColorClearInvertedInteractiveSelectedBase = "rgba(77, 37, 239, 0.5)";
-export const KsBorderColorDefaultBase = "rgba(255, 255, 255, 0.24)";
-export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.24)";
+export const KsBorderColorDefaultBase = "#06081f";
+export const KsBorderColorDefaultInvertedBase = "rgba(255, 255, 255, 0.76)";
 export const KsBorderColorInterfaceBase = "rgba(255, 255, 255, 0.13)";
 export const KsBorderColorInterfaceInteractiveBase = "rgba(255, 255, 255, 0.24)";
 export const KsBorderColorInterfaceInteractiveDisabledBase = "rgba(255, 255, 255, 0.13)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kickstartds/ds-agency-premium",
-  "version": "1.5.26--canary.996.a6a8e1b.0",
+  "version": "1.5.26--canary.994.190c0e1.0",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {

package/dist/components/divider/divider.css

@@ -1,13 +0,0 @@
-.dsa-divider {
-  --dsa-divider--background: var(--ks-border-color-default);
-  --dsa-divider--background_accent: var(--ks-border-color-accent);
-  --dsa-divider--height: var(--ks-border-width-default);
-}
-
-hr.c-divider {
-  --c-divider--background: var(--dsa-divider--background, var(--ks-border-color-default));
-  --c-divider--height: var(--dsa-divider--height, var(--ks-border-width-default));
-}
-hr.c-divider--accent {
-  --c-divider--background: var(--dsa-divider--background_accent, var(--ks-border-color-accent));
-}

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

@@ -1,33 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/divider.schema.json",
-  "title": "Divider",
-  "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
-  "type": "object",
-  "properties": {
-    "variant": {
-      "title": "Style of the divider",
-      "type": "string",
-      "description": "Choose a variant for the divider",
-      "enum": [
-        "default",
-        "accent"
-      ],
-      "default": "default"
-    },
-    "className": {
-      "type": "string",
-      "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the divider"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    },
-    "type": {
-      "const": "divider"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/divider/divider.schema.json

@@ -1,27 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/divider.schema.json",
-  "title": "Divider",
-  "description": "Dividers bring clarity to a layout by grouping and dividing content in close proximity.",
-  "type": "object",
-  "properties": {
-    "variant": {
-      "title": "Style of the divider",
-      "type": "string",
-      "description": "Choose a variant for the divider",
-      "enum": ["default", "accent"],
-      "default": "default"
-    },
-    "className": {
-      "type": "string",
-      "title": "Additional Classes",
-      "description": "Add additional css classes that should be applied to the divider"
-    },
-    "component": {
-      "title": "`ks-component` attribute",
-      "description": "Optional custom component identifier",
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,33 +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.
- */
-/**
- * Choose a variant for the divider
- */
-type StyleOfTheDivider = "default" | "accent";
-/**
- * Add additional css classes that should be applied to the divider
- */
-type AdditionalClasses = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Dividers bring clarity to a layout by grouping and dividing content in close proximity.
- */
-interface DividerProps {
-    variant?: StyleOfTheDivider;
-    className?: AdditionalClasses;
-    component?: KsComponentAttribute;
-}
-declare const DividerContextDefault: import("react").ForwardRefExoticComponent<DividerProps & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
-declare const DividerContext: import("react").Context<import("react").ForwardRefExoticComponent<DividerProps & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>>;
-declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & HTMLAttributes<HTMLHRElement> & import("react").RefAttributes<HTMLHRElement>>;
-declare const DividerProvider: FC<PropsWithChildren>;
-export { DividerContextDefault, DividerContext, Divider, DividerProvider };

package/dist/components/divider/index.js

@@ -1,16 +0,0 @@
-import "./divider.css";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import classnames from 'classnames';
-import { DividerContextDefault as DividerContextDefault$1, DividerContext as DividerContext$1 } from '@kickstartds/base/lib/divider';
-
-const DividerContextDefault = forwardRef(({ variant, className, ...props }, ref) => (jsx(DividerContextDefault$1, { ...props, className: classnames("dsa-divider", className), variant: variant, ref: ref })));
-const DividerContext = createContext(DividerContextDefault);
-const Divider = forwardRef((props, ref) => {
-    const Component = useContext(DividerContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-Divider.displayName = "Divider";
-const DividerProvider = (props) => (jsx(DividerContext$1.Provider, { ...props, value: DividerContextDefault }));
-
-export { Divider, DividerContext, DividerContextDefault, DividerProvider };