@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.
Files changed (147) hide show
  1. package/dist/BlogOverviewProps-d62a0a9a.d.ts +1 -1
  2. package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-c04a5ed8.d.ts} +2 -2
  3. package/dist/PageProps-aa29c554.d.ts +1 -1
  4. package/dist/{SectionProps-2fd5dbde.d.ts → SectionProps-00ddee3a.d.ts} +2 -2
  5. package/dist/SliderProps-789f8508.d.ts +1 -1
  6. package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
  7. package/dist/StatsProps-bf5ef578.d.ts +1 -1
  8. package/dist/components/blog-aside/index.d.ts +1 -1
  9. package/dist/components/blog-aside/index.js +6 -1
  10. package/dist/components/blog-author/index.js +10 -1
  11. package/dist/components/blog-head/index.js +6 -1
  12. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +33 -33
  13. package/dist/components/blog-overview/blog-overview.schema.json +2 -2
  14. package/dist/components/blog-overview/index.js +1 -0
  15. package/dist/components/blog-post/blog-post.schema.dereffed.json +33 -33
  16. package/dist/components/blog-post/blog-post.schema.json +2 -2
  17. package/dist/components/blog-post/index.d.ts +1 -1
  18. package/dist/components/blog-post/index.js +1 -0
  19. package/dist/components/blog-teaser/index.js +10 -1
  20. package/dist/components/button/button.css +2 -2
  21. package/dist/components/contact/index.js +10 -1
  22. package/dist/components/cta/cta.css +1 -1
  23. package/dist/components/cta/index.js +19 -1
  24. package/dist/components/divider/index.js +6 -1
  25. package/dist/components/event-detail/index.js +1 -0
  26. package/dist/components/event-header/index.js +1 -0
  27. package/dist/components/event-list/index.js +1 -0
  28. package/dist/components/faq/index.js +6 -1
  29. package/dist/components/feature/index.js +15 -2
  30. package/dist/components/features/features.css +25 -7
  31. package/dist/components/features/index.js +13 -1
  32. package/dist/components/footer/footer.css +3 -3
  33. package/dist/components/footer/footer.schema.dereffed.json +12 -20
  34. package/dist/components/footer/index.js +11 -1
  35. package/dist/components/gallery/index.js +9 -1
  36. package/dist/components/header/header.schema.dereffed.json +12 -20
  37. package/dist/components/header/index.js +13 -1
  38. package/dist/components/headline/headline.css +2 -44
  39. package/dist/components/hero/hero.css +0 -11
  40. package/dist/components/hero/hero.schema.dereffed.json +1 -1
  41. package/dist/components/hero/hero.schema.json +1 -1
  42. package/dist/components/hero/index.js +17 -1
  43. package/dist/components/html/index.js +8 -1
  44. package/dist/components/image-story/index.d.ts +1 -1
  45. package/dist/components/image-story/index.js +14 -1
  46. package/dist/components/image-text/index.js +7 -1
  47. package/dist/components/index/index.d.ts +1 -1
  48. package/dist/components/logo/index.js +6 -1
  49. package/dist/components/logos/index.js +12 -1
  50. package/dist/components/mosaic/index.js +8 -1
  51. package/dist/components/nav-dropdown/nav-dropdown.css +3 -3
  52. package/dist/components/nav-flyout/index.js +7 -1
  53. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -20
  54. package/dist/components/nav-main/index.js +11 -1
  55. package/dist/components/nav-main/nav-main.schema.dereffed.json +12 -20
  56. package/dist/components/nav-main/nav-main.schema.json +12 -20
  57. package/dist/components/nav-topbar/index.js +7 -1
  58. package/dist/components/nav-topbar/nav-topbar.css +3 -3
  59. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -20
  60. package/dist/components/page/page.schema.dereffed.json +33 -33
  61. package/dist/components/page/page.schema.json +2 -2
  62. package/dist/components/page-wrapper/index.js +1 -6
  63. package/dist/components/page-wrapper/tokens.css +251 -251
  64. package/dist/components/presets.json +70 -86
  65. package/dist/components/providers/index.js +1 -0
  66. package/dist/components/search/index.js +1 -0
  67. package/dist/components/section/index.d.ts +1 -1
  68. package/dist/components/section/index.js +27 -1
  69. package/dist/components/section/section.css +19 -20
  70. package/dist/components/section/section.schema.dereffed.json +28 -28
  71. package/dist/components/section/section.schema.json +2 -2
  72. package/dist/components/seo/seo.schema.dereffed.json +4 -4
  73. package/dist/components/seo/seo.schema.json +4 -3
  74. package/dist/components/settings/settings.schema.dereffed.json +29 -45
  75. package/dist/components/settings/settings.schema.json +2 -2
  76. package/dist/components/slider/index.js +1 -1
  77. package/dist/components/slider/slider.schema.dereffed.json +18 -17
  78. package/dist/components/slider/slider.schema.json +1 -1
  79. package/dist/components/split-even/index.d.ts +1 -1
  80. package/dist/components/split-even/split-even.schema.dereffed.json +52 -48
  81. package/dist/components/split-weighted/index.d.ts +1 -1
  82. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +52 -48
  83. package/dist/components/stat/index.d.ts +1 -1
  84. package/dist/components/stat/index.js +16 -4
  85. package/dist/components/stat/stat.schema.dereffed.json +6 -5
  86. package/dist/components/stat/stat.schema.json +2 -2
  87. package/dist/components/stats/index.js +6 -1
  88. package/dist/components/stats/stats.css +4 -4
  89. package/dist/components/stats/stats.schema.dereffed.json +6 -5
  90. package/dist/components/teaser-card/index.js +11 -1
  91. package/dist/components/teaser-card/teaser-card.css +11 -9
  92. package/dist/components/testimonial/index.js +7 -1
  93. package/dist/components/testimonials/index.js +8 -1
  94. package/dist/components/text/index.js +8 -1
  95. package/dist/components/video-curtain/index.js +11 -1
  96. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +1 -1
  97. package/dist/components/video-curtain/video-curtain.schema.json +1 -1
  98. package/dist/global.css +2 -2
  99. package/dist/helpers-12f48df8.d.ts +6 -0
  100. package/dist/helpers-12f48df8.js +40 -0
  101. package/dist/static/favicon/android-chrome-192x192.png +0 -0
  102. package/dist/static/favicon/android-chrome-512x512.png +0 -0
  103. package/dist/static/favicon/apple-touch-icon.png +0 -0
  104. package/dist/static/favicon/browserconfig.xml +9 -0
  105. package/dist/static/favicon/favicon-16x16.png +0 -0
  106. package/dist/static/favicon/favicon-192-192.png +20 -0
  107. package/dist/static/favicon/favicon-32x32.png +0 -0
  108. package/dist/static/favicon/favicon.ico +0 -0
  109. package/dist/static/favicon/mstile-144x144.png +0 -0
  110. package/dist/static/favicon/mstile-150x150.png +0 -0
  111. package/dist/static/favicon/mstile-310x150.png +0 -0
  112. package/dist/static/favicon/mstile-310x310.png +0 -0
  113. package/dist/static/favicon/mstile-70x70.png +0 -0
  114. package/dist/static/favicon/safari-pinned-tab.svg +30 -0
  115. package/dist/static/favicon/site.webmanifest +19 -1
  116. package/dist/static/logo-inverted.svg +12 -27
  117. package/dist/static/logo.svg +12 -27
  118. package/dist/tokens/IconSprite.js +0 -6
  119. package/dist/tokens/icon-sprite.html +0 -2
  120. package/dist/tokens/themes.css +4 -4
  121. package/dist/tokens/tokens.css +251 -251
  122. package/dist/tokens/tokens.js +376 -377
  123. package/package.json +6 -4
  124. package/dist/static/guenther/brands/cadillac.png +0 -0
  125. package/dist/static/guenther/brands/corvette.png +0 -0
  126. package/dist/static/guenther/brands/infiniti.png +0 -0
  127. package/dist/static/guenther/brands/isuzu.png +0 -0
  128. package/dist/static/guenther/brands/kia.png +0 -0
  129. package/dist/static/guenther/brands/maserati.png +0 -0
  130. package/dist/static/guenther/brands/micro.png +0 -0
  131. package/dist/static/guenther/brands/msg.png +0 -0
  132. package/dist/static/guenther/brands/nissan.png +0 -0
  133. package/dist/static/guenther/brands/saab.png +0 -0
  134. package/dist/static/guenther/brands/subaru.png +0 -0
  135. package/dist/static/guenther/car-1.webp +0 -0
  136. package/dist/static/guenther/car-2.webp +0 -0
  137. package/dist/static/guenther/car-cutout-1.avif +0 -0
  138. package/dist/static/guenther/car-cutout-2.avif +0 -0
  139. package/dist/static/guenther/car-cutout-3.png +0 -0
  140. package/dist/static/guenther/car-red.png +0 -0
  141. package/dist/static/guenther/car-store.png +0 -0
  142. package/dist/static/guenther/contact.jpg +0 -0
  143. package/dist/static/guenther/header-2.png +0 -0
  144. package/dist/static/guenther/header.jpg +0 -0
  145. package/dist/static/guenther/header.png +0 -0
  146. /package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-fb0241df.d.ts} +0 -0
  147. /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-c760fd2a.js";
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-xs) var(--ks-spacing-xxs);
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: unset;
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: 0.6;
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": "Fahrzeugsuche",
51
+ "label": "Active Item",
52
52
  "url": "#",
