@kickstartds/ds-agency-premium 1.6.71--canary.54.2407.0 → 1.6.71

package/dist/components/search-result-match/search-result-match.schema.dereffed.json

@@ -1,33 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
-  "title": "Search Result Match",
-  "type": "object",
-  "properties": {
-    "title": {
-      "title": "Title",
-      "type": "string",
-      "description": "The title of the match.",
-      "examples": [
-        "Panel Discussion: Ethics in AI"
-      ]
-    },
-    "snippet": {
-      "title": "Text",
-      "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
-      ]
-    },
-    "url": {
-      "title": "URL",
-      "type": "string",
-      "description": "A URL linking to the specific match or more information.",
-      "examples": [
-        "https://www.example.com/ai-conference-2023/panel-discussion"
-      ]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/search-result-match/search-result-match.schema.json

@@ -1,31 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/search-result-match.schema.json",
-  "title": "Search Result Match",
-  "type": "object",
-  "properties": {
-    "title": {
-      "title": "Title",
-      "type": "string",
-      "description": "The title of the match.",
-      "examples": ["Panel Discussion: Ethics in AI"]
-    },
-    "snippet": {
-      "title": "Text",
-      "type": "string",
-      "description": "The main content or description of the search result.",
-      "examples": [
-        "Experts debate the ethical challenges and responsibilities of deploying AI technologies."
-      ]
-    },
-    "url": {
-      "title": "URL",
-      "type": "string",
-      "description": "A URL linking to the specific match or more information.",
-      "examples": [
-        "https://www.example.com/ai-conference-2023/panel-discussion"
-      ]
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/select-button/index.d.ts

@@ -1,56 +0,0 @@
-/// <reference types="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.
- */
-/**
- * The label for the element
- */
-type Label = string;
-/**
- * Whether the input is disabled
- */
-type Disabled = boolean;
-/**
- * Wheter the input is invalid
- */
-type Invalid = boolean;
-/**
- * Message to show if the input is invalid
- */
-type InvalidMessage = string;
-/**
- * Help text that gives more context about what a user needs to input
- */
-type HintMessage = string;
-/**
- * Additional css classes attached to the input element
- */
-type Class = string;
-/**
- * Optional custom component identifier
- */
-type KsComponentAttribute = string;
-/**
- * A button that allows users to select an option from a multiple elements.
- */
-interface SelectButtonProps {
-    /**
-     * An icon to display on the button.
-     */
-    icon?: string;
-    label?: Label;
-    disabled?: Disabled;
-    invalid?: Invalid;
-    invalidMessage?: InvalidMessage;
-    hint?: HintMessage;
-    className?: Class;
-    component?: KsComponentAttribute;
-}
-declare const SelectButtonContextDefault: import("react").ForwardRefExoticComponent<SelectButtonProps & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-declare const SelectButtonContext: import("react").Context<import("react").ForwardRefExoticComponent<SelectButtonProps & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>>;
-declare const SelectButton: import("react").ForwardRefExoticComponent<SelectButtonProps & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export type { SelectButtonProps };
-export { SelectButtonContextDefault, SelectButtonContext, SelectButton };

package/dist/components/select-button/index.js

@@ -1,17 +0,0 @@
-import "./select-button.css";
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { Radio } from '@kickstartds/form/lib/radio';
-import { Icon } from '@kickstartds/base/lib/icon';
-
-const SelectButtonContextDefault = forwardRef(({ icon, label, ...props }, ref) => {
-    return (jsx(Fragment, { children: jsx(Radio, { label: label, ...props, ref: ref, renderLabel: () => (jsxs(Fragment, { children: [jsx(Icon, { icon: icon }), label] })), labelProps: { className: "c-select-button" } }) }));
-});
-const SelectButtonContext = createContext(SelectButtonContextDefault);
-const SelectButton = forwardRef((props, ref) => {
-    const Component = useContext(SelectButtonContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-SelectButton.displayName = "SelectButton";
-
-export { SelectButton, SelectButtonContext, SelectButtonContextDefault };

package/dist/components/select-button/select-button.css

@@ -1,31 +0,0 @@
-.c-select-button {
-  display: flex;
-}
-.c-select-button .c-form-check__field {
-  width: 100%;
-}
-.c-select-button .c-form-check__input:checked + .c-form-check__box + .c-form-check__label {
-  border-color: var(--ks-border-color-interface-interactive-selected);
-}
-.c-select-button .c-form-check__label {
-  margin: auto;
-  flex-grow: 1;
-  gap: 0.5rem;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
-  border-radius: 0.5rem;
-  transition: var(--ks-transition-hover);
-  padding: 0.75rem;
-}
-.c-select-button .c-form-check__label:hover {
-  border-color: var(--ks-border-color-interface-interactive-hover);
-}
-.c-select-button .c-form-check__label .icon {
-  width: 1.5em;
-  height: 1.5em;
-}
-.c-select-button .c-form-check__box {
-  display: none;
-}

package/dist/components/selection-rack/index.d.ts

@@ -1,43 +0,0 @@
-/// <reference types="react" />
-import { 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.
- */
-/**
- * The label for the element
- */
-type Label = string;
-type Options = OptionSelectButton[];
-/**
- * Component used for user interaction
- */
-interface SelectionRackProps {
-    options?: Options;
-    value?: string;
-}
-/**
- * An option in the selection rack
- */
-interface OptionSelectButton {
-    label: Label;
-    value?: string;
-}
-declare const SelectionRackContextDefault: import("react").ForwardRefExoticComponent<SelectionRackProps & {
-    onChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
-declare const SelectionRackContext: import("react").Context<import("react").ForwardRefExoticComponent<SelectionRackProps & {
-    onChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLDivElement>>>;
-declare const SelectionRack: import("react").ForwardRefExoticComponent<SelectionRackProps & {
-    onChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLDivElement>>;
-declare const SelectionRackProvider: FC<PropsWithChildren>;
-declare const option: (label: string, value?: string) => {
-    label: string;
-    value: string;
-};
-export type { SelectionRackProps };
-export { SelectionRackContextDefault, SelectionRackContext, SelectionRack, SelectionRackProvider, option };

package/dist/components/selection-rack/index.js

@@ -1,28 +0,0 @@
-import "./selection-rack.css";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
-import { Button } from '../button/index.js';
-import 'classnames';
-import '@kickstartds/base/lib/button';
-
-const defaults = {
-    "options": []
-};
-
-const SelectionRackContextDefault = forwardRef(({ options, value, onChange }, ref) => (jsx("div", { ref: ref, className: "dsa-selection-rack", children: options.map((option, index) => (jsx(Button, { className: "dsa-selection-rack__button", label: option.label, onClick: () => onChange?.(option.value), 
-        // @ts-expect-error
-        value: option.value, "aria-pressed": value && option.value === value }, index))) })));
-const SelectionRackContext = createContext(SelectionRackContextDefault);
-const SelectionRack = forwardRef((props, ref) => {
-    const Component = useContext(SelectionRackContext);
-    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
-});
-SelectionRack.displayName = "SelectionRack";
-const SelectionRackProvider = (props) => (jsx(SelectionRackContext.Provider, { ...props, value: SelectionRack }));
-const option = (label, value = label) => ({
-    label,
-    value,
-});
-
-export { SelectionRack, SelectionRackContext, SelectionRackContextDefault, SelectionRackProvider, option };

package/dist/components/selection-rack/selection-rack.css

@@ -1,45 +0,0 @@
-.l-container--selection-rack {
-  /* stylelint-disable-next-line property-no-unknown */
-  container-name: selection-rack;
-}
-
-.dsa-selection-rack {
-  border: 1px solid var(--ks-border-color-interface-interactive);
-  border-radius: var(--ks-border-radius-control);
-  align-items: stretch;
-  margin: 0;
-  padding: 0;
-  transition: var(--ks-transition-hover);
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear {
-  background-color: var(--ks-background-color-default);
-  width: 100%;
-  border-radius: 0;
-  padding: var(--dsa-button--padding);
-  position: relative;
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:focus-visible, .dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:focus, .dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:hover, .dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:active {
-  background-color: var(--ks-background-color-interface-interactive-hover);
-  transform: none;
-  outline: 0;
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:focus-visible {
-  outline: var(--dsa-focus--outline);
-  outline-offset: calc(var(--dsa-focus--outline-offset) * -1 + 1px);
-  z-index: 2;
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear span {
-  transition: transform var(--ks-transition-hover);
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:active span {
-  transform: scale(0.975);
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:first-child {
-  border-radius: calc(var(--ks-border-radius-control) - 1px) calc(var(--ks-border-radius-control) - 1px) 0 0;
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:last-child {
-  border-radius: 0 0 calc(var(--ks-border-radius-control) - 1px) calc(var(--ks-border-radius-control) - 1px);
-}
-.dsa-selection-rack .dsa-selection-rack__button.dsa-button.c-button--clear:not(:last-child) {
-  border-bottom: 1px solid var(--ks-border-color-interface-interactive);
-}

package/dist/components/selection-rack/selection-rack.schema.dereffed.json

@@ -1,39 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/selection-rack.schema.json",
-  "title": "Selection Rack",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "options": {
-      "title": "Options",
-      "type": "array",
-      "items": {
-        "title": "Option Select Button",
-        "description": "An option in the selection rack",
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "description": "The label for the element",
-            "type": "string",
-            "examples": [
-              "Est dolore a debitis"
-            ]
-          },
-          "value": {
-            "type": "string"
-          }
-        },
-        "required": [
-          "label"
-        ],
-        "additionalProperties": false
-      }
-    },
-    "value": {
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/selection-rack/selection-rack.schema.json

@@ -1,35 +0,0 @@
-{
-  "$schema": "http://json-schema.org/draft-07/schema#",
-  "$id": "http://schema.mydesignsystem.com/selection-rack.schema.json",
-  "title": "Selection Rack",
-  "description": "Component used for user interaction",
-  "type": "object",
-  "properties": {
-    "options": {
-      "title": "Options",
-      "type": "array",
-      "items": {
-        "title": "Option Select Button",
-        "description": "An option in the selection rack",
-        "type": "object",
-        "properties": {
-          "label": {
-            "title": "Label",
-            "description": "The label for the element",
-            "type": "string",
-            "examples": ["Est dolore a debitis"]
-          },
-          "value": {
-            "type": "string"
-          }
-        },
-        "required": ["label"],
-        "additionalProperties": false
-      }
-    },
-    "value": {
-      "type": "string"
-    }
-  },
-  "additionalProperties": false
-}

package/dist/components/signpost/Signpost.client.d.ts

@@ -1,13 +0,0 @@
-declare class Signpost {
-    static identifier: string;
-    constructor(element: any);
-    panels: any[];
-    tabsMobile: any[];
-    tabsDesktop: any[];
-    activeIndex: number;
-    toggle(index: any): void;
-    open(index: any): void;
-    close(index: any): void;
-    onclick(event: any): void;
-}
-export { Signpost as default };

package/dist/components/signpost/Signpost.client.js

@@ -1,46 +0,0 @@
-import { define, Component } from '@kickstartds/core/lib/component';
-
-class Signpost extends Component {
-    constructor(element) {
-        super(element);
-        this.panels = Array.from(element.querySelectorAll(".signpost__panel"));
-        this.tabsMobile = Array.from(element.querySelectorAll(".signpost__tab--mobile"));
-        this.tabsDesktop = Array.from(element.querySelectorAll(".signpost__tab--desktop"));
-        this.activeIndex = this.panels.findIndex((panel) => !panel.hasAttribute("hidden"));
-        element.addEventListener("click", this);
-    }
-    toggle(index) {
-        if (index === this.activeIndex) {
-            this.close(index);
-            this.activeIndex = -1;
-        }
-        else {
-            if (this.activeIndex > -1) {
-                this.close(this.activeIndex);
-            }
-            this.open(index);
-            this.activeIndex = index;
-        }
-    }
-    open(index) {
-        this.panels[index].removeAttribute("hidden");
-        this.tabsMobile[index].setAttribute("aria-selected", "true");
-        this.tabsDesktop[index].setAttribute("aria-selected", "true");
-    }
-    close(index) {
-        this.panels[index].setAttribute("hidden", "");
-        this.tabsMobile[index].setAttribute("aria-selected", "false");
-        this.tabsDesktop[index].setAttribute("aria-selected", "false");
-    }
-    onclick(event) {
-        const tab = event.target.closest('[aria-controls^="signpost__panel--"]');
-        if (tab) {
-            const [, index] = tab.getAttribute("aria-controls").split("--");
-            this.toggle(parseInt(index, 10));
-        }
-    }
-}
-Signpost.identifier = "swo.signpost";
-define(Signpost.identifier, Signpost);
-
-export { Signpost as default };

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

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { ImgHTMLAttributes } 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.
- */
-import { PageTeaserProps } from "../../PageTeaserProps-3d09c534.js";
-/**
- * Offset of the signpost to overlap the previous section
- */
-type Offset = boolean;
-type Label = string;
-type Icon = string;
-type Tabs = {
-    label?: Label;
-    icon?: Icon;
-    /**
-     * Referenced component PageTeaserProps
-     */
-    pageTeaser?: PageTeaserProps;
-}[];
-/**
- * Add additional css classes that should be applied to the logo
- */
-type AdditionalClasses = string;
-interface SignpostProps {
-    offset?: Offset;
-    tabs?: Tabs;
-    className?: AdditionalClasses;
-}
-declare const SignpostContextDefault: import("react").ForwardRefExoticComponent<SignpostProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
-declare const SignpostContext: import("react").Context<import("react").ForwardRefExoticComponent<SignpostProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>>;
-declare const Signpost: import("react").ForwardRefExoticComponent<SignpostProps & ImgHTMLAttributes<HTMLImageElement> & import("react").RefAttributes<HTMLImageElement>>;
-export type { SignpostProps };
-export { SignpostContextDefault, SignpostContext, Signpost };

package/dist/components/signpost/index.js

@@ -1,33 +0,0 @@
-import "./signpost.css";
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef, createContext, useContext } from 'react';
-import classnames from 'classnames';
-import { Icon } from '@kickstartds/base/lib/icon';
-import { PageTeaser } from '../page-teaser/index.js';
-import './Signpost.client.js';
-import '../energy-calculator/index.js';
-import '../button/index.js';
-import '@kickstartds/base/lib/button';
-import '../../helpers-12f48df8.js';
-import '@kickstartds/form/lib/radio';
-import '@kickstartds/form/lib/text-field';
-import '@kickstartds/form/lib/select-field';
-import '../headline/index.js';
-import 'markdown-to-jsx';
-import '@kickstartds/base/lib/headline';
-import '../select-button/index.js';
-import '../trip-planner/index.js';
-import '@kickstartds/base/lib/link';
-import '@kickstartds/core/lib/component';
-
-const SignpostContextDefault = forwardRef(({ tabs, offset = true, ...props }) => {
-    return (jsx(Fragment, { children: jsxs("div", { ...props, className: classnames("signpost", offset && "signpost--offset"), "ks-component": "swo.signpost", "data-component": "swo.signpost", children: [jsx("div", { className: "signpost__tabs", role: "tablist", children: tabs?.map((tab, index) => (jsxs("button", { type: "button", className: "signpost__tab signpost__tab--desktop", role: "tab", "aria-selected": index === 0, "aria-controls": `signpost__panel--${index}`, children: [jsx(Icon, { className: "signpost__panel-icon", icon: tab?.icon }), tab?.label] }, index))) }), jsx("div", { className: "signpost__panels", children: tabs?.map((tab, index) => (jsxs(Fragment, { children: [jsxs("button", { type: "button", tabIndex: 0, role: "tabpanel", "aria-controls": `signpost__panel--${index}`, className: "signpost__tab signpost__tab--mobile", "aria-selected": index === 0, children: [jsx(Icon, { icon: tab?.icon, className: "signpost__panel-icon" }), tab?.label, jsx(Icon, { icon: "chevron-down", className: "signpost__chevron-icon" })] }, index), jsx("div", { hidden: index !== 0 && true, className: "signpost__panel", tabIndex: 0, role: "tabpanel", id: `signpost__panel--${index}`, children: tab?.pageTeaser && jsx(PageTeaser, { ...tab.pageTeaser }) })] }))) })] }) }));
-});
-const SignpostContext = createContext(SignpostContextDefault);
-const Signpost = forwardRef((props, ref) => {
-    const Component = useContext(SignpostContext);
-    return jsx(Component, { ...props, ref: ref });
-});
-Signpost.displayName = "Signpost";
-
-export { Signpost, SignpostContext, SignpostContextDefault };

package/dist/components/signpost/signpost.css

@@ -1,131 +0,0 @@
-.signpost {
-  position: relative;
-}
-@media (min-width: 960px) {
-  .signpost--offset .signpost__tabs {
-    width: 100%;
-    position: absolute;
-    top: 0;
-    transform: translateY(-100%);
-    z-index: 1;
-    left: 0;
-  }
-}
-.signpost__tabs {
-  display: none;
-}
-@media (min-width: 960px) {
-  .signpost__tabs {
-    display: flex;
-  }
-}
-.signpost__tab {
-  font: var(--ks-font-copy-m);
-  flex: 1 0 0px;
-  display: flex;
-  align-items: center;
-  color: var(--ks-text-color-default);
-  font-weight: bold;
-  transition: 0.3s;
-}
-.signpost__tab[aria-selected=true], .signpost__tab:hover, .signpost__tab:focus {
-  color: var(--ks-text-color-default);
-}
-.signpost__tab--mobile {
-  width: 100%;
-  padding: 1.5rem 1rem 1.5rem 0.25rem;
-  background-color: var(--ks-color-fg-alpha-8);
-}
-.signpost__tab--mobile ~ .signpost__tab--mobile {
-  border-top: 1px solid var(--ks-border-color-default);
-}
-.signpost__tab--mobile:first-of-type {
-  padding-top: 2rem;
-}
-.signpost__tab--mobile:last-of-type[aria-selected=false] {
-  padding-bottom: 2rem;
-}
-@media (min-width: 640px) {
-  .signpost__tab--mobile {
-    padding: 1.5rem 2.5rem 1.5rem 1.5rem;
-  }
-  .signpost__tab--mobile:first-of-type {
-    padding-top: 2.5rem;
-    border-top-left-radius: 0.5rem;
-    border-top-right-radius: 0.5rem;
-  }
-  .signpost__tab--mobile:last-of-type[aria-selected=false] {
-    padding-bottom: 3.5rem;
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-}
-@media (min-width: 960px) {
-  .signpost__tab--mobile {
-    display: none;
-  }
-}
-.signpost__tab--desktop {
-  flex-direction: column;
-  padding: 1rem;
-  background-color: var(--ks-color-fg-to-bg-9);
-  text-align: center;
-}
-@media (min-width: 640px) {
-  .signpost__tab--desktop:first-child {
-    border-top-left-radius: 0.5rem;
-  }
-  .signpost__tab--desktop:last-child {
-    border-top-right-radius: 0.5rem;
-  }
-}
-.signpost__tab--desktop[aria-selected=true] {
-  background-color: white;
-}
-.signpost__panel-icon {
-  margin: 0 0.75rem;
-  color: var(--ks-text-color-default);
-  transition: 0.3s;
-}
-@media (min-width: 640px) {
-  .signpost__panel-icon {
-    width: 2.5rem;
-    height: 2.5rem;
-    margin: 0 1rem;
-  }
-}
-[aria-selected=true] .signpost__panel-icon, .signpost__tab:hover .signpost__panel-icon, .signpost__tab:focus .signpost__panel-icon {
-  color: var(--ks-color-primary);
-}
-.signpost__chevron-icon {
-  margin-left: auto;
-  width: 1.5rem;
-  height: 1.5rem;
-  color: var(--ks-text-color-default);
-  transition: 0.3s;
-}
-[aria-selected=true] .signpost__chevron-icon {
-  color: var(--ks-color-primary);
-  transform: scaleY(-1);
-}
-.signpost__panel:last-of-type .page-teaser {
-  padding-bottom: 2rem;
-}
-@media (min-width: 640px) {
-  .signpost__panel:last-of-type .page-teaser {
-    padding-bottom: 3.5rem;
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-}
-@media (min-width: 960px) {
-  .signpost__panel:last-of-type .page-teaser {
-    padding-bottom: 0;
-  }
-}
-@media (min-width: 960px) {
-  .signpost .page-teaser {
-    border-bottom-left-radius: 0.5rem;
-    border-bottom-right-radius: 0.5rem;
-  }
-}