@kickstartds/ds-agency-premium 1.7.0--canary.46.1927.0 → 1.7.0--canary.43.2352.0

package/dist/components/event-login/event-login.schema.dereffed.json

@@ -0,0 +1,122 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-login.schema.json",
+  "title": "Event Login",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the event login",
+      "type": "string",
+      "examples": [
+        "Welcome back!"
+      ]
+    },
+    "text": {
+      "title": "Text",
+      "description": "Text for the event login",
+      "type": "string",
+      "examples": [
+        "Please enter your details to login"
+      ]
+    },
+    "usernameInput": {
+      "title": "Username Input",
+      "description": "Input field for the username",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": [
+            "Username"
+          ]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": [
+            "Enter your username"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "passwordInput": {
+      "title": "Password Input",
+      "description": "Input field for the password",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the password input",
+          "type": "string",
+          "examples": [
+            "Password"
+          ]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": [
+            "Enter your password"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": [
+            "Login"
+          ]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "examples": [
+            "#"
+          ]
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "examples": [
+            "Event Login"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "resetPassword": {
+      "title": "Reset Password",
+      "description": "Link to reset password",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Text for the reset password link",
+          "type": "string",
+          "examples": [
+            "Reset Password?"
+          ]
+        },
+        "url": {
+          "title": "URL",
+          "description": "URL for the reset password link",
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-login/event-login.schema.json

@@ -0,0 +1,98 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-login.schema.json",
+  "title": "Event Login",
+  "type": "object",
+  "properties": {
+    "headline": {
+      "title": "Headline",
+      "description": "Headline for the event login",
+      "type": "string",
+      "examples": ["Welcome back!"]
+    },
+    "text": {
+      "title": "Text",
+      "description": "Text for the event login",
+      "type": "string",
+      "examples": ["Please enter your details to login"]
+    },
+    "usernameInput": {
+      "title": "Username Input",
+      "description": "Input field for the username",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": ["Username"]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": ["Enter your username"]
+        }
+      }
+    },
+    "passwordInput": {
+      "title": "Password Input",
+      "description": "Input field for the password",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the password input",
+          "type": "string",
+          "examples": ["Password"]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": ["Enter your password"]
+        }
+      }
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": ["Login"]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "examples": ["#"]
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "examples": ["Event Login"]
+        }
+      }
+    },
+    "resetPassword": {
+      "title": "Reset Password",
+      "description": "Link to reset password",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Text for the reset password link",
+          "type": "string",
+          "examples": ["Reset Password?"]
+        },
+        "url": {
+          "title": "URL",
+          "description": "URL for the reset password link",
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        }
+      }
+    }
+  },
+  "additionalProperties": false
+}

package/dist/components/event-login/index.d.ts

@@ -0,0 +1,78 @@
+/// <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.
+ */
+/**
+ * Headline for the event login
+ */
+type Headline = string;
+/**
+ * Text for the event login
+ */
+type Text = string;
+/**
+ * Label for the password input
+ */
+type Label = string;
+/**
+ * Placeholder text for the email input
+ */
+type Placeholder = string;
+/**
+ * Label for the call to action button
+ */
+type ButtonLabel = string;
+/**
+ * Aria label for the cta button
+ */
+type AriaLabel = string;
+/**
+ * Text for the reset password link
+ */
+type Label1 = string;
+/**
+ * URL for the reset password link
+ */
+type URL = string;
+interface EventLoginProps {
+    headline?: Headline;
+    text?: Text;
+    usernameInput?: UsernameInput;
+    passwordInput?: PasswordInput;
+    cta?: CallToAction;
+    resetPassword?: ResetPassword;
+}
+/**
+ * Input field for the username
+ */
+interface UsernameInput {
+    label?: string;
+    placeholder?: string;
+}
+/**
+ * Input field for the password
+ */
+interface PasswordInput {
+    label?: Label;
+    placeholder?: Placeholder;
+}
+interface CallToAction {
+    label?: ButtonLabel;
+    url?: string;
+    ariaLabel?: AriaLabel;
+}
+/**
+ * Link to reset password
+ */
+interface ResetPassword {
+    label?: Label1;
+    url?: URL;
+}
+declare const EventLoginContextDefault: import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const EventLoginContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>>;
+declare const EventLogin: import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { EventLoginProps };
+export { EventLoginContextDefault, EventLoginContext, EventLogin };

