@kickstartds/ds-agency-premium 1.4.13--canary.15.811.0 → 1.4.14

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BlogTeaserProps } from "../../BlogTeaserProps-525f7f9f.js";
+import { BlogTeaserProps } from "../../BlogTeaserProps-71a3cb5c.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 BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -34,7 +34,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
                     target: link.url,
                 }
                 : undefined, title: headline, body: teaserText, categories: tags.map((tag) => {
-                return { label: tag };
+                return { label: tag.entry };
             }), ref: ref }) }));
 });
 const BlogTeaserContext = createContext(BlogTeaserContextDefault);

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

@@ -1,12 +1,4 @@
 /* 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.
- */
-import { SectionProps } from "../../SectionProps-83d399b4.js";
-import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
-/* eslint-disable */
 /**
  * This file was automatically generated by json-schema-to-typescript.
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
@@ -14,47 +6,7 @@ import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
  */
 import { HeaderProps } from "../../HeaderProps-e22382f1.js";
 import { FooterProps } from "../../FooterProps-171a3067.js";
-/**
- * Collection of sections (with their contents) to render on the page
- */
-type Sections = SectionProps[];
-/**
- * Toggle default floating header behaviour set in global settings
- */
-type ToggleFloating = boolean;
-/**
- * Toggle default inverted header behaviour set in global settings
- */
-type ToggleInverted = boolean;
-/**
- * Toggle default inverted footer behaviour set in global settings
- */
-type ToggleInverted1 = boolean;
-/**
- * Abstracts a page concept into JSON schema
- */
-interface PageProps {
-    section?: Sections;
-    header?: Header;
-    footer?: Footer;
-    /**
-     * Referenced component SeoProps
-     */
-    seo: SeoProps;
-}
-/**
- * Header settings for the page
- */
-interface Header {
-    floating?: ToggleFloating;
-    inverted?: ToggleInverted;
-}
-/**
- * Footer settings for the page
- */
-interface Footer {
-    inverted?: ToggleInverted1;
-}
+import { SeoProps } from "../../SeoProps-f2d6dcaa.js";
 /**
  * Abstracts global settings made for a website into JSON Schema
  */
@@ -72,6 +24,7 @@ interface SettingsProps {
      */
     seo: SeoProps;
 }
-export * from "../../BlogPostProps-f9a49428.js";
-export * from "../../BlogOverviewProps-9f207f1c.js";
-export { Sections, ToggleFloating, ToggleInverted, ToggleInverted1, PageProps, Header, Footer, SettingsProps };
+export * from "../../BlogPostProps-3f6e4072.js";
+export * from "../../BlogOverviewProps-83d399b4.js";
+export * from "../../PageProps-83d399b4.js";
+export { SettingsProps };

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

@@ -27,7 +27,7 @@
 }
 
 .dsa-nav-flyout {
-  display: none;
+  display: flex;
   font: var(--dsa-nav-flyout__label--font);
   flex-direction: column;
   gap: var(--dsa-nav-flyout--gap);
@@ -47,11 +47,6 @@
   -webkit-overflow-scrolling: touch;
   max-width: var(--dsa-nav-flyout--max-width);
 }
-@media (max-width: 62rem) {
-  .dsa-nav-flyout {
-    display: flex;
-  }
-}
 .dsa-nav-flyout ul {
   padding: 0;
   margin: 0;

package/dist/components/nav-main/index.js

@@ -1,3 +1,4 @@
+import "./nav-main.css";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef, createContext, useContext } from 'react';
 import './js/NavToggle.client.js';

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

@@ -0,0 +1,11 @@
+@media (min-width: 62rem) {
+  .dsa-nav-main .dsa-nav-flyout,
+  .dsa-nav-main .dsa-nav-toggle {
+    display: none;
+  }
+}
+@media (max-width: 62rem) {
+  .dsa-nav-main .dsa-nav-topbar {
+    display: none;
+  }
+}

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

@@ -23,11 +23,6 @@ button.dsa-nav-toggle {
   transform: translateX(var(--dsa-header--spacing-horizontal));
   --toggle__icon-bar--offset: 45%;
 }
-@media (min-width: 62em) {
-  button.dsa-nav-toggle {
-    display: none;
-  }
-}
 button.dsa-nav-toggle .dsa-nav-toggle__label {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);

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

@@ -19,12 +19,6 @@
 .dsa-nav-topbar {
   --g-link--text-decoration: none;
   --g-link--text-decoration_hover: none;
-  display: none;
-}
-@media (min-width: 62rem) {
-  .dsa-nav-topbar {
-    display: block;
-  }
 }
 .dsa-nav-topbar ul {
   list-style: none;
@@ -50,7 +44,7 @@
   display: flex;
   align-items: stretch;
 }
-.dsa-nav-topbar .dsa-nav-topbar__item--dropdown:last-child .dsa-nav-dropdown {
+.dsa-nav-topbar .dsa-nav-topbar__item--dropdown:last-of-type .dsa-nav-dropdown, .dsa-nav-topbar .dsa-nav-topbar__item--dropdown:nth-last-of-type(2) .dsa-nav-dropdown {
   right: 0;
 }
 .dsa-nav-topbar .dsa-nav-topbar__item .dsa-nav-dropdown {

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

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

package/dist/components/page/index.js

@@ -0,0 +1,6 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const Page = ({ children }) => (jsx(Fragment, { children: children }));
+Page.displayName = "Page";
+
+export { Page };

package/dist/components/page-wrapper/index.js

@@ -15,12 +15,6 @@ import '@kickstartds/core/lib/component';
 import '../teaser-card/index.js';
 import '@kickstartds/base/lib/teaser-box';
 import '@kickstartds/core/lib/container';
-import '../contact/index.js';
-import '@kickstartds/base/lib/picture';
-import '@kickstartds/base/lib/contact';
-import '@kickstartds/base/lib/link';
-import '@kickstartds/base/lib/icon';
-import '@kickstartds/base/lib/rich-text';
 import '../headline/index.js';
 import 'markdown-to-jsx';
 import '@kickstartds/base/lib/headline';

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 12:19:58 GMT
+ * Generated on Tue, 03 Sep 2024 06:57:07 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-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);
@@ -807,14 +807,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);