@kickstartds/ds-agency-premium 1.6.71--canary.45.1999.0 → 1.6.71--canary.2001.882b3ec.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-9f207f1c.d.ts +1 -1
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-c760fd2a.d.ts} +1 -1
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-b9fd1bfd.d.ts → SectionProps-ca3bc416.d.ts} +2 -7
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +4 -11756
- package/dist/components/blog-post/blog-post.schema.dereffed.json +4 -11756
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +1 -1
- package/dist/components/breadcrumb/index.js +1 -6
- package/dist/components/business-card/business-card.css +11 -1
- package/dist/components/business-card/index.d.ts +101 -1
- package/dist/components/business-card/index.js +1 -11
- package/dist/components/button/button.css +2 -2
- package/dist/components/button/index.js +9 -19
- package/dist/components/button-group/index.js +2 -11
- package/dist/components/content-nav/index.d.ts +36 -1
- package/dist/components/content-nav/index.js +1 -8
- package/dist/components/downloads/index.d.ts +34 -1
- package/dist/components/downloads/index.js +1 -6
- package/dist/components/event-appointment/index.js +1 -8
- package/dist/components/event-detail/index.js +1 -1
- package/dist/components/event-filter/index.js +1 -28
- package/dist/components/event-header/index.js +2 -6
- package/dist/components/event-latest/index.js +1 -6
- package/dist/components/event-latest-teaser/index.js +1 -6
- package/dist/components/event-list-teaser/index.js +1 -8
- package/dist/components/event-location/index.js +1 -8
- package/dist/components/event-login/index.js +1 -11
- package/dist/components/event-registration/index.js +1 -14
- package/dist/components/footer/footer.css +3 -3
- package/dist/components/footer/footer.schema.dereffed.json +20 -12
- package/dist/components/header/header.schema.dereffed.json +20 -12
- package/dist/components/headline/headline.css +45 -3
- package/dist/components/headline/index.js +4 -13
- package/dist/components/hero/hero.css +22 -0
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/nav-dropdown/nav-dropdown.css +3 -3
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +20 -12
- package/dist/components/nav-main/nav-main.schema.dereffed.json +20 -12
- package/dist/components/nav-main/nav-main.schema.json +20 -12
- package/dist/components/nav-topbar/nav-topbar.css +3 -3
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +20 -12
- package/dist/components/page/page.schema.dereffed.json +4 -11756
- package/dist/components/page-wrapper/index.js +7 -1
- package/dist/components/page-wrapper/tokens.css +249 -249
- package/dist/components/pagination/index.js +1 -13
- package/dist/components/presets.json +46 -30
- package/dist/components/providers/index.js +1 -1
- package/dist/components/search-bar/index.js +1 -4
- package/dist/components/search-filter/index.js +1 -6
- package/dist/components/search-result/index.js +1 -6
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/index.js +3 -1
- package/dist/components/section/section.css +63 -19
- package/dist/components/section/section.schema.dereffed.json +4 -11756
- package/dist/components/section/section.schema.json +8 -16
- package/dist/components/settings/settings.schema.dereffed.json +40 -24
- package/dist/components/slider/index.d.ts +1 -3
- package/dist/components/slider/index.js +3 -19
- package/dist/components/split-even/index.d.ts +71 -9
- package/dist/components/split-even/index.js +2 -21
- package/dist/components/split-even/split-even.css +1 -1
- package/dist/components/split-weighted/index.d.ts +99 -7
- package/dist/components/split-weighted/index.js +4 -33
- package/dist/components/stats/stats.css +4 -4
- package/dist/components/teaser-card/teaser-card.css +14 -14
- package/dist/global.css +12 -2
- package/dist/static/favicon/android-chrome-192x192.png +0 -0
- package/dist/static/favicon/android-chrome-512x512.png +0 -0
- package/dist/static/favicon/apple-touch-icon.png +0 -0
- package/dist/static/favicon/favicon-16x16.png +0 -0
- package/dist/static/favicon/favicon-32x32.png +0 -0
- package/dist/static/favicon/favicon.ico +0 -0
- package/dist/static/favicon/site.webmanifest +1 -19
- package/dist/static/guenther/brands/cadillac.png +0 -0
- package/dist/static/guenther/brands/corvette.png +0 -0
- package/dist/static/guenther/brands/infiniti.png +0 -0
- package/dist/static/guenther/brands/isuzu.png +0 -0
- package/dist/static/guenther/brands/kia.png +0 -0
- package/dist/static/guenther/brands/maserati.png +0 -0
- package/dist/static/guenther/brands/micro.png +0 -0
- package/dist/static/guenther/brands/msg.png +0 -0
- package/dist/static/guenther/brands/nissan.png +0 -0
- package/dist/static/guenther/brands/saab.png +0 -0
- package/dist/static/guenther/brands/subaru.png +0 -0
- package/dist/static/guenther/car-1.webp +0 -0
- package/dist/static/guenther/car-2.webp +0 -0
- package/dist/static/guenther/car-cutout-1.avif +0 -0
- package/dist/static/guenther/car-cutout-2.avif +0 -0
- package/dist/static/guenther/car-cutout-3.png +0 -0
- package/dist/static/guenther/car-red.png +0 -0
- package/dist/static/guenther/car-store.png +0 -0
- package/dist/static/guenther/car-yellow.webp +0 -0
- package/dist/static/guenther/contact.jpg +0 -0
- package/dist/static/guenther/header-2.png +0 -0
- package/dist/static/guenther/header.jpg +0 -0
- package/dist/static/guenther/header.png +0 -0
- package/dist/static/guenther/kia-header.webp +0 -0
- package/dist/static/guenther/locations/farmsen.png +0 -0
- package/dist/static/guenther/locations/hamm.png +0 -0
- package/dist/static/guenther/locations/poppenbuettel.jpg +0 -0
- package/dist/static/guenther/nissan/19TDIEULHD_JUKE_CA_012_pace706.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/19TDIEULHD_JUKE_P13A_CA_019C_pace705.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/22NISSCA_JUKE_Trunk_Entry-Guard_pace704.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/22NISSCA_JUKE_Trunk_Spoiler_pace703.jpg.ximg_.l_6_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24720-slide-juke1-mobil.jpg +0 -0
- package/dist/static/guenther/nissan/24720-slide-juke1.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_001-pace203.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_006-pace204.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_009-pace205.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_010-pace206.jpg.ximg_.l_12_m.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_012-pace305.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_015-pace304.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_016-pace306.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_017-pace405.jpg.ximg_.l_6_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_021-pace302.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_023-pace303.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_025-pace308.jpg.ximg_.l_6_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_031-pace404.jpg.ximg_.l_6_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEULHD_JUKE_MC_Lifestyle_pace-702.jpg.ximg_.l_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEURHD_JUKE_MC_019-pace307.jpg.ximg_.l_6_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEU_JUKE_Dimension-illustration-pace502.jpg.ximg_.l_4_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEU_JUKE_Dimension-illustration-pace503.jpg.ximg_.l_4_h.smart_-400x267.jpg +0 -0
- package/dist/static/guenther/nissan/24TDIEU_JUKE_Dimension-illustration-pace503.jpg.ximg_.l_4_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/ACC_JUKE_mirrorcap_pace118-d.jpg.ximg_.m_12_h.smart_.jpg +0 -0
- package/dist/static/guenther/nissan/junke-abmessungen-600x400.jpg +0 -0
- package/dist/static/guenther/visual.png +0 -0
- package/dist/static/logo-inverted.svg +27 -12
- package/dist/static/logo.svg +27 -12
- package/dist/tokens/IconSprite.js +6 -0
- package/dist/tokens/icon-sprite.html +2 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +249 -249
- package/dist/tokens/tokens.js +377 -376
- package/package.json +1 -1
- package/dist/BusinessCardProps-e10e7b62.d.ts +0 -101
- package/dist/ContentNavProps-0e282a9f.d.ts +0 -36
- package/dist/DownloadsProps-a49a977e.d.ts +0 -34
- package/dist/SplitEvenProps-789f8508.d.ts +0 -65
- package/dist/SplitWeightedProps-789f8508.d.ts +0 -95
- package/dist/static/favicon/browserconfig.xml +0 -9
- package/dist/static/favicon/favicon-192-192.png +0 -20
- package/dist/static/favicon/mstile-144x144.png +0 -0
- package/dist/static/favicon/mstile-150x150.png +0 -0
- package/dist/static/favicon/mstile-310x150.png +0 -0
- package/dist/static/favicon/mstile-310x310.png +0 -0
- package/dist/static/favicon/mstile-70x70.png +0 -0
- package/dist/static/favicon/safari-pinned-tab.svg +0 -30
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-c760fd2a.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -7,8 +7,8 @@ import { Text } from '../text/index.js';
|
|
|
7
7
|
import { Cta } from '../cta/index.js';
|
|
8
8
|
import 'classnames';
|
|
9
9
|
import 'react';
|
|
10
|
-
import '../../helpers-12f48df8.js';
|
|
11
10
|
import '@kickstartds/blog/lib/post-head';
|
|
11
|
+
import '../../helpers-12f48df8.js';
|
|
12
12
|
import '@kickstartds/core/lib/react';
|
|
13
13
|
import '@kickstartds/base/lib/section';
|
|
14
14
|
import '../section/js/Section.client.js';
|
|
@@ -3,11 +3,6 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
5
5
|
import { Link } from '@kickstartds/base/lib/link';
|
|
6
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
7
|
-
|
|
8
|
-
const defaults = {
|
|
9
|
-
"pages": []
|
|
10
|
-
};
|
|
11
6
|
|
|
12
7
|
const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
|
|
13
8
|
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 }))) }));
|
|
@@ -15,7 +10,7 @@ const BreadcrumbContextDefault = forwardRef(({ pages }, ref) => {
|
|
|
15
10
|
const BreadcrumbContext = createContext(BreadcrumbContextDefault);
|
|
16
11
|
const Breadcrumb = forwardRef((props, ref) => {
|
|
17
12
|
const Component = useContext(BreadcrumbContext);
|
|
18
|
-
return jsx(Component, { ...
|
|
13
|
+
return jsx(Component, { ...props, ref: ref });
|
|
19
14
|
});
|
|
20
15
|
Breadcrumb.displayName = "Breadcrumb";
|
|
21
16
|
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
flex-direction: column;
|
|
73
73
|
align-items: flex-start;
|
|
74
74
|
gap: var(--dsa-business-card--gap, var(--ks-spacing-stack-l));
|
|
75
|
-
flex-grow:
|
|
75
|
+
flex-grow: 6;
|
|
76
76
|
}
|
|
77
77
|
@container business-card (min-width: 640px) {
|
|
78
78
|
.dsa-business-card__content {
|
|
@@ -87,6 +87,16 @@
|
|
|
87
87
|
.dsa-business-card__location {
|
|
88
88
|
margin: 0;
|
|
89
89
|
}
|
|
90
|
+
.dsa-business-card__location p {
|
|
91
|
+
margin-top: 0.5em;
|
|
92
|
+
margin-bottom: 0.5em;
|
|
93
|
+
}
|
|
94
|
+
.dsa-business-card__location p:first-child {
|
|
95
|
+
margin-top: 0;
|
|
96
|
+
}
|
|
97
|
+
.dsa-business-card__location p:last-child {
|
|
98
|
+
margin-bottom: 0;
|
|
99
|
+
}
|
|
90
100
|
.dsa-business-card__image {
|
|
91
101
|
flex-grow: 1;
|
|
92
102
|
}
|
|
@@ -1,5 +1,105 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
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
|
+
* Whether the business card content is centered.
|
|
10
|
+
*/
|
|
11
|
+
type Centered = boolean;
|
|
12
|
+
/**
|
|
13
|
+
* A headline or main topic for the business card, such as a job title or department.
|
|
14
|
+
*/
|
|
15
|
+
type Topic = string;
|
|
16
|
+
/**
|
|
17
|
+
* The physical or mailing address displayed on the business card.
|
|
18
|
+
*/
|
|
19
|
+
type Address = string;
|
|
20
|
+
/**
|
|
21
|
+
* A list of contact methods for the person or business (e.g., email, phone, website).
|
|
22
|
+
*/
|
|
23
|
+
type ContactInformation = {
|
|
24
|
+
/**
|
|
25
|
+
* Label describing the contact method (e.g., 'Email', 'Phone').
|
|
26
|
+
*/
|
|
27
|
+
label: string;
|
|
28
|
+
/**
|
|
29
|
+
* Icon name or identifier representing the contact method.
|
|
30
|
+
*/
|
|
31
|
+
icon?: string;
|
|
32
|
+
/**
|
|
33
|
+
* URL or link for the contact method, if applicable.
|
|
34
|
+
*/
|
|
35
|
+
url?: string;
|
|
36
|
+
}[];
|
|
37
|
+
/**
|
|
38
|
+
* A list of action buttons shown on the business card.
|
|
39
|
+
*/
|
|
40
|
+
type Buttons = {
|
|
41
|
+
/**
|
|
42
|
+
* Text label for the link.
|
|
43
|
+
*/
|
|
44
|
+
label: string;
|
|
45
|
+
/**
|
|
46
|
+
* URL the link points to.
|
|
47
|
+
*/
|
|
48
|
+
url: string;
|
|
49
|
+
}[];
|
|
50
|
+
interface BusinessCardProps {
|
|
51
|
+
centered?: Centered;
|
|
52
|
+
image?: BackgroundImage;
|
|
53
|
+
logo?: CompanyLogo;
|
|
54
|
+
topic?: Topic;
|
|
55
|
+
address?: Address;
|
|
56
|
+
avatar?: Avatar;
|
|
57
|
+
contact?: ContactInformation;
|
|
58
|
+
buttons?: Buttons;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* A background or feature image displayed on the business card.
|
|
62
|
+
*/
|
|
63
|
+
interface BackgroundImage {
|
|
64
|
+
/**
|
|
65
|
+
* URL of the background image shown on the business card.
|
|
66
|
+
*/
|
|
67
|
+
src: string;
|
|
68
|
+
/**
|
|
69
|
+
* Alternative text describing the background image.
|
|
70
|
+
*/
|
|
71
|
+
alt?: string;
|
|
72
|
+
}
|
|
73
|
+
/**
|
|
74
|
+
* The logo of the company or organization displayed on the business card.
|
|
75
|
+
*/
|
|
76
|
+
interface CompanyLogo {
|
|
77
|
+
/**
|
|
78
|
+
* URL of the company or organization logo.
|
|
79
|
+
*/
|
|
80
|
+
src: string;
|
|
81
|
+
/**
|
|
82
|
+
* Alternative text describing the logo.
|
|
83
|
+
*/
|
|
84
|
+
alt?: string;
|
|
85
|
+
/**
|
|
86
|
+
* URL to the company's website or landing page.
|
|
87
|
+
*/
|
|
88
|
+
url?: string;
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* A profile image or avatar representing the person on the business card.
|
|
92
|
+
*/
|
|
93
|
+
interface Avatar {
|
|
94
|
+
/**
|
|
95
|
+
* URL of the person's avatar or profile image.
|
|
96
|
+
*/
|
|
97
|
+
src: string;
|
|
98
|
+
/**
|
|
99
|
+
* Alternative text describing the avatar.
|
|
100
|
+
*/
|
|
101
|
+
alt?: string;
|
|
102
|
+
}
|
|
3
103
|
declare const BusinessCardContextDefault: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
104
|
declare const BusinessCardContext: import("react").Context<import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
105
|
declare const BusinessCard: import("react").ForwardRefExoticComponent<BusinessCardProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -8,23 +8,13 @@ import Markdown from 'markdown-to-jsx';
|
|
|
8
8
|
import { Button } from '../button/index.js';
|
|
9
9
|
import { Link } from '@kickstartds/base/lib/link';
|
|
10
10
|
import { Container } from '@kickstartds/core/lib/container';
|
|
11
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
12
11
|
import '@kickstartds/base/lib/button';
|
|
13
12
|
|
|
14
|
-
const defaults = {
|
|
15
|
-
"centered": false,
|
|
16
|
-
"image": {},
|
|
17
|
-
"logo": {},
|
|
18
|
-
"avatar": {},
|
|
19
|
-
"contact": [],
|
|
20
|
-
"buttons": []
|
|
21
|
-
};
|
|
22
|
-
|
|
23
13
|
const BusinessCardContextDefault = forwardRef(({ centered, image, logo, topic, address, avatar, contact, buttons }, ref) => (jsx(Container, { name: "business-card", children: jsxs("div", { className: classnames("dsa-business-card", centered && "dsa-business-card--centered"), ref: ref, children: [image && (jsx("div", { className: "dsa-business-card__image", children: jsx(Picture, { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-business-card__content", children: [logo && (jsx(Fragment, { children: logo.url ? (jsx(Link, { href: logo.url, className: "dsa-business-card__logo dsa-business-card__logo-link", children: jsx(Picture, { src: logo.src, alt: logo.alt }) })) : (jsx(Picture, { className: "dsa-business-card__logo", src: logo.src, alt: logo.alt })) })), jsxs("address", { className: classnames("dsa-business-card__address", centered && "dsa-business-card__address--centered"), children: [jsxs("div", { className: "dsa-business-card__infos", children: [topic && (jsx("div", { className: "dsa-business-card__topic", children: jsx("span", { children: topic }) })), jsx(Markdown, { className: "dsa-business-card__location", children: address })] }), jsxs("div", { className: "dsa-business-card__contact", children: [avatar && (jsx(Picture, { className: "dsa-business-card__avatar", src: avatar?.src, alt: avatar?.alt })), contact && (jsx("div", { className: "dsa-business-card__contact-items", children: contact.map((item, index) => (jsx(Fragment, { children: jsxs(Link, { href: item?.url, className: "dsa-business-card__contact-item", children: [item?.icon && jsx(Icon, { icon: item?.icon }), jsx("span", { children: item.label })] }, index) }))) }))] })] }), buttons && buttons.length > 0 && (jsx("div", { className: "dsa-business-card__buttons", children: buttons.map((button, index) => (jsx(Button, { label: button.label, url: button.url, className: "dsa-business-card__button", variant: "primary" }, index))) }))] })] }) })));
|
|
24
14
|
const BusinessCardContext = createContext(BusinessCardContextDefault);
|
|
25
15
|
const BusinessCard = forwardRef((props, ref) => {
|
|
26
16
|
const Component = useContext(BusinessCardContext);
|
|
27
|
-
return jsx(Component, { ...
|
|
17
|
+
return jsx(Component, { ...props, ref: ref });
|
|
28
18
|
});
|
|
29
19
|
BusinessCard.displayName = "BusinessCard";
|
|
30
20
|
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
|
-
--dsa-button--padding: 0.
|
|
2
|
+
--dsa-button--padding: 0.65em 1.5em;
|
|
3
3
|
--dsa-button--border-width: var(--ks-border-width-default);
|
|
4
4
|
--dsa-button--border-radius: var(--ks-border-radius-control);
|
|
5
|
-
--dsa-button--font-weight: var(--ks-font-weight-
|
|
5
|
+
--dsa-button--font-weight: var(--ks-font-weight-regular);
|
|
6
6
|
--dsa-button--text-transform: default;
|
|
7
7
|
--dsa-button_small--font: var(--ks-font-interface-s);
|
|
8
8
|
--dsa-button_medium--font: var(--ks-font-interface-m);
|
|
@@ -3,26 +3,16 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { ButtonContextDefault, ButtonContext } from '@kickstartds/base/lib/button';
|
|
6
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
7
6
|
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
? "solid"
|
|
18
|
-
: variant === "secondary"
|
|
19
|
-
? "clear"
|
|
20
|
-
: variant === "tertiary"
|
|
21
|
-
? "outline"
|
|
22
|
-
: "solid", disabled: disabled, iconAfter: {
|
|
23
|
-
icon: icon,
|
|
24
|
-
}, ref: ref }));
|
|
25
|
-
});
|
|
7
|
+
const Button = forwardRef(({ label, url, size = "medium", variant = "secondary", icon, disabled = false, className, ...props }, ref) => (jsx(ButtonContextDefault, { ...props, className: classnames("dsa-button", className), href: url, label: label, size: size, variant: variant === "primary"
|
|
8
|
+
? "solid"
|
|
9
|
+
: variant === "secondary"
|
|
10
|
+
? "clear"
|
|
11
|
+
: variant === "tertiary"
|
|
12
|
+
? "outline"
|
|
13
|
+
: "solid", disabled: disabled, iconAfter: {
|
|
14
|
+
icon: icon,
|
|
15
|
+
}, ref: ref })));
|
|
26
16
|
Button.displayName = "Button";
|
|
27
17
|
const ButtonProvider = (props) => (jsx(ButtonContext.Provider, { ...props, value: Button }));
|
|
28
18
|
|
|
@@ -2,18 +2,9 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { forwardRef, useContext } from 'react';
|
|
3
3
|
import { ButtonContext } from '@kickstartds/base/lib/button';
|
|
4
4
|
import { ButtonGroupContextDefault, ButtonGroupContext } from '@kickstartds/base/lib/button-group';
|
|
5
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
6
5
|
|
|
7
|
-
const
|
|
8
|
-
|
|
9
|
-
"colorNeutral": false,
|
|
10
|
-
"size": "medium",
|
|
11
|
-
"arrangement": "left"
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
const ButtonGroup = forwardRef((props, ref) => {
|
|
15
|
-
const { buttons, colorNeutral, size, ...rest } = deepMergeDefaults(defaults, props);
|
|
16
|
-
return buttons && buttons.length > 0 ? (jsx(ButtonGroupContextDefault, { ...rest, items: buttons
|
|
6
|
+
const ButtonGroup = forwardRef(({ buttons, colorNeutral, size, ...props }, ref) => {
|
|
7
|
+
return buttons && buttons.length > 0 ? (jsx(ButtonGroupContextDefault, { ...props, items: buttons
|
|
17
8
|
.filter((button) => button.label)
|
|
18
9
|
.map((button, index) => ({
|
|
19
10
|
size: size,
|
|
@@ -1,5 +1,40 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
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
|
+
interface ContentNavProps {
|
|
9
|
+
image?: {
|
|
10
|
+
/**
|
|
11
|
+
* URL of the image to display in the content nav.
|
|
12
|
+
*/
|
|
13
|
+
src: string;
|
|
14
|
+
/**
|
|
15
|
+
* Alternative text for the image.
|
|
16
|
+
*/
|
|
17
|
+
alt?: string;
|
|
18
|
+
};
|
|
19
|
+
/**
|
|
20
|
+
* The topic of the content being navigated.
|
|
21
|
+
*/
|
|
22
|
+
topic?: string;
|
|
23
|
+
links?: {
|
|
24
|
+
/**
|
|
25
|
+
* The text label for the link.
|
|
26
|
+
*/
|
|
27
|
+
label: string;
|
|
28
|
+
/**
|
|
29
|
+
* The URL the link points to.
|
|
30
|
+
*/
|
|
31
|
+
url: string;
|
|
32
|
+
}[];
|
|
33
|
+
/**
|
|
34
|
+
* Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed.
|
|
35
|
+
*/
|
|
36
|
+
initiallyShown?: number;
|
|
37
|
+
}
|
|
3
38
|
declare const ContentNavContextDefault: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
39
|
declare const ContentNavContext: import("react").Context<import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
40
|
declare const ContentNav: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -2,19 +2,12 @@ import "./content-nav.css";
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
5
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
6
|
-
|
|
7
|
-
const defaults = {
|
|
8
|
-
"image": {},
|
|
9
|
-
"links": [],
|
|
10
|
-
"initiallyShown": 4
|
|
11
|
-
};
|
|
12
5
|
|
|
13
6
|
const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && image?.src && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), jsxs("div", { className: "dsa-content-nav__content", children: [topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { "aria-hidden": true, icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsxs("a", { href: link.url, className: "dsa-content-nav__link", children: [link.label, jsx(Icon, { icon: "chevron-right" })] }, index))) }) })] }))] })] })));
|
|
14
7
|
const ContentNavContext = createContext(ContentNavContextDefault);
|
|
15
8
|
const ContentNav = forwardRef((props, ref) => {
|
|
16
9
|
const Component = useContext(ContentNavContext);
|
|
17
|
-
return jsx(Component, { ...
|
|
10
|
+
return jsx(Component, { ...props, ref: ref });
|
|
18
11
|
});
|
|
19
12
|
ContentNav.displayName = "ContentNav";
|
|
20
13
|
|
|
@@ -1,6 +1,39 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
|
|
3
|
+
/* eslint-disable */
|
|
4
|
+
/**
|
|
5
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
6
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
8
|
+
*/
|
|
9
|
+
interface DownloadsProps {
|
|
10
|
+
downloads?: {
|
|
11
|
+
/**
|
|
12
|
+
* The name of the file
|
|
13
|
+
*/
|
|
14
|
+
name: string;
|
|
15
|
+
/**
|
|
16
|
+
* A brief description of the file
|
|
17
|
+
*/
|
|
18
|
+
description?: string;
|
|
19
|
+
/**
|
|
20
|
+
* A URL to an image that previews the file.
|
|
21
|
+
*/
|
|
22
|
+
previewImage?: string;
|
|
23
|
+
/**
|
|
24
|
+
* The URL to download the file from.
|
|
25
|
+
*/
|
|
26
|
+
url: string;
|
|
27
|
+
/**
|
|
28
|
+
* The size of the download file
|
|
29
|
+
*/
|
|
30
|
+
size?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The format of the download file
|
|
33
|
+
*/
|
|
34
|
+
format?: string;
|
|
35
|
+
}[];
|
|
36
|
+
}
|
|
4
37
|
declare const DownloadsContextDefault: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
38
|
declare const DownloadsContext: import("react").Context<import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
39
|
declare const Downloads: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -4,11 +4,6 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
4
4
|
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
5
5
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
6
|
import { Picture } from '@kickstartds/base/lib/picture';
|
|
7
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
|
-
|
|
9
|
-
const defaults = {
|
|
10
|
-
"downloads": []
|
|
11
|
-
};
|
|
12
7
|
|
|
13
8
|
const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
|
|
14
9
|
return (jsx("div", { className: "dsa-downloads", ref: ref, children: downloads.map((item, index) => (jsxs("a", { href: item?.url, target: "_blank", className: "dsa-downloads-item", "aria-label": "Download file", children: [item?.previewImage ? (jsx(Picture, { "aria-hidden": true, className: "dsa-downloads-item__image", src: item.previewImage, alt: "" })) : (jsx(Icon, { "aria-hidden": true, className: "dsa-downloads-item__placeholder-icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), (item?.format || item?.size || item?.description) && (jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] }))] }), jsxs("span", { "aria-hidden": true, className: "dsa-downloads-item__button", children: [jsx("span", { children: "Download" }), jsx(Icon, { "aria-hidden": true, icon: "download" })] })] }, index))) }));
|
|
@@ -16,7 +11,7 @@ const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
|
|
|
16
11
|
const DownloadsContext = createContext(DownloadsContextDefault);
|
|
17
12
|
const Downloads = forwardRef((props, ref) => {
|
|
18
13
|
const Component = useContext(DownloadsContext);
|
|
19
|
-
return jsx(Component, { ...
|
|
14
|
+
return jsx(Component, { ...props, ref: ref });
|
|
20
15
|
});
|
|
21
16
|
Downloads.displayName = "Downloads";
|
|
22
17
|
|
|
@@ -2,19 +2,12 @@ import "./event-appointment.css";
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
5
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
6
|
-
|
|
7
|
-
const defaults = {
|
|
8
|
-
"url": "#",
|
|
9
|
-
"newTab": true,
|
|
10
|
-
"ariaLabel": "Event Appointment"
|
|
11
|
-
};
|
|
12
5
|
|
|
13
6
|
const EventAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
|
|
14
7
|
const EventAppointmentContext = createContext(EventAppointmentContextDefault);
|
|
15
8
|
const EventAppointment = forwardRef((props, ref) => {
|
|
16
9
|
const Component = useContext(EventAppointmentContext);
|
|
17
|
-
return jsx(Component, { ...
|
|
10
|
+
return jsx(Component, { ...props, ref: ref });
|
|
18
11
|
});
|
|
19
12
|
EventAppointment.displayName = "EventAppointment";
|
|
20
13
|
|
|
@@ -10,12 +10,12 @@ import 'react';
|
|
|
10
10
|
import 'classnames';
|
|
11
11
|
import '@kickstartds/base/lib/icon';
|
|
12
12
|
import '../event-appointment/index.js';
|
|
13
|
-
import '../../helpers-12f48df8.js';
|
|
14
13
|
import '@kickstartds/core/lib/container';
|
|
15
14
|
import '@kickstartds/core/lib/react';
|
|
16
15
|
import '@kickstartds/base/lib/section';
|
|
17
16
|
import '../section/js/Section.client.js';
|
|
18
17
|
import '@kickstartds/core/lib/component';
|
|
18
|
+
import '../../helpers-12f48df8.js';
|
|
19
19
|
import '../text/index.js';
|
|
20
20
|
import '@kickstartds/base/lib/tag-label';
|
|
21
21
|
import '@kickstartds/base/lib/text-media';
|
|
@@ -4,36 +4,9 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
4
4
|
import { TextField } from '@kickstartds/form/lib/text-field';
|
|
5
5
|
import { Checkbox } from '@kickstartds/form/lib/checkbox';
|
|
6
6
|
import { Button } from '../button/index.js';
|
|
7
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
7
|
import 'classnames';
|
|
9
8
|
import '@kickstartds/base/lib/button';
|
|
10
9
|
|
|
11
|
-
const defaults = {
|
|
12
|
-
"datePicker": {
|
|
13
|
-
"title": "Find Appointment",
|
|
14
|
-
"dateFromInput": {
|
|
15
|
-
"label": "From",
|
|
16
|
-
"placeholder": "Select a date"
|
|
17
|
-
},
|
|
18
|
-
"dateToInput": {
|
|
19
|
-
"label": "To",
|
|
20
|
-
"placeholder": "Select a date"
|
|
21
|
-
},
|
|
22
|
-
"toggle": true
|
|
23
|
-
},
|
|
24
|
-
"categories": {
|
|
25
|
-
"title": "Categories",
|
|
26
|
-
"categoryCheckboxes": [],
|
|
27
|
-
"toggle": true
|
|
28
|
-
},
|
|
29
|
-
"applyButton": {
|
|
30
|
-
"label": "Filter Appointments"
|
|
31
|
-
},
|
|
32
|
-
"resetButton": {
|
|
33
|
-
"label": "Reset Filters"
|
|
34
|
-
}
|
|
35
|
-
};
|
|
36
|
-
|
|
37
10
|
const EventFilterContextDefault = forwardRef(({ categories = {
|
|
38
11
|
title: "Categories",
|
|
39
12
|
toggle: true,
|
|
@@ -54,7 +27,7 @@ const EventFilterContextDefault = forwardRef(({ categories = {
|
|
|
54
27
|
const EventFilterContext = createContext(EventFilterContextDefault);
|
|
55
28
|
const EventFilter = forwardRef((props, ref) => {
|
|
56
29
|
const Component = useContext(EventFilterContext);
|
|
57
|
-
return jsx(Component, { ...
|
|
30
|
+
return jsx(Component, { ...props, ref: ref });
|
|
58
31
|
});
|
|
59
32
|
EventFilter.displayName = "EventFilter";
|
|
60
33
|
|
|
@@ -4,21 +4,17 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
4
4
|
import { Headline } from '../headline/index.js';
|
|
5
5
|
import { Text } from '../text/index.js';
|
|
6
6
|
import { TagLabel } from '@kickstartds/base/lib/tag-label';
|
|
7
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
7
|
import 'classnames';
|
|
9
8
|
import 'markdown-to-jsx';
|
|
10
9
|
import '@kickstartds/base/lib/headline';
|
|
11
10
|
import '@kickstartds/base/lib/rich-text';
|
|
12
|
-
|
|
13
|
-
const defaults = {
|
|
14
|
-
"categories": []
|
|
15
|
-
};
|
|
11
|
+
import '../../helpers-12f48df8.js';
|
|
16
12
|
|
|
17
13
|
const EventHeaderContextDefault = forwardRef(({ title, categories, intro }, ref) => (jsxs("div", { className: "dsa-event-header", ref: ref, children: [categories && categories.length > 0 && (jsx("div", { className: "dsa-event-header__categories", children: categories.map((category, index) => (jsx(TagLabel, { className: "dsa-event__category", label: category?.label }, index))) })), jsx(Headline, { text: title, level: "h1" }), intro && jsx(Text, { highlightText: true, text: intro })] })));
|
|
18
14
|
const EventHeaderContext = createContext(EventHeaderContextDefault);
|
|
19
15
|
const EventHeader = forwardRef((props, ref) => {
|
|
20
16
|
const Component = useContext(EventHeaderContext);
|
|
21
|
-
return jsx(Component, { ...
|
|
17
|
+
return jsx(Component, { ...props, ref: ref });
|
|
22
18
|
});
|
|
23
19
|
EventHeader.displayName = "EventHeader";
|
|
24
20
|
|
|
@@ -2,22 +2,17 @@ import "./event-latest.css";
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { EventLatestTeaser } from '../event-latest-teaser/index.js';
|
|
5
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
6
5
|
import 'classnames';
|
|
7
6
|
import '@kickstartds/base/lib/icon';
|
|
8
7
|
import '@kickstartds/core/lib/container';
|
|
9
8
|
|
|
10
|
-
const defaults = {
|
|
11
|
-
"events": []
|
|
12
|
-
};
|
|
13
|
-
|
|
14
9
|
const EventLatestContextDefault = forwardRef(({ events }, ref) => {
|
|
15
10
|
return (jsx("div", { className: "dsa-event-latest", ref: ref, children: events.map((event, index) => (jsx(EventLatestTeaser, { ...event }, index))) }));
|
|
16
11
|
});
|
|
17
12
|
const EventLatestContext = createContext(EventLatestContextDefault);
|
|
18
13
|
const EventLatest = forwardRef((props, ref) => {
|
|
19
14
|
const Component = useContext(EventLatestContext);
|
|
20
|
-
return jsx(Component, { ...
|
|
15
|
+
return jsx(Component, { ...props, ref: ref });
|
|
21
16
|
});
|
|
22
17
|
EventLatest.displayName = "EventLatest";
|
|
23
18
|
|
|
@@ -4,11 +4,6 @@ import classnames from 'classnames';
|
|
|
4
4
|
import { forwardRef, createContext, useContext } from 'react';
|
|
5
5
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
6
|
import { Container } from '@kickstartds/core/lib/container';
|
|
7
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
|
-
|
|
9
|
-
const defaults = {
|
|
10
|
-
"calendar": {}
|
|
11
|
-
};
|
|
12
7
|
|
|
13
8
|
const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar, url, location, ariaLabel, className, ...rest }, ref) => {
|
|
14
9
|
return (jsx(Container, { name: "event-latest-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-latest-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("span", { className: "dsa-event-latest-teaser__content", children: [jsxs("span", { className: "dsa-event-latest-teaser-calendar", children: [jsx("span", { className: "dsa-event-latest-teaser-calendar__day", children: calendar.day }), jsx("span", { className: "dsa-event-latest-teaser-calendar__month", children: calendar.month })] }), jsxs("span", { className: "dsa-event-latest-teaser__text", children: [jsx("span", { className: "dsa-event-latest-teaser__title", children: title }), jsxs("span", { className: "dsa-event-latest-teaser__infos", children: [jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-latest-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), location] })] })] })] }), jsxs("span", { className: "dsa-event-latest-teaser__cta", children: [jsx("span", { children: cta }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }) }));
|
|
@@ -16,7 +11,7 @@ const EventLatestTeaserContextDefault = forwardRef(({ date, title, cta, calendar
|
|
|
16
11
|
const EventLatestTeaserContext = createContext(EventLatestTeaserContextDefault);
|
|
17
12
|
const EventLatestTeaser = forwardRef((props, ref) => {
|
|
18
13
|
const Component = useContext(EventLatestTeaserContext);
|
|
19
|
-
return jsx(Component, { ...
|
|
14
|
+
return jsx(Component, { ...props, ref: ref });
|
|
20
15
|
});
|
|
21
16
|
EventLatestTeaser.displayName = "EventLatestTeaser";
|
|
22
17
|
|
|
@@ -7,13 +7,6 @@ import { Container } from '@kickstartds/core/lib/container';
|
|
|
7
7
|
import { Picture } from '@kickstartds/base/lib/picture';
|
|
8
8
|
import Markdown from 'markdown-to-jsx';
|
|
9
9
|
import { TagLabel } from '@kickstartds/base/lib/tag-label';
|
|
10
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
11
|
-
|
|
12
|
-
const defaults = {
|
|
13
|
-
"location": {},
|
|
14
|
-
"tags": [],
|
|
15
|
-
"image": {}
|
|
16
|
-
};
|
|
17
10
|
|
|
18
11
|
const EventListTeaserContextDefault = forwardRef(({ category, title, text, date, time, tags, location, image, ctaText, url, ariaLabel, className, ...rest }, ref) => {
|
|
19
12
|
return (jsx(Container, { name: "event-list-teaser", children: jsxs("a", { className: classnames(className, "dsa-event-list-teaser"), ...rest, href: url, ref: ref, "aria-label": ariaLabel, children: [jsxs("div", { className: "dsa-event-list-teaser__content", children: [jsxs("div", { className: "dsa-event-list-teaser__header", children: [category && (jsx("span", { className: "dsa-event-list-teaser__category", children: category })), jsx("span", { className: "dsa-event-list-teaser__title", children: title })] }), tags && tags.length > 0 && (jsx("div", { className: "dsa-event-list-teaser__tags", children: tags.map((category) => (jsx(TagLabel, { label: category, size: "s" }, category))) })), jsx("div", { className: "dsa-event-list-teaser__infos", children: jsxs("div", { className: "dsa-event-list-teaser__details", children: [jsxs("div", { className: "dsa-event-list-teaser__date", children: [jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-list-teaser__location dsa-event-list-teaser__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-list-teaser__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-list-teaser__location-address", children: location?.address })] })] })] }) }), text && (jsx("p", { className: "dsa-event-list-teaser__teaser-text", children: text })), jsxs("div", { className: "dsa-event-list-teaser__cta", children: [jsx("span", { children: ctaText }), jsx(Icon, { "aria-hidden": true, icon: "chevron-right" })] })] }), image && image.src && (jsx("div", { className: "dsa-event-list-teaser__image", children: jsx(Picture, { src: image?.src, alt: image?.alt }) }))] }) }));
|
|
@@ -21,7 +14,7 @@ const EventListTeaserContextDefault = forwardRef(({ category, title, text, date,
|
|
|
21
14
|
const EventListTeaserContext = createContext(EventListTeaserContextDefault);
|
|
22
15
|
const EventListTeaser = forwardRef((props, ref) => {
|
|
23
16
|
const Component = useContext(EventListTeaserContext);
|
|
24
|
-
return jsx(Component, { ...
|
|
17
|
+
return jsx(Component, { ...props, ref: ref });
|
|
25
18
|
});
|
|
26
19
|
EventListTeaser.displayName = "EventListTeaser";
|
|
27
20
|
|
|
@@ -6,19 +6,12 @@ import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
|
6
6
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
7
7
|
import { EventAppointment } from '../event-appointment/index.js';
|
|
8
8
|
import { Container } from '@kickstartds/core/lib/container';
|
|
9
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
10
|
-
|
|
11
|
-
const defaults = {
|
|
12
|
-
"dates": [],
|
|
13
|
-
"displayMode": "spacious",
|
|
14
|
-
"links": []
|
|
15
|
-
};
|
|
16
9
|
|
|
17
10
|
const EventLocationContextDefault = forwardRef(({ locationName, address, dates, links, displayMode, ...rest }, ref) => (jsx(Container, { name: "event-location", children: jsxs("div", { className: classnames("dsa-event-location", displayMode === "spacious" && `dsa-event-location--spacious`), ...rest, ref: ref, children: [address && (jsxs("div", { className: "dsa-event-location__info ", children: [jsx(Icon, { className: "dsa-event-location__icon", icon: "map-pin", "aria-hidden": true }), jsxs("div", { className: "dsa-event-location__text", children: [jsx("span", { className: "sr-only", children: "Address:" }), jsxs("address", { className: "dsa-event-location__address", children: [locationName && (jsx("span", { className: "dsa-event-location__name", children: locationName })), address && jsx(RichText, { text: address })] }), links && links.length > 0 && (jsx("div", { className: "dsa-event-location__links", children: links.map((link, index) => (jsx("a", { href: link.url, target: link.newTab ? "_blank" : "_self", className: "dsa-event-location__link", children: link.label }, index))) }))] })] })), dates && dates.length > 0 && (jsxs("div", { className: "dsa-event-location__appointments", children: [jsx("span", { className: "sr-only", children: "Appointments:" }), dates.map((item, index) => (createElement(EventAppointment, { ...item, key: index })))] }))] }) })));
|
|
18
11
|
const EventLocationContext = createContext(EventLocationContextDefault);
|
|
19
12
|
const EventLocation = forwardRef((props, ref) => {
|
|
20
13
|
const Component = useContext(EventLocationContext);
|
|
21
|
-
return jsx(Component, { ...
|
|
14
|
+
return jsx(Component, { ...props, ref: ref });
|
|
22
15
|
});
|
|
23
16
|
EventLocation.displayName = "EventLocation";
|
|
24
17
|
|
|
@@ -6,25 +6,15 @@ import { Link } from '@kickstartds/base/lib/link';
|
|
|
6
6
|
import { TextField } from '@kickstartds/form/lib/text-field';
|
|
7
7
|
import { Button } from '../button/index.js';
|
|
8
8
|
import Markdown from 'markdown-to-jsx';
|
|
9
|
-
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
10
9
|
import 'classnames';
|
|
11
10
|
import '@kickstartds/base/lib/headline';
|
|
12
11
|
import '@kickstartds/base/lib/button';
|
|
13
12
|
|
|
14
|
-
const defaults = {
|
|
15
|
-
"usernameInput": {},
|
|
16
|
-
"passwordInput": {},
|
|
17
|
-
"cta": {},
|
|
18
|
-
"resetPassword": {
|
|
19
|
-
"url": "#"
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
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" })] })] })] })));
|
|
24
14
|
const EventLoginContext = createContext(EventLoginContextDefault);
|
|
25
15
|
const EventLogin = forwardRef((props, ref) => {
|
|
26
16
|
const Component = useContext(EventLoginContext);
|
|
27
|
-
return jsx(Component, { ...
|
|
17
|
+
return jsx(Component, { ...props, ref: ref });
|
|
28
18
|
});
|
|
29
19
|
EventLogin.displayName = "EventLogin";
|
|
30
20
|
|