@kickstartds/ds-agency-premium 1.6.71--canary.1933.9f7ec0c.0 → 1.6.71--canary.45.1941.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 +1 -1
- package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-c04a5ed8.d.ts} +2 -2
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-2fd5dbde.d.ts → SectionProps-00ddee3a.d.ts} +2 -2
- package/dist/SliderProps-789f8508.d.ts +1 -1
- package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
- package/dist/StatsProps-bf5ef578.d.ts +1 -1
- package/dist/components/blog-aside/index.d.ts +1 -1
- package/dist/components/blog-aside/index.js +6 -1
- package/dist/components/blog-author/index.js +10 -1
- package/dist/components/blog-head/index.js +6 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +33 -33
- package/dist/components/blog-overview/blog-overview.schema.json +2 -2
- package/dist/components/blog-overview/index.js +1 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +33 -33
- package/dist/components/blog-post/blog-post.schema.json +2 -2
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +1 -0
- package/dist/components/blog-teaser/index.js +10 -1
- package/dist/components/button/button.css +2 -2
- package/dist/components/contact/index.js +10 -1
- package/dist/components/cta/cta.css +1 -1
- package/dist/components/cta/index.js +19 -1
- package/dist/components/divider/index.js +6 -1
- package/dist/components/event-detail/index.js +1 -0
- package/dist/components/event-header/index.js +1 -0
- package/dist/components/event-list/index.js +1 -0
- package/dist/components/faq/index.js +6 -1
- package/dist/components/feature/index.js +15 -2
- package/dist/components/features/features.css +25 -7
- package/dist/components/features/index.js +13 -1
- package/dist/components/footer/footer.css +3 -3
- package/dist/components/footer/footer.schema.dereffed.json +12 -20
- package/dist/components/footer/index.js +11 -1
- package/dist/components/gallery/index.js +9 -1
- package/dist/components/header/header.schema.dereffed.json +12 -20
- package/dist/components/header/index.js +13 -1
- package/dist/components/headline/headline.css +2 -44
- package/dist/components/hero/hero.css +0 -11
- package/dist/components/hero/hero.schema.dereffed.json +1 -1
- package/dist/components/hero/hero.schema.json +1 -1
- package/dist/components/hero/index.js +17 -1
- package/dist/components/html/index.js +8 -1
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/image-story/index.js +14 -1
- package/dist/components/image-text/index.js +7 -1
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/logo/index.js +6 -1
- package/dist/components/logos/index.js +12 -1
- package/dist/components/mosaic/index.js +8 -1
- package/dist/components/nav-dropdown/nav-dropdown.css +3 -3
- package/dist/components/nav-flyout/index.js +7 -1
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -20
- package/dist/components/nav-main/index.js +11 -1
- package/dist/components/nav-main/nav-main.schema.dereffed.json +12 -20
- package/dist/components/nav-main/nav-main.schema.json +12 -20
- package/dist/components/nav-topbar/index.js +7 -1
- package/dist/components/nav-topbar/nav-topbar.css +3 -3
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -20
- package/dist/components/page/page.schema.dereffed.json +33 -33
- package/dist/components/page/page.schema.json +2 -2
- package/dist/components/page-wrapper/index.js +1 -6
- package/dist/components/page-wrapper/tokens.css +251 -251
- package/dist/components/presets.json +70 -86
- package/dist/components/providers/index.js +1 -0
- package/dist/components/search/index.js +1 -0
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/index.js +27 -1
- package/dist/components/section/section.css +19 -20
- package/dist/components/section/section.schema.dereffed.json +28 -28
- package/dist/components/section/section.schema.json +2 -2
- package/dist/components/seo/seo.schema.dereffed.json +4 -4
- package/dist/components/seo/seo.schema.json +4 -3
- package/dist/components/settings/settings.schema.dereffed.json +29 -45
- package/dist/components/settings/settings.schema.json +2 -2
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/slider.schema.dereffed.json +18 -17
- package/dist/components/slider/slider.schema.json +1 -1
- package/dist/components/split-even/index.d.ts +1 -1
- package/dist/components/split-even/split-even.schema.dereffed.json +52 -48
- package/dist/components/split-weighted/index.d.ts +1 -1
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +52 -48
- package/dist/components/stat/index.d.ts +1 -1
- package/dist/components/stat/index.js +16 -4
- package/dist/components/stat/stat.schema.dereffed.json +6 -5
- package/dist/components/stat/stat.schema.json +2 -2
- package/dist/components/stats/index.js +6 -1
- package/dist/components/stats/stats.css +4 -4
- package/dist/components/stats/stats.schema.dereffed.json +6 -5
- package/dist/components/teaser-card/index.js +11 -1
- package/dist/components/teaser-card/teaser-card.css +11 -9
- package/dist/components/testimonial/index.js +7 -1
- package/dist/components/testimonials/index.js +8 -1
- package/dist/components/text/index.js +8 -1
- package/dist/components/video-curtain/index.js +11 -1
- package/dist/components/video-curtain/video-curtain.schema.dereffed.json +1 -1
- package/dist/components/video-curtain/video-curtain.schema.json +1 -1
- package/dist/global.css +2 -2
- package/dist/helpers-12f48df8.d.ts +6 -0
- package/dist/helpers-12f48df8.js +40 -0
- 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/browserconfig.xml +9 -0
- package/dist/static/favicon/favicon-16x16.png +0 -0
- package/dist/static/favicon/favicon-192-192.png +20 -0
- package/dist/static/favicon/favicon-32x32.png +0 -0
- package/dist/static/favicon/favicon.ico +0 -0
- 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 +30 -0
- package/dist/static/favicon/site.webmanifest +19 -1
- package/dist/static/logo-inverted.svg +12 -27
- package/dist/static/logo.svg +12 -27
- package/dist/tokens/IconSprite.js +0 -6
- package/dist/tokens/icon-sprite.html +0 -2
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +251 -251
- package/dist/tokens/tokens.js +376 -377
- package/package.json +6 -4
- 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/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/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-fb0241df.d.ts} +0 -0
- /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-00ddee3a.d.ts} +0 -0
|
@@ -4,6 +4,12 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { TextMediaContextDefault, TextMediaContext } from '@kickstartds/base/lib/text-media';
|
|
6
6
|
import { Container } from '@kickstartds/core/lib/container';
|
|
7
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
|
+
|
|
9
|
+
const defaults = {
|
|
10
|
+
"highlightText": false,
|
|
11
|
+
"image": {}
|
|
12
|
+
};
|
|
7
13
|
|
|
8
14
|
const ImageTextContextDefault = forwardRef(({ text, image, layout, highlightText, ...rest }, ref) => (jsx(Container, { name: "text-media", ref: ref, children: jsx(TextMediaContextDefault, { ...rest, className: classnames(highlightText ? "dsa-image-text--highlight" : "", "dsa-image-text"), text: text, media: [
|
|
9
15
|
{
|
|
@@ -19,7 +25,7 @@ const ImageTextContextDefault = forwardRef(({ text, image, layout, highlightText
|
|
|
19
25
|
const ImageTextContext = createContext(ImageTextContextDefault);
|
|
20
26
|
const ImageText = forwardRef((props, ref) => {
|
|
21
27
|
const Component = useContext(ImageTextContext);
|
|
22
|
-
return jsx(Component, { ...props, ref: ref });
|
|
28
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
23
29
|
});
|
|
24
30
|
ImageText.displayName = "ImageText";
|
|
25
31
|
const ImageTextProvider = (props) => (jsx(TextMediaContext.Provider, { ...props, value: ImageTextContextDefault }));
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
32
|
+
export * from "../../BlogPostProps-c04a5ed8.js";
|
|
33
33
|
export * from "../../BlogOverviewProps-d62a0a9a.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -4,6 +4,11 @@ import classnames from 'classnames';
|
|
|
4
4
|
import { forwardRef, createContext, useContext } from 'react';
|
|
5
5
|
import { Picture } from '@kickstartds/base/lib/picture';
|
|
6
6
|
import { Link } from '@kickstartds/base/lib/link';
|
|
7
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
8
|
+
|
|
9
|
+
const defaults = {
|
|
10
|
+
"homepageHref": "/"
|
|
11
|
+
};
|
|
7
12
|
|
|
8
13
|
const LogoContextDefault = forwardRef(({ src, srcInverted, alt, inverted = false, width, height, homepageHref, className, }, ref) => {
|
|
9
14
|
return (jsx(Link, { className: classnames("dsa-logo", className), href: homepageHref, children: jsx(Picture, { ref: ref, className: "dsa-logo__img", src: inverted && srcInverted ? srcInverted : src, alt: alt, width: width, height: height }) }));
|
|
@@ -11,7 +16,7 @@ const LogoContextDefault = forwardRef(({ src, srcInverted, alt, inverted = false
|
|
|
11
16
|
const LogoContext = createContext(LogoContextDefault);
|
|
12
17
|
const Logo = forwardRef((props, ref) => {
|
|
13
18
|
const Component = useContext(LogoContext);
|
|
14
|
-
return jsx(Component, { ...props, ref: ref });
|
|
19
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
15
20
|
});
|
|
16
21
|
Logo.displayName = "Logo";
|
|
17
22
|
|
|
@@ -6,12 +6,23 @@ import { LogoTiles } from '@kickstartds/content/lib/logo-tiles';
|
|
|
6
6
|
import { Button } from '@kickstartds/base/lib/button';
|
|
7
7
|
import { Link } from '@kickstartds/base/lib/link';
|
|
8
8
|
import { Container } from '@kickstartds/core/lib/container';
|
|
9
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
10
|
+
|
|
11
|
+
const defaults = {
|
|
12
|
+
"logo": [],
|
|
13
|
+
"align": "center",
|
|
14
|
+
"cta": {
|
|
15
|
+
"toggle": false,
|
|
16
|
+
"link": "#",
|
|
17
|
+
"style": "text"
|
|
18
|
+
}
|
|
19
|
+
};
|
|
9
20
|
|
|
10
21
|
const LogosContextDefault = forwardRef(({ logo: logos = [], tagline, align = "center", cta, logosPerRow = "6", ...rest }, ref) => (jsx("div", { ...rest, ref: ref, children: jsx(Container, { name: "logos", children: jsxs("div", { className: classnames(`dsa-logos dsa-logos--align-${align}`), children: [tagline && jsx("div", { className: "dsa-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`dsa-logo-tiles dsa-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "dsa-logos__cta", children: [jsxs("div", { className: "dsa-logos__cta__text", children: [cta?.text, cta?.style === "text" && (jsxs(Fragment, { children: [" ", jsx(Link, { className: "dsa-logos__cta__link", href: cta.link, children: cta.label })] }))] }), cta?.style === "button" && (jsx(Button, { href: cta.link, label: cta.label }))] })) : ("")] }) }) })));
|
|
11
22
|
const LogosContext = createContext(LogosContextDefault);
|
|
12
23
|
const Logos = forwardRef((props, ref) => {
|
|
13
24
|
const Component = useContext(LogosContext);
|
|
14
|
-
return jsx(Component, { ...props, ref: ref });
|
|
25
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
15
26
|
});
|
|
16
27
|
Logos.displayName = "Logos";
|
|
17
28
|
|
|
@@ -2,6 +2,13 @@ import "./mosaic.css";
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { Storytelling } from '@kickstartds/content/lib/storytelling';
|
|
5
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
6
|
+
|
|
7
|
+
const defaults = {
|
|
8
|
+
"layout": "alternate",
|
|
9
|
+
"largeHeadlines": false,
|
|
10
|
+
"tile": []
|
|
11
|
+
};
|
|
5
12
|
|
|
6
13
|
const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest }, ref) => (jsx("div", { ...rest, ref: ref, className: "dsa-mosaic", children: tile.map((tile, index) => (jsx(Storytelling, { full: true, backgroundColor: tile.backgroundColor, backgroundImage: tile.backgroundImage, box: {
|
|
7
14
|
headline: {
|
|
@@ -33,7 +40,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
|
|
|
33
40
|
const MosaicContext = createContext(MosaicContextDefault);
|
|
34
41
|
const Mosaic = forwardRef((props, ref) => {
|
|
35
42
|
const Component = useContext(MosaicContext);
|
|
36
|
-
return jsx(Component, { ...props, ref: ref });
|
|
43
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
37
44
|
});
|
|
38
45
|
Mosaic.displayName = "Mosaic";
|
|
39
46
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dsa-nav-dropdown {
|
|
2
|
-
--dsa-nav-dropdown--padding: var(--ks-spacing-
|
|
2
|
+
--dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
|
|
3
3
|
--dsa-nav-dropdown--background: var(--ks-background-color-default);
|
|
4
4
|
--dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
|
|
5
5
|
--dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
--dsa-nav-dropdown__label--color: var(--ks-color-fg);
|
|
9
9
|
--dsa-nav-dropdown__label--color_hover: var(--ks-text-color-interface-interactive-hover);
|
|
10
10
|
--dsa-nav-dropdown__label--color_active: var(--ks-text-color-interface-interactive-active);
|
|
11
|
-
--dsa-nav-dropdown__label--background-color_hover:
|
|
11
|
+
--dsa-nav-dropdown__label--background-color_hover: var(--ks-color-fg-alpha-8);
|
|
12
12
|
--dsa-nav-dropdown__label--background-color_active: unset;
|
|
13
13
|
--dsa-nav-dropdown__label--border-radius: var(--ks-border-radius-control);
|
|
14
14
|
--dsa-nav-dropdown__label--font: var(--ks-font-interface-s);
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
--dsa-nav-dropdown__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
17
17
|
--dsa-nav-dropdown__label--font-weight_active: var(--ks-font-weight-bold);
|
|
18
18
|
--dsa-nav-dropdown__label--padding: 0.45em 0.75em;
|
|
19
|
-
--dsa-nav-dropdown__label_dimmed--opacity:
|
|
19
|
+
--dsa-nav-dropdown__label_dimmed--opacity: 1;
|
|
20
20
|
}
|
|
21
21
|
.dsa-nav-dropdown[ks-inverted=true] {
|
|
22
22
|
--dsa-nav-dropdown--background: var(--ks-color-fg-inverted);
|
|
@@ -3,6 +3,12 @@ import { jsx, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { Link } from '@kickstartds/base/lib/link';
|
|
5
5
|
import { forwardRef, createContext, useContext } from 'react';
|
|
6
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
7
|
+
|
|
8
|
+
const defaults = {
|
|
9
|
+
"items": [],
|
|
10
|
+
"inverted": false
|
|
11
|
+
};
|
|
6
12
|
|
|
7
13
|
const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-flyout", "ks-inverted": inverted.toString(), id: "dsa-nav-flyout", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-flyout__list", children: items.map(({ label, url, active, items: subItems }) => {
|
|
8
14
|
return (jsxs("li", { className: classnames("dsa-nav-flyout__item", active && "dsa-nav-flyout__item--active"), children: [subItems?.length ? (jsx("span", { className: "dsa-nav-flyout__label", children: label })) : (jsx(Link, { href: url, className: `dsa-nav-flyout__label dsa-nav-flyout__link`, children: label })), subItems?.length && (jsx("ul", { className: "dsa-nav-flyout__sublist", children: subItems.map(({ label, url, active }) => {
|
|
@@ -12,7 +18,7 @@ const NavFlyoutContextDefault = forwardRef(({ items, inverted }, ref) => items &
|
|
|
12
18
|
const NavFlyoutContext = createContext(NavFlyoutContextDefault);
|
|
13
19
|
const NavFlyout = forwardRef((props, ref) => {
|
|
14
20
|
const Component = useContext(NavFlyoutContext);
|
|
15
|
-
return jsx(Component, { ...props, ref: ref });
|
|
21
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
16
22
|
});
|
|
17
23
|
NavFlyout.displayName = "NavFlyout";
|
|
18
24
|
|
|
@@ -48,51 +48,43 @@
|
|
|
48
48
|
"examples": [
|
|
49
49
|
[
|
|
50
50
|
{
|
|
51
|
-
"label": "
|
|
51
|
+
"label": "Active Item",
|
|
52
52
|
"url": "#",
|
|
53
53
|
"active": true
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
|
-
"label": "
|
|
56
|
+
"label": "Navigation Item",
|
|
57
|
+
"url": "#"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"label": "Dropdown",
|
|
57
61
|
"url": "#",
|
|
58
62
|
"items": [
|
|
59
63
|
{
|
|
60
|
-
"label": "
|
|
64
|
+
"label": "Level 2 Item",
|
|
61
65
|
"url": "#"
|
|
62
66
|
},
|
|
63
67
|
{
|
|
64
|
-
"label": "
|
|
68
|
+
"label": "Active Item",
|
|
65
69
|
"active": true,
|
|
66
70
|
"url": "#"
|
|
67
71
|
},
|
|
68
72
|
{
|
|
69
|
-
"label": "
|
|
73
|
+
"label": "An Item with a longer Label",
|
|
70
74
|
"url": "#"
|
|
71
75
|
},
|
|
72
76
|
{
|
|
73
|
-
"label": "
|
|
77
|
+
"label": "And One last one",
|
|
74
78
|
"url": "#"
|
|
75
79
|
}
|
|
76
80
|
]
|
|
77
81
|
},
|
|
78
82
|
{
|
|
79
|
-
"label": "
|
|
80
|
-
"url": "#"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"label": "Bonusprogramm",
|
|
84
|
-
"url": "#"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"label": "News",
|
|
88
|
-
"url": "#"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"label": "Jobs",
|
|
83
|
+
"label": "One more Item",
|
|
92
84
|
"url": "#"
|
|
93
85
|
},
|
|
94
86
|
{
|
|
95
|
-
"label": "
|
|
87
|
+
"label": "Last Item",
|
|
96
88
|
"url": "#"
|
|
97
89
|
}
|
|
98
90
|
]
|
|
@@ -6,6 +6,7 @@ import './js/navMainEvents.client.js';
|
|
|
6
6
|
import { NavToggle } from '../nav-toggle/index.js';
|
|
7
7
|
import { NavTopbar } from '../nav-topbar/index.js';
|
|
8
8
|
import { NavFlyout } from '../nav-flyout/index.js';
|
|
9
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
9
10
|
import '@kickstartds/core/lib/component';
|
|
10
11
|
import './js/body.client.js';
|
|
11
12
|
import '@kickstartds/core/lib/core';
|
|
@@ -14,11 +15,20 @@ import '@kickstartds/base/lib/link';
|
|
|
14
15
|
import '@kickstartds/base/lib/icon';
|
|
15
16
|
import '../nav-dropdown/index.js';
|
|
16
17
|
|
|
18
|
+
const defaults = {
|
|
19
|
+
"flyoutInverted": false,
|
|
20
|
+
"dropdownInverted": false,
|
|
21
|
+
"items": [],
|
|
22
|
+
"cta": {
|
|
23
|
+
"toggle": false
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
|
|
17
27
|
const NavMainContextDefault = forwardRef(({ logo, items, flyoutInverted, dropdownInverted }, ref) => items && items.length > 0 ? (jsxs("div", { ref: ref, className: "dsa-nav-main", children: [jsx(NavToggle, {}), jsx(NavTopbar, { items: items, inverted: dropdownInverted }), jsx(NavFlyout, { items: items, inverted: flyoutInverted, logo: logo })] })) : null);
|
|
18
28
|
const NavMainContext = createContext(NavMainContextDefault);
|
|
19
29
|
const NavMain = forwardRef((props, ref) => {
|
|
20
30
|
const Component = useContext(NavMainContext);
|
|
21
|
-
return jsx(Component, { ...props, ref: ref });
|
|
31
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
22
32
|
});
|
|
23
33
|
NavMain.displayName = "NavMain";
|
|
24
34
|
|
|
@@ -122,51 +122,43 @@
|
|
|
122
122
|
"examples": [
|
|
123
123
|
[
|
|
124
124
|
{
|
|
125
|
-
"label": "
|
|
125
|
+
"label": "Active Item",
|
|
126
126
|
"url": "#",
|
|
127
127
|
"active": true
|
|
128
128
|
},
|
|
129
129
|
{
|
|
130
|
-
"label": "
|
|
130
|
+
"label": "Navigation Item",
|
|
131
|
+
"url": "#"
|
|
132
|
+
},
|
|
133
|
+
{
|
|
134
|
+
"label": "Dropdown",
|
|
131
135
|
"url": "#",
|
|
132
136
|
"items": [
|
|
133
137
|
{
|
|
134
|
-
"label": "
|
|
138
|
+
"label": "Level 2 Item",
|
|
135
139
|
"url": "#"
|
|
136
140
|
},
|
|
137
141
|
{
|
|
138
|
-
"label": "
|
|
142
|
+
"label": "Active Item",
|
|
139
143
|
"active": true,
|
|
140
144
|
"url": "#"
|
|
141
145
|
},
|
|
142
146
|
{
|
|
143
|
-
"label": "
|
|
147
|
+
"label": "An Item with a longer Label",
|
|
144
148
|
"url": "#"
|
|
145
149
|
},
|
|
146
150
|
{
|
|
147
|
-
"label": "
|
|
151
|
+
"label": "And One last one",
|
|
148
152
|
"url": "#"
|
|
149
153
|
}
|
|
150
154
|
]
|
|
151
155
|
},
|
|
152
156
|
{
|
|
153
|
-
"label": "
|
|
154
|
-
"url": "#"
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"label": "Bonusprogramm",
|
|
158
|
-
"url": "#"
|
|
159
|
-
},
|
|
160
|
-
{
|
|
161
|
-
"label": "News",
|
|
162
|
-
"url": "#"
|
|
163
|
-
},
|
|
164
|
-
{
|
|
165
|
-
"label": "Jobs",
|
|
157
|
+
"label": "One more Item",
|
|
166
158
|
"url": "#"
|
|
167
159
|
},
|
|
168
160
|
{
|
|
169
|
-
"label": "
|
|
161
|
+
"label": "Last Item",
|
|
170
162
|
"url": "#"
|
|
171
163
|
}
|
|
172
164
|
]
|
|
@@ -45,51 +45,43 @@
|
|
|
45
45
|
"examples": [
|
|
46
46
|
[
|
|
47
47
|
{
|
|
48
|
-
"label": "
|
|
48
|
+
"label": "Active Item",
|
|
49
49
|
"url": "#",
|
|
50
50
|
"active": true
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
|
-
"label": "
|
|
53
|
+
"label": "Navigation Item",
|
|
54
|
+
"url": "#"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"label": "Dropdown",
|
|
54
58
|
"url": "#",
|
|
55
59
|
"items": [
|
|
56
60
|
{
|
|
57
|
-
"label": "
|
|
61
|
+
"label": "Level 2 Item",
|
|
58
62
|
"url": "#"
|
|
59
63
|
},
|
|
60
64
|
{
|
|
61
|
-
"label": "
|
|
65
|
+
"label": "Active Item",
|
|
62
66
|
"active": true,
|
|
63
67
|
"url": "#"
|
|
64
68
|
},
|
|
65
69
|
{
|
|
66
|
-
"label": "
|
|
70
|
+
"label": "An Item with a longer Label",
|
|
67
71
|
"url": "#"
|
|
68
72
|
},
|
|
69
73
|
{
|
|
70
|
-
"label": "
|
|
74
|
+
"label": "And One last one",
|
|
71
75
|
"url": "#"
|
|
72
76
|
}
|
|
73
77
|
]
|
|
74
78
|
},
|
|
75
79
|
{
|
|
76
|
-
"label": "
|
|
77
|
-
"url": "#"
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
"label": "Bonusprogramm",
|
|
81
|
-
"url": "#"
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"label": "News",
|
|
85
|
-
"url": "#"
|
|
86
|
-
},
|
|
87
|
-
{
|
|
88
|
-
"label": "Jobs",
|
|
80
|
+
"label": "One more Item",
|
|
89
81
|
"url": "#"
|
|
90
82
|
},
|
|
91
83
|
{
|
|
92
|
-
"label": "
|
|
84
|
+
"label": "Last Item",
|
|
93
85
|
"url": "#"
|
|
94
86
|
}
|
|
95
87
|
]
|
|
@@ -5,6 +5,12 @@ import { Link } from '@kickstartds/base/lib/link';
|
|
|
5
5
|
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
6
|
import { NavDropdown } from '../nav-dropdown/index.js';
|
|
7
7
|
import { forwardRef, createContext, useContext } from 'react';
|
|
8
|
+
import { d as deepMergeDefaults } from '../../helpers-12f48df8.js';
|
|
9
|
+
|
|
10
|
+
const defaults = {
|
|
11
|
+
"items": [],
|
|
12
|
+
"inverted": false
|
|
13
|
+
};
|
|
8
14
|
|
|
9
15
|
const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items && items.length > 0 ? (jsx("nav", { className: "dsa-nav-topbar", id: "dsa-nav-topbar", "aria-label": "Main Navigation", ref: ref, children: jsx("ul", { className: "dsa-nav-topbar__list", children: items.map(({ label, url, active, items: subItems }) => {
|
|
10
16
|
return (jsxs("li", { className: classnames("dsa-nav-topbar__item", active && "dsa-nav-topbar__item--active", subItems?.length && "dsa-nav-topbar__item--dropdown"), children: [subItems?.length ? (jsxs("span", { className: "dsa-nav-topbar__label", children: [label, subItems?.length ? (jsx(Icon, { className: "dsa-nav-topbar__label__icon", icon: "chevron-down", role: "presentation", "aria-hidden": true, focusable: false })) : ("")] })) : (jsx(Link, { href: url, className: `dsa-nav-topbar__label dsa-nav-topbar__link`, children: label })), subItems?.length ? (jsx(NavDropdown, { items: subItems, inverted: inverted })) : null] }, url));
|
|
@@ -12,7 +18,7 @@ const NavTopbarContextDefault = forwardRef(({ items, inverted }, ref) => items &
|
|
|
12
18
|
const NavTopbarContext = createContext(NavTopbarContextDefault);
|
|
13
19
|
const NavTopbar = forwardRef((props, ref) => {
|
|
14
20
|
const Component = useContext(NavTopbarContext);
|
|
15
|
-
return jsx(Component, { ...props, ref: ref });
|
|
21
|
+
return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
|
|
16
22
|
});
|
|
17
23
|
NavTopbar.displayName = "NavTopbar";
|
|
18
24
|
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
--dsa-nav-topbar__label--color_hover: var(--ks-text-color-interface-interactive-hover);
|
|
4
4
|
--dsa-nav-topbar__label--color_active: var(--ks-text-color-interface-interactive-active);
|
|
5
5
|
--dsa-nav-topbar__label--background-color: transparent;
|
|
6
|
-
--dsa-nav-topbar__label--background-color_hover:
|
|
6
|
+
--dsa-nav-topbar__label--background-color_hover: var(--ks-color-fg-alpha-8);
|
|
7
7
|
--dsa-nav-topbar__label--background-color_active: transparent;
|
|
8
|
-
--dsa-nav-topbar__label--font-size:
|
|
8
|
+
--dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-s);
|
|
9
9
|
--dsa-nav-topbar__label--font-family: var(--ks-font-family-display);
|
|
10
10
|
--dsa-nav-topbar__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
11
11
|
--dsa-nav-topbar__label--font-weight_active: var(--ks-font-weight-bold);
|
|
12
12
|
--dsa-nav-topbar__label--padding: 0.45em 0.75em;
|
|
13
13
|
--dsa-nav-topbar__label--text-decoration: none;
|
|
14
14
|
--dsa-nav-topbar__label--text-decoration_hover: none;
|
|
15
|
-
--dsa-nav-topbar__label_dimmed--opacity:
|
|
15
|
+
--dsa-nav-topbar__label_dimmed--opacity: 1;
|
|
16
16
|
--dsa-nav-topbar__label--transition: var(--ks-transition-hover);
|
|
17
17
|
--dsa-nav-topbar__label--transition-property: background-color, color, opacity;
|
|
18
18
|
--dsa-nav-topbar__label__icon--size: 1.5em;
|
|
@@ -48,51 +48,43 @@
|
|
|
48
48
|
"examples": [
|
|
49
49
|
[
|
|
50
50
|
{
|
|
51
|
-
"label": "
|
|
51
|
+
"label": "Active Item",
|
|
52
52
|
"url": "#",
|
|
53
53
|
"active": true
|
|
54
54
|
},
|
|
55
55
|
{
|
|
56
|
-
"label": "
|
|
56
|
+
"label": "Navigation Item",
|
|
57
|
+
"url": "#"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"label": "Dropdown",
|
|
57
61
|
"url": "#",
|
|
58
62
|
"items": [
|
|
59
63
|
{
|
|
60
|
-
"label": "
|
|
64
|
+
"label": "Level 2 Item",
|
|
61
65
|
"url": "#"
|
|
62
66
|
},
|
|
63
67
|
{
|
|
64
|
-
"label": "
|
|
68
|
+
"label": "Active Item",
|
|
65
69
|
"active": true,
|
|
66
70
|
"url": "#"
|
|
67
71
|
},
|
|
68
72
|
{
|
|
69
|
-
"label": "
|
|
73
|
+
"label": "An Item with a longer Label",
|
|
70
74
|
"url": "#"
|
|
71
75
|
},
|
|
72
76
|
{
|
|
73
|
-
"label": "
|
|
77
|
+
"label": "And One last one",
|
|
74
78
|
"url": "#"
|
|
75
79
|
}
|
|
76
80
|
]
|
|
77
81
|
},
|
|
78
82
|
{
|
|
79
|
-
"label": "
|
|
80
|
-
"url": "#"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"label": "Bonusprogramm",
|
|
84
|
-
"url": "#"
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
"label": "News",
|
|
88
|
-
"url": "#"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"label": "Jobs",
|
|
83
|
+
"label": "One more Item",
|
|
92
84
|
"url": "#"
|
|
93
85
|
},
|
|
94
86
|
{
|
|
95
|
-
"label": "
|
|
87
|
+
"label": "Last Item",
|
|
96
88
|
"url": "#"
|
|
97
89
|
}
|
|
98
90
|
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://
|
|
3
|
+
"$id": "http://cms.mydesignsystem.com/page.schema.json",
|
|
4
4
|
"title": "Page",
|
|
5
5
|
"description": "Abstracts a page concept into JSON schema",
|
|
6
6
|
"type": "object",
|
|
@@ -39,9 +39,7 @@
|
|
|
39
39
|
"enum": [
|
|
40
40
|
"default",
|
|
41
41
|
"framed",
|
|
42
|
-
"
|
|
43
|
-
"shine-right",
|
|
44
|
-
"carbon"
|
|
42
|
+
"deko"
|
|
45
43
|
],
|
|
46
44
|
"default": "default"
|
|
47
45
|
},
|
|
@@ -67,7 +65,7 @@
|
|
|
67
65
|
"to-bold",
|
|
68
66
|
"to-inverted"
|
|
69
67
|
],
|
|
70
|
-
"default": "default"
|
|
68
|
+
"default": "to-default"
|
|
71
69
|
},
|
|
72
70
|
"backgroundImage": {
|
|
73
71
|
"title": "Background image",
|
|
@@ -899,7 +897,7 @@
|
|
|
899
897
|
"bottom"
|
|
900
898
|
],
|
|
901
899
|
"type": "string",
|
|
902
|
-
"default": "
|
|
900
|
+
"default": "below"
|
|
903
901
|
},
|
|
904
902
|
"type": {
|
|
905
903
|
"const": "hero"
|
|
@@ -1535,8 +1533,15 @@
|
|
|
1535
1533
|
true
|
|
1536
1534
|
]
|
|
1537
1535
|
},
|
|
1538
|
-
"
|
|
1539
|
-
"
|
|
1536
|
+
"variant": {
|
|
1537
|
+
"title": "Type",
|
|
1538
|
+
"description": "Type of the movement",
|
|
1539
|
+
"type": "string",
|
|
1540
|
+
"enum": [
|
|
1541
|
+
"slider",
|
|
1542
|
+
"carousel"
|
|
1543
|
+
],
|
|
1544
|
+
"default": "carousel"
|
|
1540
1545
|
},
|
|
1541
1546
|
"className": {
|
|
1542
1547
|
"title": "Class",
|
|
@@ -2114,7 +2119,7 @@
|
|
|
2114
2119
|
"bottom"
|
|
2115
2120
|
],
|
|
2116
2121
|
"type": "string",
|
|
2117
|
-
"default": "
|
|
2122
|
+
"default": "below"
|
|
2118
2123
|
},
|
|
2119
2124
|
"type": {
|
|
2120
2125
|
"const": "hero"
|
|
@@ -2347,12 +2352,13 @@
|
|
|
2347
2352
|
"number": {
|
|
2348
2353
|
"title": "Number",
|
|
2349
2354
|
"description": "The number of the stat",
|
|
2350
|
-
"type": "
|
|
2355
|
+
"type": "string",
|
|
2351
2356
|
"examples": [
|
|
2352
|
-
1,
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2357
|
+
"1",
|
|
2358
|
+
"5x",
|
|
2359
|
+
"2",
|
|
2360
|
+
"40%",
|
|
2361
|
+
"bis zu 100"
|
|
2356
2362
|
]
|
|
2357
2363
|
},
|
|
2358
2364
|
"description": {
|
|
@@ -2672,15 +2678,8 @@
|
|
|
2672
2678
|
]
|
|
2673
2679
|
}
|
|
2674
2680
|
},
|
|
2675
|
-
"
|
|
2676
|
-
"
|
|
2677
|
-
"description": "Type of the movement",
|
|
2678
|
-
"type": "string",
|
|
2679
|
-
"enum": [
|
|
2680
|
-
"slider",
|
|
2681
|
-
"carousel"
|
|
2682
|
-
],
|
|
2683
|
-
"default": "carousel"
|
|
2681
|
+
"type": {
|
|
2682
|
+
"const": "slider"
|
|
2684
2683
|
}
|
|
2685
2684
|
},
|
|
2686
2685
|
"additionalProperties": false
|
|
@@ -2706,12 +2705,13 @@
|
|
|
2706
2705
|
"number": {
|
|
2707
2706
|
"title": "Number",
|
|
2708
2707
|
"description": "The number of the stat",
|
|
2709
|
-
"type": "
|
|
2708
|
+
"type": "string",
|
|
2710
2709
|
"examples": [
|
|
2711
|
-
1,
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2710
|
+
"1",
|
|
2711
|
+
"5x",
|
|
2712
|
+
"2",
|
|
2713
|
+
"40%",
|
|
2714
|
+
"bis zu 100"
|
|
2715
2715
|
]
|
|
2716
2716
|
},
|
|
2717
2717
|
"description": {
|
|
@@ -3149,7 +3149,7 @@
|
|
|
3149
3149
|
"corner"
|
|
3150
3150
|
],
|
|
3151
3151
|
"type": "string",
|
|
3152
|
-
"default": "
|
|
3152
|
+
"default": "center"
|
|
3153
3153
|
},
|
|
3154
3154
|
"type": {
|
|
3155
3155
|
"const": "video-curtain"
|
|
@@ -3273,13 +3273,10 @@
|
|
|
3273
3273
|
},
|
|
3274
3274
|
"seo": {
|
|
3275
3275
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3276
|
-
"$id": "http://
|
|
3276
|
+
"$id": "http://cms.mydesignsystem.com/seo.schema.json",
|
|
3277
3277
|
"title": "Seo",
|
|
3278
3278
|
"description": "Abstracts SEO settings for a website into JSON schema",
|
|
3279
3279
|
"type": "object",
|
|
3280
|
-
"required": [
|
|
3281
|
-
"title"
|
|
3282
|
-
],
|
|
3283
3280
|
"properties": {
|
|
3284
3281
|
"title": {
|
|
3285
3282
|
"type": "string",
|
|
@@ -3312,6 +3309,9 @@
|
|
|
3312
3309
|
"const": "seo"
|
|
3313
3310
|
}
|
|
3314
3311
|
},
|
|
3312
|
+
"required": [
|
|
3313
|
+
"title"
|
|
3314
|
+
],
|
|
3315
3315
|
"additionalProperties": false
|
|
3316
3316
|
},
|
|
3317
3317
|
"type": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://
|
|
3
|
+
"$id": "http://cms.mydesignsystem.com/page.schema.json",
|
|
4
4
|
"title": "Page",
|
|
5
5
|
"description": "Abstracts a page concept into JSON schema",
|
|
6
6
|
"type": "object",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
"seo": {
|
|
50
|
-
"$ref": "http://
|
|
50
|
+
"$ref": "http://cms.mydesignsystem.com/seo.schema.json"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
}
|