@kickstartds/ds-agency-premium 1.6.71--canary.45.1813.0 → 1.6.71--canary.45.1815.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BlogOverviewProps-d62a0a9a.d.ts → BlogOverviewProps-9f207f1c.d.ts} +1 -1
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/event-filter/index.js +1 -1
- package/dist/components/event-latest-teaser/event-latest-teaser.css +4 -1
- package/dist/components/event-login/event-login.css +31 -0
- package/dist/components/event-login/event-login.schema.dereffed.json +125 -0
- package/dist/components/event-login/event-login.schema.json +98 -0
- package/dist/components/event-login/index.d.ts +78 -0
- package/dist/components/event-login/index.js +21 -0
- package/dist/components/event-registration/index.js +1 -1
- package/dist/components/index/index.d.ts +2 -2
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +28 -0
- package/dist/global.css +3 -1
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +0 -0
- /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
6
|
import { SectionProps } from "./SectionProps-21d04028.js";
|
|
7
|
-
import { BlogTeaserProps } from "./BlogTeaserProps-
|
|
7
|
+
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-babe4ee6.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
10
10
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogOverviewProps } from "../../BlogOverviewProps-
|
|
1
|
+
import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
|
|
4
4
|
export type { BlogOverviewProps };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { BlogTeaserProps } from "../../BlogTeaserProps-
|
|
3
|
+
import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
|
|
4
4
|
declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -17,7 +17,7 @@ const EventFilterContextDefault = forwardRef(({ categories = {
|
|
|
17
17
|
label: "Filter Appointments",
|
|
18
18
|
}, resetButton = {
|
|
19
19
|
label: "Reset Filters",
|
|
20
|
-
}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsx("div", { className: "dsa-event-filter__item", children: jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] }) })] })), categories && categories?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__item", children: jsx("div", { className: "dsa-event-filter__categories", children: categories &&
|
|
20
|
+
}, }, ref) => (jsxs("div", { className: "dsa-event-filter", ref: ref, children: [datePicker?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: datePicker.title || "Find Appointment" }), jsx("div", { className: "dsa-event-filter__item", children: jsxs("div", { className: "dsa-event-filter__date-picker", children: [jsx(TextField, { type: "date", label: datePicker.dateFromInput.label || "From", placeholder: datePicker.dateFromInput.placeholder || "Select a date" }), jsx(TextField, { type: "date", label: datePicker.dateToInput.label || "To", placeholder: datePicker.dateToInput.placeholder || "Select a date" })] }) })] })), categories && categories?.toggle && (jsxs(Fragment, { children: [jsx("span", { className: "dsa-event-filter__topic", children: categories?.title || "Categories" }), jsx("div", { className: "dsa-event-filter__item", children: jsx("div", { className: "dsa-event-filter__categories", children: categories &&
|
|
21
21
|
categories.categoryCheckboxes.length > 0 &&
|
|
22
22
|
categories.categoryCheckboxes.map((category, index) => (jsx(Checkbox, { label: category }, index))) }) })] })), jsxs("div", { className: "dsa-event-filter__buttons", children: [jsx(Button, { size: "small", label: applyButton?.label || "Filter Appointments", variant: "primary", onClick: () => {
|
|
23
23
|
// Handle button click
|
|
@@ -118,11 +118,14 @@
|
|
|
118
118
|
align-items: center;
|
|
119
119
|
text-wrap: nowrap;
|
|
120
120
|
margin-left: auto;
|
|
121
|
+
transition: var(--ks-transition-hover);
|
|
122
|
+
}
|
|
123
|
+
.dsa-event-latest-teaser__cta:hover {
|
|
124
|
+
color: var(--ks-text-color-primary-hover);
|
|
121
125
|
}
|
|
122
126
|
.dsa-event-latest-teaser__cta .icon {
|
|
123
127
|
width: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
124
128
|
height: calc(var(--ks-font-size-interface-s) * var(--ks-line-height-interface-s));
|
|
125
|
-
color: var(--ks-text-color-primary);
|
|
126
129
|
flex-shrink: 0;
|
|
127
130
|
flex-grow: 1;
|
|
128
131
|
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
.dsa-event-login {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
}
|
|
5
|
+
.dsa-event-login__text {
|
|
6
|
+
font: var(--ks-font-copy-m);
|
|
7
|
+
color: var(--ks-text-color-copy);
|
|
8
|
+
margin-top: var(--ks-spacing-stack-xs);
|
|
9
|
+
}
|
|
10
|
+
.dsa-event-login__link {
|
|
11
|
+
width: fit-content;
|
|
12
|
+
font: var(--ks-font-interface-s);
|
|
13
|
+
}
|
|
14
|
+
.dsa-event-login__form {
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
margin-top: var(--ks-spacing-stack-m);
|
|
18
|
+
}
|
|
19
|
+
.dsa-event-login__inputs {
|
|
20
|
+
display: flex;
|
|
21
|
+
flex-direction: column;
|
|
22
|
+
gap: var(--ks-spacing-stack-s);
|
|
23
|
+
}
|
|
24
|
+
.dsa-event-login__actions {
|
|
25
|
+
margin-top: var(--ks-spacing-stack-m);
|
|
26
|
+
display: flex;
|
|
27
|
+
flex-wrap: wrap-reverse;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-xs);
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event-login.schema.json",
|
|
4
|
+
"title": "Event Login",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"headline": {
|
|
8
|
+
"title": "Headline",
|
|
9
|
+
"description": "Headline for the event login",
|
|
10
|
+
"type": "string",
|
|
11
|
+
"examples": [
|
|
12
|
+
"Welcome back!"
|
|
13
|
+
]
|
|
14
|
+
},
|
|
15
|
+
"text": {
|
|
16
|
+
"title": "Text",
|
|
17
|
+
"description": "Text for the event login",
|
|
18
|
+
"type": "string",
|
|
19
|
+
"examples": [
|
|
20
|
+
"Please enter your details to login"
|
|
21
|
+
]
|
|
22
|
+
},
|
|
23
|
+
"usernameInput": {
|
|
24
|
+
"title": "Username Input",
|
|
25
|
+
"description": "Input field for the username",
|
|
26
|
+
"type": "object",
|
|
27
|
+
"properties": {
|
|
28
|
+
"label": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"examples": [
|
|
31
|
+
"Username"
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"placeholder": {
|
|
35
|
+
"type": "string",
|
|
36
|
+
"examples": [
|
|
37
|
+
"Enter your username"
|
|
38
|
+
]
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
"additionalProperties": false
|
|
42
|
+
},
|
|
43
|
+
"passwordInput": {
|
|
44
|
+
"title": "Password Input",
|
|
45
|
+
"description": "Input field for the password",
|
|
46
|
+
"type": "object",
|
|
47
|
+
"properties": {
|
|
48
|
+
"label": {
|
|
49
|
+
"title": "Label",
|
|
50
|
+
"description": "Label for the password input",
|
|
51
|
+
"type": "string",
|
|
52
|
+
"examples": [
|
|
53
|
+
"Password"
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
"placeholder": {
|
|
57
|
+
"title": "Placeholder",
|
|
58
|
+
"description": "Placeholder text for the email input",
|
|
59
|
+
"type": "string",
|
|
60
|
+
"examples": [
|
|
61
|
+
"Enter your password"
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"additionalProperties": false
|
|
66
|
+
},
|
|
67
|
+
"cta": {
|
|
68
|
+
"title": "Call to Action",
|
|
69
|
+
"type": "object",
|
|
70
|
+
"properties": {
|
|
71
|
+
"label": {
|
|
72
|
+
"title": "Button Label",
|
|
73
|
+
"description": "Label for the call to action button",
|
|
74
|
+
"type": "string",
|
|
75
|
+
"examples": [
|
|
76
|
+
"Login"
|
|
77
|
+
]
|
|
78
|
+
},
|
|
79
|
+
"url": {
|
|
80
|
+
"type": "string",
|
|
81
|
+
"format": "uri",
|
|
82
|
+
"examples": [
|
|
83
|
+
"#"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
"ariaLabel": {
|
|
87
|
+
"title": "Aria Label",
|
|
88
|
+
"description": "Aria label for the cta button",
|
|
89
|
+
"type": "string",
|
|
90
|
+
"examples": [
|
|
91
|
+
"Event Login"
|
|
92
|
+
]
|
|
93
|
+
}
|
|
94
|
+
},
|
|
95
|
+
"additionalProperties": false
|
|
96
|
+
},
|
|
97
|
+
"resetPassword": {
|
|
98
|
+
"title": "Reset Password",
|
|
99
|
+
"description": "Link to reset password",
|
|
100
|
+
"type": "object",
|
|
101
|
+
"properties": {
|
|
102
|
+
"label": {
|
|
103
|
+
"title": "Label",
|
|
104
|
+
"description": "Text for the reset password link",
|
|
105
|
+
"type": "string",
|
|
106
|
+
"examples": [
|
|
107
|
+
"Reset Password?"
|
|
108
|
+
]
|
|
109
|
+
},
|
|
110
|
+
"url": {
|
|
111
|
+
"title": "URL",
|
|
112
|
+
"description": "URL for the reset password link",
|
|
113
|
+
"type": "string",
|
|
114
|
+
"format": "uri",
|
|
115
|
+
"default": "#"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
"additionalProperties": false
|
|
119
|
+
},
|
|
120
|
+
"type": {
|
|
121
|
+
"const": "event-login"
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
"additionalProperties": false
|
|
125
|
+
}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/event-login.schema.json",
|
|
4
|
+
"title": "Event Login",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"headline": {
|
|
8
|
+
"title": "Headline",
|
|
9
|
+
"description": "Headline for the event login",
|
|
10
|
+
"type": "string",
|
|
11
|
+
"examples": ["Welcome back!"]
|
|
12
|
+
},
|
|
13
|
+
"text": {
|
|
14
|
+
"title": "Text",
|
|
15
|
+
"description": "Text for the event login",
|
|
16
|
+
"type": "string",
|
|
17
|
+
"examples": ["Please enter your details to login"]
|
|
18
|
+
},
|
|
19
|
+
"usernameInput": {
|
|
20
|
+
"title": "Username Input",
|
|
21
|
+
"description": "Input field for the username",
|
|
22
|
+
"type": "object",
|
|
23
|
+
"properties": {
|
|
24
|
+
"label": {
|
|
25
|
+
"type": "string",
|
|
26
|
+
"examples": ["Username"]
|
|
27
|
+
},
|
|
28
|
+
"placeholder": {
|
|
29
|
+
"type": "string",
|
|
30
|
+
"examples": ["Enter your username"]
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"passwordInput": {
|
|
35
|
+
"title": "Password Input",
|
|
36
|
+
"description": "Input field for the password",
|
|
37
|
+
"type": "object",
|
|
38
|
+
"properties": {
|
|
39
|
+
"label": {
|
|
40
|
+
"title": "Label",
|
|
41
|
+
"description": "Label for the password input",
|
|
42
|
+
"type": "string",
|
|
43
|
+
"examples": ["Password"]
|
|
44
|
+
},
|
|
45
|
+
"placeholder": {
|
|
46
|
+
"title": "Placeholder",
|
|
47
|
+
"description": "Placeholder text for the email input",
|
|
48
|
+
"type": "string",
|
|
49
|
+
"examples": ["Enter your password"]
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
"cta": {
|
|
54
|
+
"title": "Call to Action",
|
|
55
|
+
"type": "object",
|
|
56
|
+
"properties": {
|
|
57
|
+
"label": {
|
|
58
|
+
"title": "Button Label",
|
|
59
|
+
"description": "Label for the call to action button",
|
|
60
|
+
"type": "string",
|
|
61
|
+
"examples": ["Login"]
|
|
62
|
+
},
|
|
63
|
+
"url": {
|
|
64
|
+
"type": "string",
|
|
65
|
+
"format": "uri",
|
|
66
|
+
"examples": ["#"]
|
|
67
|
+
},
|
|
68
|
+
"ariaLabel": {
|
|
69
|
+
"title": "Aria Label",
|
|
70
|
+
"description": "Aria label for the cta button",
|
|
71
|
+
"type": "string",
|
|
72
|
+
"examples": ["Event Login"]
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"resetPassword": {
|
|
77
|
+
"title": "Reset Password",
|
|
78
|
+
"description": "Link to reset password",
|
|
79
|
+
"type": "object",
|
|
80
|
+
"properties": {
|
|
81
|
+
"label": {
|
|
82
|
+
"title": "Label",
|
|
83
|
+
"description": "Text for the reset password link",
|
|
84
|
+
"type": "string",
|
|
85
|
+
"examples": ["Reset Password?"]
|
|
86
|
+
},
|
|
87
|
+
"url": {
|
|
88
|
+
"title": "URL",
|
|
89
|
+
"description": "URL for the reset password link",
|
|
90
|
+
"type": "string",
|
|
91
|
+
"format": "uri",
|
|
92
|
+
"default": "#"
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
"additionalProperties": false
|
|
98
|
+
}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/* eslint-disable */
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Headline for the event login
|
|
10
|
+
*/
|
|
11
|
+
type Headline = string;
|
|
12
|
+
/**
|
|
13
|
+
* Text for the event login
|
|
14
|
+
*/
|
|
15
|
+
type Text = string;
|
|
16
|
+
/**
|
|
17
|
+
* Label for the password input
|
|
18
|
+
*/
|
|
19
|
+
type Label = string;
|
|
20
|
+
/**
|
|
21
|
+
* Placeholder text for the email input
|
|
22
|
+
*/
|
|
23
|
+
type Placeholder = string;
|
|
24
|
+
/**
|
|
25
|
+
* Label for the call to action button
|
|
26
|
+
*/
|
|
27
|
+
type ButtonLabel = string;
|
|
28
|
+
/**
|
|
29
|
+
* Aria label for the cta button
|
|
30
|
+
*/
|
|
31
|
+
type AriaLabel = string;
|
|
32
|
+
/**
|
|
33
|
+
* Text for the reset password link
|
|
34
|
+
*/
|
|
35
|
+
type Label1 = string;
|
|
36
|
+
/**
|
|
37
|
+
* URL for the reset password link
|
|
38
|
+
*/
|
|
39
|
+
type URL = string;
|
|
40
|
+
interface EventLoginProps {
|
|
41
|
+
headline?: Headline;
|
|
42
|
+
text?: Text;
|
|
43
|
+
usernameInput?: UsernameInput;
|
|
44
|
+
passwordInput?: PasswordInput;
|
|
45
|
+
cta?: CallToAction;
|
|
46
|
+
resetPassword?: ResetPassword;
|
|
47
|
+
}
|
|
48
|
+
/**
|
|
49
|
+
* Input field for the username
|
|
50
|
+
*/
|
|
51
|
+
interface UsernameInput {
|
|
52
|
+
label?: string;
|
|
53
|
+
placeholder?: string;
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Input field for the password
|
|
57
|
+
*/
|
|
58
|
+
interface PasswordInput {
|
|
59
|
+
label?: Label;
|
|
60
|
+
placeholder?: Placeholder;
|
|
61
|
+
}
|
|
62
|
+
interface CallToAction {
|
|
63
|
+
label?: ButtonLabel;
|
|
64
|
+
url?: string;
|
|
65
|
+
ariaLabel?: AriaLabel;
|
|
66
|
+
}
|
|
67
|
+
/**
|
|
68
|
+
* Link to reset password
|
|
69
|
+
*/
|
|
70
|
+
interface ResetPassword {
|
|
71
|
+
label?: Label1;
|
|
72
|
+
url?: URL;
|
|
73
|
+
}
|
|
74
|
+
declare const EventLoginContextDefault: import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
75
|
+
declare const EventLoginContext: import("react").Context<import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
76
|
+
declare const EventLogin: import("react").ForwardRefExoticComponent<EventLoginProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
77
|
+
export type { EventLoginProps };
|
|
78
|
+
export { EventLoginContextDefault, EventLoginContext, EventLogin };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import "./event-login.css";
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
+
import { Headline } from '../headline/index.js';
|
|
5
|
+
import { Link } from '@kickstartds/base/lib/link';
|
|
6
|
+
import { TextField } from '@kickstartds/form/lib/text-field';
|
|
7
|
+
import { Button } from '../button/index.js';
|
|
8
|
+
import Markdown from 'markdown-to-jsx';
|
|
9
|
+
import 'classnames';
|
|
10
|
+
import '@kickstartds/base/lib/headline';
|
|
11
|
+
import '@kickstartds/base/lib/button';
|
|
12
|
+
|
|
13
|
+
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" })] })] })] })));
|
|
14
|
+
const EventLoginContext = createContext(EventLoginContextDefault);
|
|
15
|
+
const EventLogin = forwardRef((props, ref) => {
|
|
16
|
+
const Component = useContext(EventLoginContext);
|
|
17
|
+
return jsx(Component, { ...props, ref: ref });
|
|
18
|
+
});
|
|
19
|
+
EventLogin.displayName = "EventLogin";
|
|
20
|
+
|
|
21
|
+
export { EventLogin, EventLoginContext, EventLoginContextDefault };
|
|
@@ -12,7 +12,7 @@ import 'classnames';
|
|
|
12
12
|
import '@kickstartds/base/lib/headline';
|
|
13
13
|
import '@kickstartds/base/lib/button';
|
|
14
14
|
|
|
15
|
-
const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" }), jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })));
|
|
15
|
+
const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { type: "email", label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" }), jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })));
|
|
16
16
|
const EventRegistrationContext = createContext(EventRegistrationContextDefault);
|
|
17
17
|
const EventRegistration = forwardRef((props, ref) => {
|
|
18
18
|
const Component = useContext(EventRegistrationContext);
|
|
@@ -29,8 +29,8 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
32
|
+
export * from "../../BlogPostProps-6b3cff22.js";
|
|
33
|
+
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
36
36
|
export * from "../../EventDetailProps-42a7eebe.js";
|
|
@@ -1900,6 +1900,34 @@
|
|
|
1900
1900
|
},
|
|
1901
1901
|
"screenshot": "img/screenshots/event-event-location--default.png"
|
|
1902
1902
|
},
|
|
1903
|
+
{
|
|
1904
|
+
"id": "event-event-login--default",
|
|
1905
|
+
"group": "Event/ Event Login",
|
|
1906
|
+
"name": "Default",
|
|
1907
|
+
"code": "<EventLogin\n cta={{\n ariaLabel: 'Event Login',\n label: 'Login',\n url: '#'\n }}\n headline=\"Welcome back!\"\n passwordInput={{\n label: 'Password',\n placeholder: 'Enter your password'\n }}\n resetPassword={{\n label: 'Reset Password?',\n url: '#'\n }}\n text=\"Please enter your details to login\"\n usernameInput={{\n label: 'Username',\n placeholder: 'Enter your username'\n }}\n/>",
|
|
1908
|
+
"args": {
|
|
1909
|
+
"headline": "Welcome back!",
|
|
1910
|
+
"text": "Please enter your details to login",
|
|
1911
|
+
"usernameInput": {
|
|
1912
|
+
"label": "Username",
|
|
1913
|
+
"placeholder": "Enter your username"
|
|
1914
|
+
},
|
|
1915
|
+
"passwordInput": {
|
|
1916
|
+
"label": "Password",
|
|
1917
|
+
"placeholder": "Enter your password"
|
|
1918
|
+
},
|
|
1919
|
+
"cta": {
|
|
1920
|
+
"label": "Login",
|
|
1921
|
+
"url": "#",
|
|
1922
|
+
"ariaLabel": "Event Login"
|
|
1923
|
+
},
|
|
1924
|
+
"resetPassword": {
|
|
1925
|
+
"label": "Reset Password?",
|
|
1926
|
+
"url": "#"
|
|
1927
|
+
}
|
|
1928
|
+
},
|
|
1929
|
+
"screenshot": "img/screenshots/event-event-login--default.png"
|
|
1930
|
+
},
|
|
1903
1931
|
{
|
|
1904
1932
|
"id": "event-event-registration--default",
|
|
1905
1933
|
"group": "Event/ Event Registration",
|
package/dist/global.css
CHANGED
|
@@ -305,7 +305,7 @@ h3 {
|
|
|
305
305
|
--dsa-topic--font-weight: var(--ks-font-weight-semi-bold);
|
|
306
306
|
--dsa-topic--color: var(--ks-text-color-display);
|
|
307
307
|
--dsa-topic--font-family: var(--ks-font-family-display);
|
|
308
|
-
--dsa-link--font-weight: var(--ks-font-weight-
|
|
308
|
+
--dsa-link--font-weight: var(--ks-font-weight-regular);
|
|
309
309
|
--dsa-link--color: var(--ks-text-color-default-interactive);
|
|
310
310
|
--dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
|
|
311
311
|
--dsa-link--text-decoration: none;
|
|
@@ -606,6 +606,7 @@ h3 {
|
|
|
606
606
|
--dsa-input--border-color_hover: var(--ks-border-color-interface-interactive-hover);
|
|
607
607
|
--dsa-input--border-color_focus: var(--ks-border-color-interface-interactive-active);
|
|
608
608
|
--dsa-input--border-color_active: var(--ks-border-color-interface-interactive-active);
|
|
609
|
+
--dsa-input__label--padding-bottom: 0.25em;
|
|
609
610
|
--dsa-input__label--color: var(--ks-text-color-interface);
|
|
610
611
|
--dsa-input__label--font: var(--ks-font-interface-s);
|
|
611
612
|
--dsa-input__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
@@ -659,6 +660,7 @@ h3 {
|
|
|
659
660
|
--c-form-check_box--border-radius: var(--dsa-check_radio--border-radius, var(--ks-border-radius-circle));
|
|
660
661
|
}
|
|
661
662
|
:root .c-form-field, [ks-inverted] .c-form-field, [ks-theme] .c-form-field {
|
|
663
|
+
--c-form-field_label--padding: 0 0 var(--dsa-input__label--padding-bottom, 0.25em) 0;
|
|
662
664
|
--c-form-field--border: var(--dsa-input--border, var(--ks-border-width-default) solid);
|
|
663
665
|
--c-form-field--border-color: var(--dsa-input--border-color, var(--ks-border-color-interface-interactive));
|
|
664
666
|
--c-form-field-hover--border-color: var(
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Tue, 08 Jul 2025 10:
|
|
3
|
+
* Generated on Tue, 08 Jul 2025 10:57:31 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=business] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -2727,7 +2727,7 @@
|
|
|
2727
2727
|
}
|
|
2728
2728
|
/**
|
|
2729
2729
|
* Do not edit directly
|
|
2730
|
-
* Generated on Tue, 08 Jul 2025 10:
|
|
2730
|
+
* Generated on Tue, 08 Jul 2025 10:57:35 GMT
|
|
2731
2731
|
*/
|
|
2732
2732
|
:root [ks-theme=google] {
|
|
2733
2733
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -5458,7 +5458,7 @@
|
|
|
5458
5458
|
}
|
|
5459
5459
|
/**
|
|
5460
5460
|
* Do not edit directly
|
|
5461
|
-
* Generated on Tue, 08 Jul 2025 10:
|
|
5461
|
+
* Generated on Tue, 08 Jul 2025 10:57:33 GMT
|
|
5462
5462
|
*/
|
|
5463
5463
|
:root [ks-theme=ngo] {
|
|
5464
5464
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -8459,7 +8459,7 @@
|
|
|
8459
8459
|
}
|
|
8460
8460
|
/**
|
|
8461
8461
|
* Do not edit directly
|
|
8462
|
-
* Generated on Tue, 08 Jul 2025 10:
|
|
8462
|
+
* Generated on Tue, 08 Jul 2025 10:57:37 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
File without changes
|
|
File without changes
|