@kickstartds/ds-agency-premium 1.3.14--canary.451.c8089ef.0 → 1.3.14--canary.456.8b32ca2.0

package/dist/{SectionProps-93230a76.d.ts → 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-24e0335c.js";
+import { ImageStoryProps } from "./ImageStoryProps-03ff6d21.js";
 import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
 import { LogosProps } from "./LogosProps-58c84ccc.js";
 import { MosaicProps } from "./MosaicProps-d52c7151.js";

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogOverviewProps } from "../../BlogOverviewProps-f385fc47.js";
+import { BlogOverviewProps } from "../../BlogOverviewProps-525f7f9f.js";
 declare const BlogOverview: {
     ({ latest, more }: BlogOverviewProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/components/button/button.css

@@ -1,6 +1,7 @@
 .dsa-button {
   --dsa-button--padding: 0.75em 2em;
-  --dsa-button--border-width: 2px;
+  --dsa-button--border-width: var(--ks-border-width-default);
+  --dsa-button--border-radius: var(--ks-border-radius-pill);
   --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-button_primary--color: var(--dsa-text-color-on-primary);
   --dsa-button_primary--color_hover: var(--dsa-text-color-on-primary);

package/dist/components/faq/faq.css

@@ -1,5 +1,5 @@
 .dsa-faq {
-  --dsa-faq--border-color: var(--ks-border-color-accent);
+  --dsa-faq--border-color: var(--ks-border-color-interface);
   --dsa-faq__summary--color: var(--dsa-topic--color);
   --dsa-faq__summary--font-weight: var(--dsa-topic--font-weight);
   --dsa-faq__summary--font: var(--dsa-topic--font);

package/dist/components/faq/index.js

@@ -3,9 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import { CollapsibleBox } from '@kickstartds/base/lib/collapsible-box';
 
-const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (
-//TODO: Fix in main
-jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
+const FaqContextDefault = forwardRef(({ questions, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: `dsa-faq`, children: questions.map((question, index) => (jsx(CollapsibleBox, { summary: question.question, text: question.answer }, index))) })));
 const FaqContext = createContext(FaqContextDefault);
 const Faq = forwardRef((props, ref) => {
     const Component = useContext(FaqContext);

package/dist/components/headline/headline.css

@@ -1,14 +1,8 @@
 :root, :root #root, [ks-inverted], [ks-inverted] #root, #root [ks-inverted], [ks-inverted] #root, [ks-theme], [ks-theme] #root, #root [ks-theme] {
-  --dsa-headline--higlight-background: linear-gradient(
-    0deg,
-    var(--ks-color-primary-alpha-4) 45%,
-    var(--ks-color-primary-alpha-3) 45%,
-    var(--ks-color-primary-alpha-3) 60%,
-    var(--ks-color-primary-alpha-1) 60%
-  );
   --dsa-headline--color: var(--ks-text-color-display);
-  --dsa-headline--font-weight: var(--ks-font-weight-semi-bold);
-  --dsa-headline--text-transform: uppercase;
+  --dsa-headline--font-weight: var(--ks-font-weight-medium);
+  --dsa-headline--text-transform: none;
+  --dsa-headline--higlight-background: linear-gradient(90deg, var(--ks-color-secondary), var(--ks-color-primary));
   --dsa-headline__subheadline--color: var(--ks-text-color-primary);
   --dsa-headline__subheadline--font-weight: var(--ks-font-weight-semi-bold);
   --dsa-headline--gap: 0.25em;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { HTMLAttributes } from "react";
-import { ImageStoryProps } from "../../ImageStoryProps-24e0335c.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

@@ -4,7 +4,7 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-import { SectionProps } from "../../SectionProps-93230a76.js";
+import { SectionProps } from "../../SectionProps-83d399b4.js";
 import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
 /* eslint-disable */
 /**
@@ -73,5 +73,5 @@ interface SettingsProps {
     seo: SeoProps;
 }
 export * from "../../BlogPostProps-e1cbd5d3.js";
-export * from "../../BlogOverviewProps-f385fc47.js";
+export * from "../../BlogOverviewProps-525f7f9f.js";
 export { Sections, Floating, Inverted, Inverted1, PageProps, Header, Footer, SettingsProps };

package/dist/components/nav-main/nav-main.css

@@ -1,5 +1,9 @@
 .nav-main {
-  --dsa-nav-main--background: var(--ks-background-color-default);
+  --dsa-nav-main--background: linear-gradient(
+    125deg,
+    var(--ks-background-color-default),
+    var(--ks-color-primary-to-bg-6)
+  );
   --dsa-nav-main__link--color: var(--ks-text-color-interface-interactive);
   --dsa-nav-main__link--opacity_hover: 0.75;
   --dsa-nav-main__link--color_active: var(--ks-text-color-interface-interactive-active);