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

package/dist/BlogTeaserProps-f5855e93.d.ts

@@ -28,10 +28,6 @@ type Image = string;
  * The blog entry URL to link
  */
 type URL = string;
-/**
- * The label to use for the link
- */
-type Label = string;
 /**
  * Time to read for the blog post
  */
@@ -67,7 +63,6 @@ interface BlogTeaserProps {
  */
 interface Link {
     url: URL;
-    label?: Label;
 }
 /**
  * The author of the blog post
@@ -77,4 +72,4 @@ interface Author {
     title?: Title;
     image?: Image1;
 }
-export { Date, Tags, Headline, TeaserText, Image, URL, Label, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
+export { Date, Tags, Headline, TeaserText, Image, URL, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };

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-e853e1e7.js";
+import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.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,6 +10,8 @@
   --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;
@@ -23,6 +25,8 @@
     --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;
   }
@@ -39,8 +43,8 @@
   gap: var(--dsa-blog-aside--gap);
 }
 .dsa-blog-aside .dsa-contact {
-  --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--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__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/blog-overview.schema.dereffed.json

@@ -3190,15 +3190,6 @@
               "examples": [
                 "https://example.com"
               ]
-            },
-            "label": {
-              "title": "Label",
-              "description": "The label to use for the link",
-              "type": "string",
-              "examples": [
-                "Read more"
-              ],
-              "default": "Read more"
             }
           },
           "additionalProperties": false,
@@ -3355,15 +3346,6 @@
                 "examples": [
                   "https://example.com"
                 ]
-              },
-              "label": {
-                "title": "Label",
-                "description": "The label to use for the link",
-                "type": "string",
-                "examples": [
-                  "Read more"
-                ],
-                "default": "Read more"
               }
             },
             "additionalProperties": false,
@@ -3521,15 +3503,6 @@
                 "examples": [
                   "https://example.com"
                 ]
-              },
-              "label": {
-                "title": "Label",
-                "description": "The label to use for the link",
-                "type": "string",
-                "examples": [
-                  "Read more"
-                ],
-                "default": "Read more"
               }
             },
             "additionalProperties": false,

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

@@ -1,4 +1,4 @@
-import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-83d399b4.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-6b3cff22.js";
+import { BlogPostProps } from "../../BlogPostProps-83d399b4.js";
 import { FC, PropsWithChildren } from "react";
 declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
 export { BlogPost };

package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json

@@ -80,15 +80,6 @@
           "examples": [
             "https://example.com"
           ]
-        },
-        "label": {
-          "title": "Label",
-          "description": "The label to use for the link",
-          "type": "string",
-          "examples": [
-            "Read more"
-          ],
-          "default": "Read more"
         }
       },
       "additionalProperties": false,

package/dist/components/blog-teaser/blog-teaser.schema.json

@@ -52,13 +52,6 @@
           "type": "string",
           "format": "uri",
           "examples": ["https://example.com"]
-        },
-        "label": {
-          "title": "Label",
-          "description": "The label to use for the link",
-          "type": "string",
-          "examples": ["Read more"],
-          "default": "Read more"
         }
       },
       "additionalProperties": false,

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

@@ -29,7 +29,6 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
                 items: teaserMetaItems,
             }, link: link
                 ? {
-                    label: link.label || "Read more",
                     // @ts-expect-error
                     target: link.url,
                 }

package/dist/components/contact/contact.css

@@ -104,6 +104,8 @@
   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/divider/divider.css

@@ -0,0 +1,13 @@
+.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

@@ -0,0 +1,33 @@
+{
+  "$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

@@ -0,0 +1,27 @@
+{
+  "$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

@@ -0,0 +1,33 @@
+/// <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

@@ -0,0 +1,16 @@
+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 };

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-tecorationhover: underline;
+  --dsa-footer__link--text-tecoration_hover: 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,4 +1,7 @@
-import { FC } from "react";
+/// <reference types="react" />
 import { FooterProps } from "../../FooterProps-171a3067.js";
-declare const Footer: FC<FooterProps>;
-export { Footer };
+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 };

package/dist/components/footer/index.js

@@ -1,12 +1,17 @@
 import "./footer.css";
-import { createElement } from 'react';
+import { forwardRef, createElement, createContext, useContext } 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 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] }) }));
+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 });
+});
 Footer.displayName = "Footer";
 
-export { Footer };
+export { Footer, FooterContext, FooterContextDefault };

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 & import("react").RefAttributes<HTMLDivElement>>;
+declare const Html: import("react").ForwardRefExoticComponent<HTMLProps & HTMLAttributes<HTMLDivElement> & 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-e853e1e7.js";
+import { ImageStoryProps } from "../../ImageStoryProps-03ff6d21.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-6b3cff22.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export * from "../../PageProps-aa29c554.js";
+export * from "../../BlogPostProps-83d399b4.js";
+export * from "../../BlogOverviewProps-83d399b4.js";
+export * from "../../PageProps-83d399b4.js";
 export { SettingsProps };

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

@@ -1,4 +1,4 @@
-import { PageProps } from "../../PageProps-aa29c554.js";
+import { PageProps } from "../../PageProps-83d399b4.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:41:45 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:24 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-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-alpha-7-base);
+  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-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-inverted-base);
-  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-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-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

@@ -102,15 +102,14 @@
     "id": "blog-blog-teaser--default",
     "group": "Blog/ Blog Teaser",
     "name": "Default",
-    "code": "<BlogTeaser\n  author={{\n    image: 'img/people/author-emily.png',\n    name: 'Jane Smith',\n    title: 'Senior AI Researcher'\n  }}\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  image=\"img/close-up-young-business-team-working.png\"\n  link={{\n    label: 'Read more',\n    url: 'https://example.com'\n  }}\n  readingTime=\"5 min read\"\n  tags={[\n    {\n      entry: 'Technology'\n    },\n    {\n      entry: 'AI'\n    }\n  ]}\n  teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
+    "code": "<BlogTeaser\n  author={{\n    image: 'img/people/author-emily.png',\n    name: 'Jane Smith',\n    title: 'Senior AI Researcher'\n  }}\n  date=\"12/30/2022\"\n  headline=\"The Future of AI\"\n  image=\"img/close-up-young-business-team-working.png\"\n  link={{\n    url: 'https://example.com'\n  }}\n  readingTime=\"5 min read\"\n  tags={[\n    {\n      entry: 'Technology'\n    },\n    {\n      entry: 'AI'\n    }\n  ]}\n  teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
     "args": {
       "date": "12/30/2022",
       "headline": "The Future of AI",
       "teaserText": "Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.",
       "image": "img/close-up-young-business-team-working.png",
       "link": {
-        "url": "https://example.com",
-        "label": "Read more"
+        "url": "https://example.com"
       },
       "readingTime": "5 min read",
       "author": {
@@ -1185,6 +1184,26 @@
     },
     "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,15 +507,19 @@ h3 {
   color: var(--dsa-form-field__placeholder--color, var(--ks-color-fg-alpha-5));
 }
 
-.c-divider {
-  --dsa-divider--background: var(--ks-border-color-accent);
-  --dsa-divider--height: var(--ks-border-widht-default);
+.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-accent));
+  --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));
+}
 
 @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:41:47 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:27 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:41:52 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:31 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:41:50 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:29 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:41:54 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:33 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:41:45 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:24 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-alpha-7-base);
+  --ks-border-color-accent-inverted-base: var(--ks-color-primary-inverted-alpha-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-inverted-base);
-  --ks-border-color-default-inverted-base: var(--ks-color-fg-alpha-3-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-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:41:45 GMT
+ * Generated on Wed, 11 Sep 2024 11:08:25 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 = "rgba(226, 24, 121, 0.24)";
+export const KsBorderColorAccentInvertedBase = "rgba(77, 37, 239, 0.24)";
 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 = "#06081f";
-export const KsBorderColorDefaultInvertedBase = "rgba(255, 255, 255, 0.76)";
+export const KsBorderColorDefaultBase = "rgba(255, 255, 255, 0.24)";
+export const KsBorderColorDefaultInvertedBase = "rgba(6, 8, 31, 0.24)";
 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.994.190c0e1.0",
+  "version": "1.5.27",
   "description": "",
   "homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
   "bugs": {
@@ -114,7 +114,6 @@
     "happy-dom": "^13.3.1",
     "husky": "^8.0.3",
     "jest-image-snapshot": "^6.4.0",
-    "json-schema-traverse": "^1.0.0",
     "kickstartds": "^3.0.0",
     "lazysizes": "^5.3.2",
     "npm-run-all": "^4.1.5",