53
53
  "active": true
54
54
  },
55
55
  {
56
- "label": "Marken",
56
+ "label": "Navigation Item",
57
+ "url": "#"
58
+ },
59
+ {
60
+ "label": "Dropdown",
57
61
  "url": "#",
58
62
  "items": [
59
63
  {
60
- "label": "Nissan",
64
+ "label": "Level 2 Item",
61
65
  "url": "#"
62
66
  },
63
67
  {
64
- "label": "Kia",
68
+ "label": "Active Item",
65
69
  "active": true,
66
70
  "url": "#"
67
71
  },
68
72
  {
69
- "label": "Maserati",
73
+ "label": "An Item with a longer Label",
70
74
  "url": "#"
71
75
  },
72
76
  {
73
- "label": "Corvette",
77
+ "label": "And One last one",
74
78
  "url": "#"
75
79
  }
76
80
  ]
77
81
  },
78
82
  {
79
- "label": "Standorte",
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": "Kontakt",
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": "Fahrzeugsuche",
125
+ "label": "Active Item",
126
126
  "url": "#",
127
127
  "active": true
128
128
  },
129
129
  {
130
- "label": "Marken",
130
+ "label": "Navigation Item",
131
+ "url": "#"
132
+ },
133
+ {
134
+ "label": "Dropdown",
131
135
  "url": "#",
132
136
  "items": [
133
137
  {
134
- "label": "Nissan",
138
+ "label": "Level 2 Item",
135
139
  "url": "#"
136
140
  },
137
141
  {
138
- "label": "Kia",
142
+ "label": "Active Item",
139
143
  "active": true,
140
144
  "url": "#"
141
145
  },
142
146
  {
143
- "label": "Maserati",
147
+ "label": "An Item with a longer Label",
144
148
  "url": "#"
145
149
  },
146
150
  {
147
- "label": "Corvette",
151
+ "label": "And One last one",
148
152
  "url": "#"
149
153
  }
150
154
  ]
151
155
  },