package/dist/components/event-login/index.js

@@ -0,0 +1,31 @@
+import "./event-login.css";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, createContext, useContext } from 'react';
+import { Headline } from '../headline/index.js';
+import { Link } from '@kickstartds/base/lib/link';
+import { TextField } from '@kickstartds/form/lib/text-field';
+import { Button } from '../button/index.js';
+import Markdown from 'markdown-to-jsx';
+import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
+import 'classnames';
+import '@kickstartds/base/lib/headline';
+import '@kickstartds/base/lib/button';
+
+const defaults = {
+    "usernameInput": {},
+    "passwordInput": {},
+    "cta": {},
+    "resetPassword": {
+        "url": "#"
+    }
+};
+
+const EventLoginContextDefault = forwardRef(({ headline, text, usernameInput, passwordInput, cta, resetPassword }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-login", children: [jsx(Headline, { spaceAfter: "minimum", text: headline, level: "h2" }), jsx(Markdown, { className: "dsa-event-login__text", children: text }), jsxs("form", { className: "dsa-event-login__form", children: [jsxs("div", { className: "dsa-event-login__inputs", children: [jsx(TextField, { label: usernameInput.label, placeholder: usernameInput?.placeholder }), jsx(TextField, { type: "password", label: passwordInput.label, placeholder: passwordInput?.placeholder })] }), jsxs("div", { className: "dsa-event-login__actions", children: [jsx(Link, { className: "dsa-event-login__link", href: resetPassword?.url, children: resetPassword?.label || "Forgot your password?" }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })] })));
+const EventLoginContext = createContext(EventLoginContextDefault);
+const EventLogin = forwardRef((props, ref) => {
+    const Component = useContext(EventLoginContext);
+    return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
+});
+EventLogin.displayName = "EventLogin";
+
+export { EventLogin, EventLoginContext, EventLoginContextDefault };

package/dist/components/event-registration/event-registration.css

@@ -0,0 +1,88 @@
+.dsa-event-registration {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}
+.dsa-event-registration__link {
+  width: fit-content;
+  font: var(--ks-font-interface-s);
+}
+.dsa-event-registration__details {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-s);
+}
+.dsa-event-registration__date {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-xxs);
+}
+.dsa-event-registration__date > .dsa-event-registration__info:first-child {
+  font-weight: var(--ks-font-weight-semi-bold);
+}
+.dsa-event-registration__location {
+  flex-basis: var(--dsa-tile--width_small);
+  flex-grow: 1;
+}
+.dsa-event-registration__location-name {
+  font-weight: var(--ks-font-weight-semi-bold);
+  color: var(--dsa-topic--color);
+  display: block;
+}
+.dsa-event-registration__location-address {
+  margin: 0;
+}
+.dsa-event-registration__infos {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+  background: var(--ks-background-color-accent);
+  border-radius: var(--ks-border-radius-card);
+  padding: var(--ks-spacing-inset-stretch-m);
+}
+.dsa-event-registration__info {
+  display: flex;
+  gap: calc(var(--ks-spacing-xxs) * 0.75);
+  font: var(--ks-font-interface-s);
+  justify-content: flex-start;
+  color: var(--ks-text-color-interface);
+}
+.dsa-event-registration__info address {
+  font-style: normal;
+}
+.dsa-event-registration__info--location {
+  flex-basis: 100%;
+}
+.dsa-event-registration__info .icon {
+  align-self: flex-start;
+  width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
+  height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
+  color: var(--ks-text-color-primary);
+  flex-shrink: 0;
+}
+.dsa-event-registration__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}
+.dsa-event-registration__form .c-button {
+  align-self: flex-end;
+}
+.dsa-event-registration__inputs {
+  display: flex;
+  flex-direction: column;
+  gap: var(--ks-spacing-stack-s);
+}
+.dsa-event-registration__footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  gap: var(--ks-spacing-stack-xs) var(--ks-spacing-inline-m);
+}
+.dsa-event-registration__mandatory-text {
+  font: var(--ks-font-interface-xs);
+  color: var(--ks-color-fg-alpha-4);
+  font-style: italic;
+  flex-basis: var(--dsa-tile--width_small);
+}

