@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.0

package/dist/EventListTeaserProps-5cc94436.d.ts

@@ -1,89 +0,0 @@
-/**
- * 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.
- */
-/**
- * Category of the event teaser
- */
-type Category = string;
-/**
- * Title of the event
- */
-type Headline = string;
-/**
- * Short teaser text for the event
- */
-type Text = string;
-/**
- * The date of the event
- */
-type Date = string;
-/**
- * The time of the event
- */
-type Time = string;
-/**
- * Name of the location
- */
-type LocationName = string;
-/**
- * Address of the location
- */
-type Address = string;
-/**
- * Tags associated with the event
- */
-type Tags = string[];
-/**
- * URL of the image to display
- */
-type ImageSource = string;
-/**
- * Alt text of the image
- */
-type AltText = string;
-/**
- * The event entry URL to link
- */
-type URL = string;
-/**
- * Text for the call to action
- */
-type CallToAction = string;
-/**
- * ARIA label for accessibility
- */
-type ARIALabel = string;
-/**
- * Display an event teaser with date, title and location
- */
-interface EventListTeaserProps {
-    category?: Category;
-    title: Headline;
-    text?: Text;
-    date: Date;
-    time?: Time;
-    location: Location;
-    tags?: Tags;
-    image?: Image;
-    url?: URL;
-    ctaText?: CallToAction;
-    ariaLabel?: ARIALabel;
-    className?: string;
-}
-/**
- * Location of the event
- */
-interface Location {
-    name?: LocationName;
-    address?: Address;
-}
-/**
- * Image to display in the teaser
- */
-interface Image {
-    src?: ImageSource;
-    alt?: AltText;
-}
-export { Category, Headline, Text, Date, Time, LocationName, Address, Tags, ImageSource, AltText, URL, CallToAction, ARIALabel, EventListTeaserProps, Location, Image };

package/dist/EventLocationProps-871bc198.d.ts

@@ -1,41 +0,0 @@
-/**
- * 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 { EventAppointmentProps } from "./EventAppointmentProps-443cd1ce.js";
-/**
- * List of dates of the event
- */
-type Dates = EventAppointmentProps[];
-/**
- * Name of the event location
- */
-type LocationName = string;
-/**
- * Spacious is recommended for 1-2 appointments, Compact for more than 2.
- */
-type DisplayMode = "spacious" | "compact";
-/**
- * Address of the appointment
- */
-type Address = string;
-/**
- * Links related to the event location
- */
-type Links = {
-    url: string;
-    label: string;
-    /**
-     * Open link in a new tab
-     */
-    newTab?: boolean;
-}[];
-interface EventLocationProps {
-    dates?: Dates;
-    locationName?: LocationName;
-    displayMode?: DisplayMode;
-    address?: Address;
-    links?: Links;
-}
-export { Dates, LocationName, DisplayMode, Address, Links, EventLocationProps };

package/dist/FeaturesProps-a9041d97.d.ts

@@ -1,67 +0,0 @@
-/**
- * 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.
- */
-/**
- * The layout variant to use for the features
- */
-type Layout = "largeTiles" | "smallTiles" | "list";
-/**
- * Activate/disable the CTAs
- */
-type CTAToggle = boolean;
-/**
- * The features to display
- *
- * @minItems 1
- * @maxItems 8
- */
-type Features = [Feature] | [Feature, Feature] | [Feature, Feature, Feature] | [Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature] | [Feature, Feature, Feature, Feature, Feature, Feature, Feature, Feature];
-/**
- * The icon for the feature
- */
-type Icon = string;
-/**
- * The title of the feature
- */
-type Title = string;
-/**
- * The description of the feature
- */
-type Text = string;
-/**
- * The CTA url
- */
-type CallToActionUrl = string;
-/**
- * The text label displayed on the link
- */
-type LinkLabel = string;
-/**
- * Icon for the link style of the cta
- */
-type Icon1 = string;
-/**
- * Component used to display a set of features
- */
-interface FeaturesProps {
-    layout?: Layout;
-    style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
-    ctas?: {
-        toggle?: CTAToggle;
-        style?: "button" | "link" | "intext";
-    };
-    feature?: Features;
-}
-interface Feature {
-    icon?: Icon;
-    title?: Title;
-    text?: Text;
-    cta?: {
-        url?: CallToActionUrl;
-        label?: LinkLabel;
-        icon?: Icon1;
-    };
-}
-export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionUrl, LinkLabel, Icon1, FeaturesProps, Feature };

package/dist/HtmlProps-9d091769.d.ts

