@kickstartds/ds-agency-premium 1.6.72--canary.43.2525.0 → 1.6.72--canary.56.2531.0

package/dist/src/components/footer/FooterComponent.d.ts

@@ -0,0 +1,7 @@
+import { FooterProps } from "./FooterProps";
+import "./footer.scss";
+import { HTMLAttributes } from "react";
+export type { FooterProps };
+export declare const FooterContextDefault: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const FooterContext: import("react").Context<import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Footer: import("react").ForwardRefExoticComponent<FooterProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/footer/FooterDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { FooterProps } from "./FooterProps";
+declare const defaults: DeepPartial<FooterProps>;
+export default defaults;

package/dist/{FooterProps-a0a104ca.d.ts → src/components/footer/FooterProps.d.ts}

@@ -6,32 +6,32 @@
 /**
  * Picture source
  */
-type Source = string;
+export type Source = string;
 /**
  * Picture source
  */
-type Source1 = string;
+export type Source1 = string;
 /**
  * Alt text to display for picture
  */
-type AltText = string;
+export type AltText = string;
 /**
  * Width of the picture
  */
-type Width = number;
+export type Width = number;
 /**
  * Height of the picture
  */
-type Height = number;
+export type Height = number;
 /**
  * Small line of text displayed below the logo
  */
-type Byline = string;
+export type Byline = string;
 /**
  * Invert the color scheme of the footer
  */
-type Inverted = boolean;
-interface FooterProps {
+export type Inverted = boolean;
+export interface FooterProps {
     logo: Logo;
     byline?: Byline;
     inverted?: Inverted;
@@ -46,7 +46,7 @@ interface FooterProps {
         }[];
     }[];
 }
-interface Logo {
+export interface Logo {
     src?: Source;
     srcInverted?: Source1;
     alt?: AltText;
@@ -54,4 +54,3 @@ interface Logo {
     width?: Width;
     height?: Height;
 }
-export { Source, Source1, AltText, Width, Height, Byline, Inverted, FooterProps, Logo };

package/dist/src/components/form/checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Checkbox } from "@kickstartds/form/lib/checkbox";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;

package/dist/src/components/form/radio/Radio.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Radio } from "@kickstartds/form/lib/radio/";
+declare const meta: Meta;
+type Story = StoryObj<typeof Radio>;
+export default meta;
+export declare const Default: Story;

package/dist/src/components/form/select-field/SelectField.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { SelectField } from "@kickstartds/form/lib/select-field/";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof SelectField>;
+export declare const Default: Story;

package/dist/src/components/form/text-area/TextArea.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { TextArea } from "@kickstartds/form/lib/text-area/";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TextArea>;
+export declare const Default: Story;

package/dist/src/components/form/text-field/TextField.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { TextField } from "@kickstartds/form/lib/text-field/";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TextField>;
+export declare const Default: Story;

package/dist/src/components/gallery/Gallery.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Gallery } from "./GalleryComponent";
+declare const meta: Meta<typeof Gallery>;
+export default meta;
+type Story = StoryObj<typeof Gallery>;
+export declare const SmallSquaresWithLightbox: Story;
+export declare const LargeLandscapeTiles: Story;
+export declare const FreeAspectRatio: Story;
+export declare const StackLandscape: Story;

package/dist/src/components/gallery/GalleryComponent.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { GalleryProps } from "./GalleryProps";
+import "./gallery.scss";
+export type { GalleryProps };
+export declare const GalleryContextDefault: import("react").ForwardRefExoticComponent<GalleryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const GalleryContext: import("react").Context<import("react").ForwardRefExoticComponent<GalleryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Gallery: import("react").ForwardRefExoticComponent<GalleryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/gallery/GalleryDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { GalleryProps } from "./GalleryProps";
+declare const defaults: DeepPartial<GalleryProps>;
+export default defaults;

package/dist/{GalleryProps-76e7de44.d.ts → src/components/gallery/GalleryProps.d.ts}

@@ -9,7 +9,7 @@
  * @minItems 1
  * @maxItems 10
  */