package/dist/components/event-registration/event-registration.schema.dereffed.json

@@ -0,0 +1,171 @@
+{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
+  "title": "Event Registration",
+  "type": "object",
+  "properties": {
+    "label": {
+      "title": "Label",
+      "description": "Label of the event registration",
+      "type": "string",
+      "examples": [
+        "Registration Request"
+      ]
+    },
+    "title": {
+      "title": "Title",
+      "description": "Title of the event",
+      "type": "string",
+      "examples": [
+        "The Future of AI"
+      ]
+    },
+    "link": {
+      "type": "object",
+      "title": "Link",
+      "description": "Link to the event details",
+      "properties": {
+        "url": {
+          "type": "string",
+          "title": "URL",
+          "description": "URL to the event details",
+          "examples": [
+            "#"
+          ],
+          "format": "uri"
+        },
+        "text": {
+          "title": "Link Text",
+          "description": "Text for the link to the event details",
+          "type": "string",
+          "examples": [
+            "More Information on the Event"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "date": {
+      "title": "Date",
+      "description": "Date of the registration",
+      "type": "string",
+      "format": "date",
+      "examples": [
+        "18.09.2025"
+      ]
+    },
+    "time": {
+      "title": "Time",
+      "description": "Time of the registration",
+      "type": "string",
+      "examples": [
+        "09:00 – 17:00"
+      ]
+    },
+    "location": {
+      "type": "object",
+      "title": "Location",
+      "description": "Location of the event",
+      "properties": {
+        "name": {
+          "type": "string",
+          "examples": [
+            "Berlin Congress Center"
+          ]
+        },
+        "address": {
+          "type": "string",
+          "examples": [
+            "Alexanderplatz 1, 10178 Berlin"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "nameInput": {
+      "title": "Name Input",
+      "description": "Input field for the name",
+      "type": "object",
+      "properties": {
+        "label": {
+          "type": "string",
+          "examples": [
+            "Name*"
+          ]
+        },
+        "placeholder": {
+          "type": "string",
+          "examples": [
+            "Enter your name"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "emailInput": {
+      "title": "Email Input",
+      "description": "Input field for the email",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Label",
+          "description": "Label for the email input",
+          "type": "string",
+          "examples": [
+            "Email*"
+          ]
+        },
+        "placeholder": {
+          "title": "Placeholder",
+          "description": "Placeholder text for the email input",
+          "type": "string",
+          "examples": [
+            "Enter your email"
+          ]
+        }
+      },
+      "additionalProperties": false
+    },
+    "confirmationCheckboxLabel": {
+      "title": "Label",
+      "description": "Label for the confirmation checkbox",
+      "type": "string",
+      "examples": [
+        "I read and agree to the terms and conditions*"
+      ]
+    },
+    "mandatoryText": {
+      "title": "Mandatory Text",
+      "description": "Text indicating that the checkbox is mandatory",
+      "type": "string",
+      "default": "_* Mandatory_"
+    },
+    "cta": {
+      "title": "Call to Action",
+      "type": "object",
+      "properties": {
+        "label": {
+          "title": "Button Label",
+          "description": "Label for the call to action button",
+          "type": "string",
+          "examples": [
+            "Send Request"
+          ]
+        },
+        "url": {
+          "type": "string",
+          "format": "uri",
+          "default": "#"
+        },
+        "ariaLabel": {
+          "title": "Aria Label",
+          "description": "Aria label for the cta button",
+          "type": "string",
+          "default": "Event Registration"
+        }
+      },
+      "additionalProperties": false
+    }
+  },
+  "additionalProperties": false
+}