@@ -1,34 +0,0 @@
-/**
- * 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.
- */
-type HTMLString = string;
-type ShowHTMLAfterConsent = boolean;
-/**
- * Invert the colors of the HTML
- */
-type Inverted = boolean;
-/**
- * Add additional css classes that should be applied to the element
- */
-type AdditionalClasses = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * Display raw HTML.
- */
-interface HtmlProps {
-    html?: HTMLString;
-    consent?: ShowHTMLAfterConsent;
-    consentText?: string;
-    consentButtonLabel?: string;
-    consentBackgroundImage?: string;
-    consentAspectRatio?: "16:9" | "16:10" | "4:3" | "1:1";
-    inverted?: Inverted;
-    className?: AdditionalClasses;
-    component?: KsComponentAttribute;
-}
-export { HTMLString, ShowHTMLAfterConsent, Inverted, AdditionalClasses, KsComponentAttribute, HtmlProps };

package/dist/SearchFilterProps-2fa6419b.d.ts

@@ -1,29 +0,0 @@
-/**
- * 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.
- */
-interface SearchFilterProps {
-    /**
-     * The title of the search filter.
-     */
-    title?: string;
-    /**
-     * The categories to filter by.
-     */
-    categories?: {
-        /**
-         * The name of the category.
-         */
-        title?: string;
-        /**
-         * The number of items in the category.
-         */
-        amount?: string;
-        /**
-         * The URL to filter by this category.
-         */
-        url?: string;
-    }[];
-}
-export { SearchFilterProps };

package/dist/SearchResultProps-224c2338.d.ts

@@ -1,33 +0,0 @@
-/**
- * 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.
- */
-/**
- * A URL linking to the search result or more information.
- */
-type URL = string;
-/**
- * The title of the search result.
- */
-type Title = string;
-/**
- * The main content or description of the search result.
- */
-type Text = string;
-/**
- * Whether to display the link to the search result.
- */
-type ShowLink = boolean;
-/**
- * An ARIA label for accessibility purposes.
- */
-type ARIALabel = string;
-interface SearchResultProps {
-    url?: URL;
-    title?: Title;
-    text?: Text;
-    showLink?: ShowLink;
-    ariaLabel?: ARIALabel;
-}
-export { URL, Title, Text, ShowLink, ARIALabel, SearchResultProps };

package/dist/components/breadcrumb/breadcrumb.css

@@ -1,32 +0,0 @@
-.dsa-breadcrumb {
-  --dsa-breadcrumb--gap: var(--ks-spacing-xxs);
-  --dsa-breadcrumb--font: var(--ks-font-interface-xs);
-  --dsa-breadcrumb--color: var(--ks-text-color-interface-interactive);
-  --dsa-breadcrumb--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-breadcrumb__icon--size: 1.5em;
-  --dsa-breadcrumb__icon--color: var(--ks-color-fg-alpha-5);
-  --dsa-breadcrumb--color_active: var(--ks-text-color-interface-interactive-active);
-}
-
-.dsa-breadcrumb {
-  display: flex;
-  gap: var(--dsa-breadcrumb--gap, var(--ks-spacing-xxs));
-  flex-wrap: wrap;
-  align-items: flex-start;
-  font: var(--dsa-breadcrumb--font, var(--ks-font-interface-xs));
-}
-.dsa-breadcrumb__icon {
-  color: var(--dsa-breadcrumb__icon--color, var(--ks-color-fg-alpha-5));
-  width: var(--dsa-breadcrumb__icon--size, 1.5em);
-  height: var(--dsa-breadcrumb__icon--size, 1.5em);
-}
-.dsa-breadcrumb__link {
-  --g-link--color: var(--dsa-breadcrumb--color, var(--ks-text-color-interface-interactive));
-  --g-link--color-hover: var(--dsa-breadcrumb--color_hover, var(--ks-text-color-interface-interactive-hover));
-  font: inherit;
-}
-.dsa-breadcrumb__label {
-  color: var(--dsa-breadcrumb--color_active, var(--ks-text-color-interface-interactive-active));
-  font: inherit;
-  font-weight: var(--dsa-link--font-weight);
-}

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