-type Images = [
+export type Images = [
     {
         src: Src;
         alt?: AltText;
@@ -298,34 +298,33 @@ type Images = [
 /**
  * The source of the image
  */
-type Src = string;
+export type Src = string;
 /**
  * Alt text of the image
  */
-type AltText = string;
+export type AltText = string;
 /**
  * The caption of the image
  */
-type Caption = string;
+export type Caption = string;
 /**
  * The layout of the gallery images
  */
-type Layout = "stack" | "smallTiles" | "largeTiles";
+export type Layout = "stack" | "smallTiles" | "largeTiles";
 /**
  * The aspect ratio of the gallery images
  */
-type AspectRatio = "unset" | "square" | "wide" | "landscape";
+export type AspectRatio = "unset" | "square" | "wide" | "landscape";
 /**
  * Display images in a lightbox gallery
  */
-type Lightbox = boolean;
+export type Lightbox = boolean;
 /**
  * Component used to display a gallery of images
  */
-interface GalleryProps {
+export interface GalleryProps {
     images: Images;
     layout?: Layout;
     aspectRatio?: AspectRatio;
     lightbox?: Lightbox;
 }
-export { Images, Src, AltText, Caption, Layout, AspectRatio, Lightbox, GalleryProps };

package/dist/src/components/header/Header.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Header as HeaderComponent } from "./HeaderComponent";
+export declare const headerProps: {
+    logo: {
+        src: string;
+        srcInverted: string;
+        homepageHref: string;
+        alt: string;
+        width: number;
+        height: number;
+    };
+};
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof HeaderComponent>;
+export declare const Header: Story;

package/dist/src/components/header/HeaderComponent.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { HeaderProps } from "./HeaderProps";
+import "./header.scss";
+export type { HeaderProps };
+export declare const HeaderContextDefault: import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+export declare const HeaderContext: import("react").Context<import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>>;
+export declare const Header: import("react").ForwardRefExoticComponent<HeaderProps & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;

package/dist/src/components/header/HeaderDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { HeaderProps } from "./HeaderProps";
+declare const defaults: DeepPartial<HeaderProps>;
+export default defaults;

package/dist/{HeaderProps-72763967.d.ts → src/components/header/HeaderProps.d.ts}

@@ -6,43 +6,43 @@
 /**
  * Picture source
  */
-type Source = string;
+export type Source = string;
 /**
  * Picture source
  */
-type Source1 = string;
+export type Source1 = string;
 /**
  * Alt text to display for picture
  */
-type AltText = string;
+export type AltText = string;
 /**
  * Width of the picture
  */
-type Width = number;
+export type Width = number;
 /**
  * Height of the picture
  */
-type Height = number;
+export type Height = number;
 /**
  * Toggle the inversion of the flyout navigation
  */
-type FlyoutInverted = boolean;
+export type FlyoutInverted = boolean;
 /**
  * Toggle the inversion of the dropdown navigation
  */
-type DropdownInverted = boolean;
+export type DropdownInverted = boolean;
 /**
  * Make the header float over the first Section
  */
-type Floating = boolean;
+export type Floating = boolean;
 /**
  * Invert the color scheme of the header
  */
-type Inverted = boolean;
+export type Inverted = boolean;
 /**
  * Header layered on top by the CMS
  */
-interface HeaderProps {
+export interface HeaderProps {
     logo?: Logo;
     flyoutInverted?: FlyoutInverted;
     dropdownInverted?: DropdownInverted;
@@ -59,7 +59,7 @@ interface HeaderProps {
         }[];
     }[];
 }
-interface Logo {
+export interface Logo {
     src?: Source;
     srcInverted?: Source1;
     alt?: AltText;
@@ -67,4 +67,3 @@ interface Logo {
     width?: Width;
     height?: Height;
 }
-export { Source, Source1, AltText, Width, Height, FlyoutInverted, DropdownInverted, Floating, Inverted, HeaderProps, Logo };

package/dist/src/components/headline/Headline.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Headline } from "./HeadlineComponent";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Headline>;
+export declare const H1: Story;
+export declare const H2: Story;
+export declare const H3: Story;
+export declare const H4: Story;
+export declare const WithSubheadline: Story;
+export declare const OrderSwapped: Story;
+export declare const WithMarkdown: Story;

package/dist/src/components/headline/HeadlineComponent.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, FC, PropsWithChildren } from "react";
+import { defaultRenderFn } from "@kickstartds/core/lib/core";
+import { HeadlineProps } from "./HeadlineProps";
+import "./headline.scss";
+export type { HeadlineProps };
+interface RenderFunctions {
+    renderContent?: typeof defaultRenderFn;
+    renderSubheadline?: typeof defaultRenderFn;
+}
+export declare const Headline: import("react").ForwardRefExoticComponent<HeadlineProps & RenderFunctions & Omit<HTMLAttributes<HTMLElement>, "style"> & import("react").RefAttributes<HTMLElement>>;
+export declare const HeadlineProvider: FC<PropsWithChildren>;

package/dist/src/components/headline/HeadlineDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { HeadlineProps } from "./HeadlineProps";
+declare const defaults: DeepPartial<HeadlineProps>;
+export default defaults;

package/dist/{HeadlineProps-e1305784.d.ts → src/components/headline/HeadlineProps.d.ts}

@@ -6,40 +6,40 @@
 /**
  * Text content of headline
  */
-type Text = string;
+export type Text = string;
 /**
  * Subheadline content
  */
-type Sub = string;
+export type Sub = string;
 /**
  * Switch order of headline and subheadline
  */
-type SwitchOrder = boolean;
-type SectionAlignment = "left" | "center" | "right";
+export type SwitchOrder = boolean;
+export type SectionAlignment = "left" | "center" | "right";
 /**
  * Level of headline to use
  */
-type Level = "h1" | "h2" | "h3" | "h4" | "p";
+export type Level = "h1" | "h2" | "h3" | "h4" | "p";
 /**
  * Style of headline to show
  */
-type Style = "h1" | "h2" | "h3" | "h4" | "p";
+export type Style = "h1" | "h2" | "h3" | "h4" | "p";
 /**
  * Whether to display space after headline
  */
-type SpaceAfter = "minimum" | "small" | "large";
+export type SpaceAfter = "minimum" | "small" | "large";
 /**
  * Set a custom class name
  */
-type ClassName = string;
+export type ClassName = string;
 /**
  * Set a custom id attribute
  */
-type ID = string;
+export type ID = string;
 /**
  * Component used for headlines
  */
-interface HeadlineProps {
+export interface HeadlineProps {
     text: Text;
     sub?: Sub;
     switchOrder?: SwitchOrder;
@@ -50,4 +50,3 @@ interface HeadlineProps {
     className?: ClassName;
     id?: ID;
 }
-export { Text, Sub, SwitchOrder, SectionAlignment, Level, Style, SpaceAfter, ClassName, ID, HeadlineProps };

package/dist/src/components/helpers.d.ts

@@ -0,0 +1,5 @@
+export declare function canBeCloned(val: unknown): boolean;
+export type DeepPartial<T> = T extends object ? {
+    [P in keyof T]?: DeepPartial<T[P]>;
+} : T;
+export declare function deepMergeDefaults<T extends Record<string, any>>(defaults: DeepPartial<T>, props: T, replaceExamples?: boolean): T;

package/dist/src/components/hero/Hero.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Hero } from "./HeroComponent";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Hero>;
+export declare const TextBelowImage: Story;
+export declare const TextOnImageWithOverlay: Story;
+export declare const TextBoxOnFullScreen: Story;

package/dist/src/components/hero/HeroComponent.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { HeroProps } from "./HeroProps";
+import "./hero.scss";
+export type { HeroProps };
+export declare const HeroContextDefault: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HeroContext: import("react").Context<import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Hero: import("react").ForwardRefExoticComponent<HeroProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/hero/HeroDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { HeroProps } from "./HeroProps";
+declare const defaults: DeepPartial<HeroProps>;
+export default defaults;

package/dist/{HeroProps-fec6b267.d.ts → src/components/hero/HeroProps.d.ts}

@@ -6,81 +6,81 @@
 /**
  * Headline for the visual
  */
-type Headline = string;
+export type Headline = string;
 /**
  * Subheadline below the module headline
  */
-type ModuleSubheadline = string;
+export type ModuleSubheadline = string;
 /**
  * Info text for the module element
  */
-type ModuleText = string;
+export type ModuleText = string;
 /**
  * Visually highlight the text
  */
-type HighlightText = boolean;
+export type HighlightText = boolean;
 /**
  * Make the text and buttons color neutral
  */
-type ColorNeutral = boolean;
-type Height = "small" | "default" | "fullImage" | "fullScreen";
+export type ColorNeutral = boolean;
+export type Height = "small" | "default" | "fullImage" | "fullScreen";
 /**
  * Toggle wether you want your text to be displayed within in box
  */
-type Textbox = boolean;
+export type Textbox = boolean;
 /**
  * Invert the text color for better contrast against the background
  */
-type InvertText = boolean;
+export type InvertText = boolean;
 /**
  * Text content to display inside the button
  */
-type Label = string;
+export type Label = string;
 /**
  * Choose an icon
  */
-type Icon = string;
+export type Icon = string;
 /**
  * The URL to link to when the button is clicked
  */
-type URL = string;
+export type URL = string;
 /**
  * Add a skip button to the hero module
  */
-type SkipButton = boolean;
+export type SkipButton = boolean;
 /**
  * Enable grid layer
  */
-type GridLayer = boolean;
+export type GridLayer = boolean;
 /**
  * Background image source for small screens
  */
-type MobileImageSource = string;
+export type MobileImageSource = string;
 /**
  * Background image source for medium screens
  */
-type TabletImageSource = string;
+export type TabletImageSource = string;
 /**
  * Background image source for large screens
  */
-type DesktopImageSource = string;
+export type DesktopImageSource = string;
 /**
  * Override for img tag of picture element, if needed
  */
-type OptionalSource = string;
+export type OptionalSource = string;
 /**
  * Choose to indent the image horizontally on small screens
  */
-type ImageIndent = "none" | "left" | "right";
+export type ImageIndent = "none" | "left" | "right";
 /**
  * Alt text to display for picture
  */
-type AltText = string;
+export type AltText = string;
 /**
  * Choose the alginment of the module content
  */
-type ModuleAligment = "center" | "below" | "offset" | "left" | "right" | "corner" | "bottom";
-interface HeroProps {
+export type ModuleAligment = "center" | "below" | "offset" | "left" | "right" | "corner" | "bottom";
+export interface HeroProps {
     headline?: Headline;
     sub?: ModuleSubheadline;
     text?: ModuleText;
@@ -95,7 +95,7 @@ interface HeroProps {
     image?: BackgroundImage;
     textPosition?: ModuleAligment;
 }
-interface Button {
+export interface Button {
     label?: Label;
     icon?: Icon;
     url?: URL;
@@ -103,7 +103,7 @@ interface Button {
 /**
  * Sources of background images for different screen sizes
  */
-interface BackgroundImage {
+export interface BackgroundImage {
     srcMobile: MobileImageSource;
     srcTablet?: TabletImageSource;
     srcDesktop?: DesktopImageSource;
@@ -111,4 +111,3 @@ interface BackgroundImage {
     indent?: ImageIndent;
     alt?: AltText;
 }
-export { Headline, ModuleSubheadline, ModuleText, HighlightText, ColorNeutral, Height, Textbox, InvertText, Label, Icon, URL, SkipButton, GridLayer, MobileImageSource, TabletImageSource, DesktopImageSource, OptionalSource, ImageIndent, AltText, ModuleAligment, HeroProps, Button, BackgroundImage };

package/dist/{components → src/components}/html/Html.client.d.ts

@@ -1,5 +1,4 @@
-declare class Html {
+export default class Html {
     static identifier: string;
     constructor(element: any);
 }
-export { Html as default };

package/dist/src/components/html/Html.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { Html } from "./HtmlComponent";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof Html>;
+export declare const HTML: Story;
+export declare const WithConsent: Story;
+export declare const WithScript: Story;

package/dist/src/components/html/HtmlComponent.d.ts

@@ -0,0 +1,8 @@
+import { HTMLAttributes } from "react";
+import { HtmlProps } from "./HtmlProps";
+import "./Html.client";
+import "./html.scss";
+export type { HtmlProps };
+export declare const HtmlContextDefault: import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const HtmlContext: import("react").Context<import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const Html: import("react").ForwardRefExoticComponent<HtmlProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/html/HtmlDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { HtmlProps } from "./HtmlProps";
+declare const defaults: DeepPartial<HtmlProps>;
+export default defaults;

package/dist/{HtmlProps-9d091769.d.ts → src/components/html/HtmlProps.d.ts}

@@ -3,24 +3,24 @@
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
  * and run json-schema-to-typescript to regenerate this file.
  */
-type HTMLString = string;
-type ShowHTMLAfterConsent = boolean;
+export type HTMLString = string;
+export type ShowHTMLAfterConsent = boolean;
 /**
  * Invert the colors of the HTML
  */
-type Inverted = boolean;
+export type Inverted = boolean;
 /**
  * Add additional css classes that should be applied to the element
  */
-type AdditionalClasses = string;
+export type AdditionalClasses = string;
 /**
  * Optional custom component identifier
  */
-type KsComponentAttribute = string;
+export type KsComponentAttribute = string;
 /**
  * Display raw HTML.
  */
-interface HtmlProps {
+export interface HtmlProps {
     html?: HTMLString;
     consent?: ShowHTMLAfterConsent;
     consentText?: string;
@@ -31,4 +31,3 @@ interface HtmlProps {
     className?: AdditionalClasses;
     component?: KsComponentAttribute;
 }
-export { HTMLString, ShowHTMLAfterConsent, Inverted, AdditionalClasses, KsComponentAttribute, HtmlProps };

package/dist/src/components/image-story/ImageStory.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from "@storybook/react-vite";
+import { ImageStory } from "./ImageStoryComponent";
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof ImageStory>;
+export declare const StickyImageNextToScrollingText: Story;

package/dist/src/components/image-story/ImageStoryComponent.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes } from "react";
+import { ImageStoryProps } from "./ImageStoryProps";
+import "./image-story.scss";
+export type { ImageStoryProps };
+export declare const ImageStoryContextDefault: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ImageStoryContext: import("react").Context<import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
+export declare const ImageStory: import("react").ForwardRefExoticComponent<ImageStoryProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/image-story/ImageStoryDefaults.d.ts

@@ -0,0 +1,4 @@
+import { DeepPartial } from "../helpers";
+import { ImageStoryProps } from "./ImageStoryProps";
+declare const defaults: DeepPartial<ImageStoryProps>;
+export default defaults;