152
156
  {
153
- "label": "Standorte",
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": "Kontakt",
161
+ "label": "Last Item",
170
162
  "url": "#"
171
163
  }
172
164
  ]
@@ -45,51 +45,43 @@
45
45
  "examples": [
46
46
  [
47
47
  {
48
- "label": "Fahrzeugsuche",
48
+ "label": "Active Item",
49
49
  "url": "#",
50
50
  "active": true
51
51
  },
52
52
  {
53
- "label": "Marken",
53
+ "label": "Navigation Item",
54
+ "url": "#"
55
+ },
56
+ {
57
+ "label": "Dropdown",
54
58
  "url": "#",
55
59
  "items": [
56
60
  {
57
- "label": "Nissan",
61
+ "label": "Level 2 Item",
58
62
  "url": "#"
59
63
  },
60
64
  {
61
- "label": "Kia",
65
+ "label": "Active Item",
62
66
  "active": true,
63
67
  "url": "#"
64
68
  },
65
69
  {
66
- "label": "Maserati",
70
+ "label": "An Item with a longer Label",
67
71
  "url": "#"
68
72
  },
69
73
  {
70
- "label": "Corvette",
74
+ "label": "And One last one",
71
75
  "url": "#"
72
76
  }
73
77
  ]
74
78
  },
75
79
  {
76
- "label": "Standorte",
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": "Kontakt",
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: transparent;
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: calc(var(--ks-font-size-interface-s) * 1.15);
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: 0.6;
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": "Fahrzeugsuche",
51
+ "label": "Active Item",
52
52
  "url": "#",
53
53
  "active": true
54
54
  },
55
55
  {
56
- "label": "Marken",
56
+ "label": "Navigation Item",
57
+ "url": "#"
58
+ },
59
+ {
60
+ "label": "Dropdown",
57
61
  "url": "#",
58
62
  "items": [
59
63
  {
60
- "label": "Nissan",
64
+ "label": "Level 2 Item",
61
65
  "url": "#"
62
66
  },
63
67
  {
64
- "label": "Kia",
68
+ "label": "Active Item",
65
69
  "active": true,
66
70
  "url": "#"
67
71
  },
68
72
  {
69
- "label": "Maserati",
73
+ "label": "An Item with a longer Label",
70
74
  "url": "#"
71
75
  },
72
76
  {
73
- "label": "Corvette",
77
+ "label": "And One last one",
74
78
  "url": "#"
75
79
  }
76
80
  ]
77
81
  },
78
82
  {
79
- "label": "Standorte",
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": "Kontakt",
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://schema.mydesignsystem.com/cms/page.schema.json",
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
- "shine-left",
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": "bottom"
900
+ "default": "below"
903
901
  },
904
902
  "type": {
905
903
  "const": "hero"
@@ -1535,8 +1533,15 @@
1535
1533
  true
1536
1534
  ]
1537
1535
  },
1538
- "type": {
1539
- "const": "slider"
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": "bottom"
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": "integer",
2355
+ "type": "string",
2351
2356
  "examples": [
2352
- 1,
2353
- 2,
2354
- 3,
2355
- 4
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
- "typeProp": {
2676
- "title": "Type",
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": "integer",
2708
+ "type": "string",
2710
2709
  "examples": [
2711
- 1,
2712
- 2,
2713
- 3,
2714
- 4
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": "bottom"
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://schema.mydesignsystem.com/cms/seo.schema.json",
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://schema.mydesignsystem.com/cms/page.schema.json",
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://schema.mydesignsystem.com/cms/seo.schema.json"
50
+ "$ref": "http://cms.mydesignsystem.com/seo.schema.json"
51
51
  }
52
52
  }
53
53
  }