@@ -1,34 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
-  "title": "Breadcrumb",
-  "type": "object",
-  "properties": {
-    "pages": {
-      "type": "array",
-      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": {
-            "type": "string",
-            "description": "The URL to the page"
-          },
-          "label": {
-            "type": "string",
-            "description": "The label for the title of the page"
-          }
-        },
-        "required": [
-          "url",
-          "label"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "type": {
-      "const": "breadcrumb"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/breadcrumb/breadcrumb.schema.json

@@ -1,27 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/breadcrumb.schema.json",
-  "title": "Breadcrumb",
-  "type": "object",
-  "properties": {
-    "pages": {
-      "type": "array",
-      "description": "An array of breadcrumb pages. Each page should have a URL and a label.",
-      "items": {
-        "type": "object",
-        "properties": {
-          "url": {
-            "type": "string",
-            "description": "The URL to the page"
-          },
-          "label": {
-            "type": "string",
-            "description": "The label for the title of the page"
-          }
-        },
-        "required": ["url", "label"]
-      }
-    }
-  },
-  "additionalProperties": false
-}

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

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { HTMLAttributes } 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.
- */
-interface BreadcrumbProps {
-    /**
-     * An array of breadcrumb pages. Each page should have a URL and a label.
-     */
-    pages?: {
-        /**
-         * The URL to the page
-         */
-        url: string;
-        /**
-         * The label for the title of the page
-         */
-        label: string;
-    }[];
-}
-declare const BreadcrumbContextDefault: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbContext: import("react").Context<import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
-declare const Breadcrumb: import("react").ForwardRefExoticComponent<BreadcrumbProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-export type { BreadcrumbProps };
-export { BreadcrumbContextDefault, BreadcrumbContext, Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -1,17 +0,0 @@
-import "./breadcrumb.css";
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { Link } from '@kickstartds/base/lib/link';
-
-const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
-    return (jsx("div", { className: "dsa-breadcrumb", ref: ref, children: pages.map((page, index) => index !== pages.length - 1 ? (jsxs(Fragment, { children: [jsx(Link, { href: page.url, className: "dsa-breadcrumb__link", children: page.label }), jsx(Icon, { className: "dsa-breadcrumb__icon", icon: "chevron-right" })] })) : (jsx("span", { className: "dsa-breadcrumb__label", children: page.label }))) }));
-});
-const BreadcrumbContext = createContext(BreadcrumbContextDefault);
-const Breadcrumb = forwardRef((props, ref) => {
-    const Component = useContext(BreadcrumbContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-Breadcrumb.displayName = "Breadcrumb";
-
-export { Breadcrumb, BreadcrumbContext, BreadcrumbContextDefault };

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

@@ -1,112 +0,0 @@
-.dsa-content-nav {
-  --dsa-content-nav--padding: var(--ks-spacing-inset-m);
-  --dsa-content-nav--background-color: var(--ks-background-color-card);
-  --dsa-content-nav__topic--font: var(--dsa-topic--font);
-  --dsa-content-nav__topic--font-weight: var(--dsa-topic--font-weight);
-  --dsa-content-nav__topic--color: var(--dsa-topic--color);
-  --dsa-content-nav__topic--margin-top: var(--ks-spacing-stack-m);
-  --dsa-content-nav__image--aspect-ratio: 16 / 9;
-  --dsa-content-nav__image--border-radius: var(--ks-border-radius-card);
-  --dsa-content-nav__links--gap: var(--ks-spacing-stack-xs);
-  --dsa-content-nav__link--color: var(--ks-text-color-interface-interactive);
-  --dsa-content-nav__link--color_hover: var(--ks-text-color-interface-interactive-hover);
-  --dsa-content-nav__toggle-more--font: var(--ks-font-interface-m);
-  --dsa-content-nav__toggle-more--color: var(--dsa-link--color);
-  --dsa-content-nav__toggle-more--margin-top: var(--ks-spacing-stack-xs);
-}
-
-.dsa-content-nav {
-  border-radius: var(--ks-border-radius-card);
-  padding: var(--dsa-content-nav--padding, var(--ks-spacing-inset-m));
-  display: flex;
-  flex-direction: column;
-  background-color: var(--dsa-content-nav--background-color, var(--ks-background-color-card));
-}
-.dsa-content-nav__topic {
-  font: var(--dsa-content-nav__topic--font, var(--dsa-topic--font));
-  color: var(--dsa-content-nav__topic--color, var(--dsa-topic--color));
-  font-weight: var(--dsa-content-nav__topic--font-weight, var(--dsa-topic--font-weight));
-  margin-top: var(--dsa-content-nav__topic--margin-top, var(--ks-spacing-stack-m));
-}
-.dsa-content-nav__image img {
-  aspect-ratio: var(--dsa-content-nav__image--aspect-ratio, 16/9);
-  object-fit: cover;
-  border-radius: var(--dsa-content-nav__image--border-radius, var(--ks-border-radius-card));
-}
-.dsa-content-nav__links {
-  display: flex;
-  flex-direction: column;
-  gap: var(--dsa-content-nav__links--gap, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__links--initial {
-  margin-top: var(--dsa-content-nav__links--margin-top, var(--ks-spacing-stack-s));
-}
-.dsa-content-nav__links--more {
-  margin-top: var(--dsa-content-nav__links--gap, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__link {
-  --g-link--color: var(--dsa-content-nav__link--color, var(--ks-text-color-interface-interactive));
-  --g-link--color-hover: var(--dsa-content-nav__link--color_hover, var(--ks-text-color-interface-interactive-hover));
-  font: var(--ks-font-interface-m);
-  width: fit-content;
-}
-.dsa-content-nav__link--active {
-  font-weight: var(--ks-font-weight-bold);
-  color: var(--ks-color-text-active);
-}
-.dsa-content-nav__more-content {
-  display: grid;
-  grid-template-rows: 0fr;
-  transition: var(--ks-transition-collapse);
-}
-.dsa-content-nav__more-content .dsa-content-nav__links {
-  overflow: hidden;
-}
-.dsa-content-nav__more {
-  display: flex;
-  flex-direction: column;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__more-content {
-  grid-template-rows: 1fr;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__toggle-label--more {
-  display: none;
-}
-.dsa-content-nav__more[open] .dsa-content-nav__toggle-label--less {
-  display: block;
-}
-.dsa-content-nav__more[open] .icon {
-  transform: rotate(180deg);
-}
-.dsa-content-nav__toggle-more {
-  width: fit-content;
-  order: 2;
-  color: var(--dsa-content-nav__toggle-more--color, var(--dsa-link--color));
-  cursor: pointer;
-  font: var(--dsa-content-nav__toggle-more--font, var(--ks-font-interface-m));
-  display: flex;
-  align-items: center;
-  gap: calc(var(--ks-spacing-xxs) * 0.25);
-  transition: var(--ks-transition-hover);
-  margin-top: var(--dsa-content-nav__toggle-more--margin-top, var(--ks-spacing-stack-xs));
-}
-.dsa-content-nav__toggle-more:hover {
-  color: var(--dsa-link--color_hover);
-}
-.dsa-content-nav__toggle-more .icon {
-  transition: var(--ks-transition-collapse);
-  transform: translateY(0.05em);
-  font-size: inherit;
-  color: inherit;
-  width: 1.25em;
-  height: 1.25em;
-}
-.dsa-content-nav__toggle-label--more {
-  display: block;
-}
-.dsa-content-nav__toggle-label--less {
-  display: none;
-}
-.dsa-content-nav .c-button {
-  width: fit-content;
-}

package/dist/components/content-nav/content-nav.schema.dereffed.json

@@ -1,61 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
-  "title": "Content Nav",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "uri",
-          "description": "URL of the image to display in the content nav."
-        },
-        "alt": {
-          "type": "string",
-          "description": "Alternative text for the image."
-        }
-      },
-      "required": [
-        "src"
-      ],
-      "additionalProperties": false
-    },
-    "topic": {
-      "type": "string",
-      "description": "The topic of the content being navigated."
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "type": "string",
-            "description": "The text label for the link."
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL the link points to."
-          }
-        },
-        "required": [
-          "label",
-          "url"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "initiallyShown": {
-      "type": "number",
-      "default": 4,
-      "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
-    },
-    "type": {
-      "const": "content-nav"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/content-nav/content-nav.schema.json

@@ -1,52 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/content-nav.schema.json",
-  "title": "Content Nav",
-  "type": "object",
-  "properties": {
-    "image": {
-      "type": "object",
-      "properties": {
-        "src": {
-          "type": "string",
-          "format": "uri",
-          "description": "URL of the image to display in the content nav."
-        },
-        "alt": {
-          "type": "string",
-          "description": "Alternative text for the image."
-        }
-      },
-      "required": ["src"]
-    },
-    "topic": {
-      "type": "string",
-      "description": "The topic of the content being navigated."
-    },
-    "links": {
-      "type": "array",
-      "items": {
-        "type": "object",
-        "properties": {
-          "label": {
-            "type": "string",
-            "description": "The text label for the link."
-          },
-          "url": {
-            "type": "string",
-            "format": "uri",
-            "description": "The URL the link points to."
-          }
-        },
-        "required": ["label", "url"],
-        "additionalProperties": false
-      }
-    },
-    "initiallyShown": {
-      "type": "number",
-      "default": 4,
-      "description": "Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed."
-    }
-  },
-  "additionalProperties": false
-}