@kickstartds/ds-agency-premium 1.6.71--canary.1888.1605cf9.0 → 1.6.71--canary.45.1893.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/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/button/button.css +8 -8
- package/dist/components/footer/footer.css +1 -1
- package/dist/components/footer/footer.schema.dereffed.json +12 -26
- package/dist/components/header/header.schema.dereffed.json +12 -26
- package/dist/components/hero/hero.css +4 -3
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -26
- package/dist/components/nav-main/nav-main.schema.dereffed.json +12 -26
- package/dist/components/nav-main/nav-main.schema.json +12 -26
- package/dist/components/nav-topbar/nav-topbar.css +1 -1
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -26
- package/dist/components/page-wrapper/index.js +0 -6
- package/dist/components/page-wrapper/tokens.css +245 -245
- package/dist/components/presets.json +26 -54
- package/dist/components/settings/settings.schema.dereffed.json +24 -52
- package/dist/components/stats/stats.css +3 -3
- package/dist/components/teaser-card/teaser-card.css +4 -3
- package/dist/global.css +1 -1
- 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 -20
- package/dist/static/logo.svg +12 -54
- 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 +245 -245
- package/dist/tokens/tokens.js +375 -376
- package/package.json +1 -1
- 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/contact.jpg +0 -0
- package/dist/static/guenther/header.jpg +0 -0
- package/dist/static/guenther/header.png +0 -0
- /package/dist/{BlogPostProps-c760fd2a.d.ts → BlogPostProps-6b3cff22.d.ts} +0 -0
- /package/dist/{BlogTeaserProps-d62a0a9a.d.ts → BlogTeaserProps-f5855e93.d.ts} +0 -0
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* and run json-schema-to-typescript to regenerate this file.
|
|
5
5
|
*/
|
|
6
6
|
import { SectionProps } from "./SectionProps-21d04028.js";
|
|
7
|
-
import { BlogTeaserProps } from "./BlogTeaserProps-
|
|
7
|
+
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-babe4ee6.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
10
10
|
/**
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-6b3cff22.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { BlogTeaserProps } from "../../BlogTeaserProps-
|
|
3
|
+
import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
|
|
4
4
|
declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
|
-
--dsa-button--padding: 0.
|
|
2
|
+
--dsa-button--padding: 0.75em 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-semi-bold);
|
|
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);
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
--dsa-button_primary--background-color: var(--ks-background-color-primary-interactive);
|
|
14
14
|
--dsa-button_primary--background-color_hover: var(--ks-background-color-primary-interactive-hover);
|
|
15
15
|
--dsa-button_primary--background-color_active: var(--ks-background-color-primary-interactive-active);
|
|
16
|
-
--dsa-button_secondary--color: var(--ks-text-color-
|
|
17
|
-
--dsa-button_secondary--color_hover: var(--ks-text-color-
|
|
18
|
-
--dsa-button_secondary--color_active: var(--ks-text-color-
|
|
19
|
-
--dsa-button_secondary--background-color: var(--ks-color-
|
|
20
|
-
--dsa-button_secondary--background-color_hover: var(--ks-color-
|
|
21
|
-
--dsa-button_secondary--background-color_active: var(--ks-color-
|
|
16
|
+
--dsa-button_secondary--color: var(--ks-text-color-default);
|
|
17
|
+
--dsa-button_secondary--color_hover: var(--ks-text-color-default);
|
|
18
|
+
--dsa-button_secondary--color_active: var(--ks-text-color-default);
|
|
19
|
+
--dsa-button_secondary--background-color: var(--ks-background-color-interface-interactive);
|
|
20
|
+
--dsa-button_secondary--background-color_hover: var(--ks-background-color-interface-interactive-hover);
|
|
21
|
+
--dsa-button_secondary--background-color_active: var(--ks-background-color-interface-interactive-active);
|
|
22
22
|
--dsa-button_terciary--color: var(--ks-text-color-default);
|
|
23
23
|
--dsa-button_terciary--color_hover: var(--ks-text-color-default);
|
|
24
24
|
--dsa-button_terciary--color_active: var(--ks-text-color-default);
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
--dsa-footer__link--font-weight: var(--dsa-link--font-weight);
|
|
11
11
|
--dsa-footer__link--color: var(--dsa-link--color);
|
|
12
12
|
--dsa-footer__link--text-tecoration: none;
|
|
13
|
-
--dsa-footer__link--text-tecoration_hover:
|
|
13
|
+
--dsa-footer__link--text-tecoration_hover: underline;
|
|
14
14
|
--dsa-footer__logo--height: 1.5rem;
|
|
15
15
|
}
|
|
16
16
|
@media (min-width: 62em) {
|
|
@@ -107,58 +107,44 @@
|
|
|
107
107
|
"examples": [
|
|
108
108
|
[
|
|
109
109
|
{
|
|
110
|
-
"label": "
|
|
110
|
+
"label": "Active Item",
|
|
111
111
|
"url": "#",
|
|
112
112
|
"active": true
|
|
113
113
|
},
|
|
114
114
|
{
|
|
115
|
-
"label": "
|
|
115
|
+
"label": "Navigation Item",
|
|
116
|
+
"url": "#"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"label": "Dropdown",
|
|
116
120
|
"url": "#",
|
|
117
121
|
"items": [
|
|
118
122
|
{
|
|
119
|
-
"label": "
|
|
123
|
+
"label": "Level 2 Item",
|
|
120
124
|
"url": "#"
|
|
121
125
|
},
|
|
122
126
|
{
|
|
123
|
-
"label": "
|
|
127
|
+
"label": "Active Item",
|
|
124
128
|
"active": true,
|
|
125
129
|
"url": "#"
|
|
126
130
|
},
|
|
127
131
|
{
|
|
128
|
-
"label": "
|
|
132
|
+
"label": "An Item with a longer Label",
|
|
129
133
|
"url": "#"
|
|
130
134
|
},
|
|
131
135
|
{
|
|
132
|
-
"label": "
|
|
136
|
+
"label": "And One last one",
|
|
133
137
|
"url": "#"
|
|
134
138
|
}
|
|
135
139
|
]
|
|
136
140
|
},
|
|
137
141
|
{
|
|
138
|
-
"label": "
|
|
139
|
-
"url": "#"
|
|
140
|
-
},
|
|
141
|
-
{
|
|
142
|
-
"label": "Bonusprogramm",
|
|
143
|
-
"url": "#"
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
"label": "News",
|
|
142
|
+
"label": "One more Item",
|
|
147
143
|
"url": "#"
|
|
148
144
|
},
|
|
149
145
|
{
|
|
150
|
-
"label": "
|
|
146
|
+
"label": "Last Item",
|
|
151
147
|
"url": "#"
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
"label": "Kontakt",
|
|
155
|
-
"url": "#",
|
|
156
|
-
"items": [
|
|
157
|
-
{
|
|
158
|
-
"label": "Unternehmen",
|
|
159
|
-
"url": "#"
|
|
160
|
-
}
|
|
161
|
-
]
|
|
162
148
|
}
|
|
163
149
|
]
|
|
164
150
|
]
|
|
@@ -120,58 +120,44 @@
|
|
|
120
120
|
"examples": [
|
|
121
121
|
[
|
|
122
122
|
{
|
|
123
|
-
"label": "
|
|
123
|
+
"label": "Active Item",
|
|
124
124
|
"url": "#",
|
|
125
125
|
"active": true
|
|
126
126
|
},
|
|
127
127
|
{
|
|
128
|
-
"label": "
|
|
128
|
+
"label": "Navigation Item",
|
|
129
|
+
"url": "#"
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"label": "Dropdown",
|
|
129
133
|
"url": "#",
|
|
130
134
|
"items": [
|
|
131
135
|
{
|
|
132
|
-
"label": "
|
|
136
|
+
"label": "Level 2 Item",
|
|
133
137
|
"url": "#"
|
|
134
138
|
},
|
|
135
139
|
{
|
|
136
|
-
"label": "
|
|
140
|
+
"label": "Active Item",
|
|
137
141
|
"active": true,
|
|
138
142
|
"url": "#"
|
|
139
143
|
},
|
|
140
144
|
{
|
|
141
|
-
"label": "
|
|
145
|
+
"label": "An Item with a longer Label",
|
|
142
146
|
"url": "#"
|
|
143
147
|
},
|
|
144
148
|
{
|
|
145
|
-
"label": "
|
|
149
|
+
"label": "And One last one",
|
|
146
150
|
"url": "#"
|
|
147
151
|
}
|
|
148
152
|
]
|
|
149
153
|
},
|
|
150
154
|
{
|
|
151
|
-
"label": "
|
|
152
|
-
"url": "#"
|
|
153
|
-
},
|
|
154
|
-
{
|
|
155
|
-
"label": "Bonusprogramm",
|
|
156
|
-
"url": "#"
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
"label": "News",
|
|
155
|
+
"label": "One more Item",
|
|
160
156
|
"url": "#"
|
|
161
157
|
},
|
|
162
158
|
{
|
|
163
|
-
"label": "
|
|
159
|
+
"label": "Last Item",
|
|
164
160
|
"url": "#"
|
|
165
|
-
},
|
|
166
|
-
{
|
|
167
|
-
"label": "Kontakt",
|
|
168
|
-
"url": "#",
|
|
169
|
-
"items": [
|
|
170
|
-
{
|
|
171
|
-
"label": "Unternehmen",
|
|
172
|
-
"url": "#"
|
|
173
|
-
}
|
|
174
|
-
]
|
|
175
161
|
}
|
|
176
162
|
]
|
|
177
163
|
]
|
|
@@ -19,12 +19,13 @@
|
|
|
19
19
|
--dsa-hero__textbox--box-shadow: none;
|
|
20
20
|
--dsa-hero__textbox--border-radius: var(--ks-border-radius-card);
|
|
21
21
|
--dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
|
|
22
|
-
--dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
|
|
23
22
|
--dsa-hero__textbox--padding: var(--ks-spacing-inset-squish-xl);
|
|
23
|
+
--dsa-hero_below__textbox--max-width: var(--dsa-content--width_default);
|
|
24
|
+
--dsa-hero_below__textbox--offset: -10%;
|
|
24
25
|
--dsa-hero__overlay--background: radial-gradient(
|
|
25
26
|
50% 125% at 100% 0%,
|
|
26
27
|
var(--ks-color-primary-alpha-5) 0%,
|
|
27
|
-
var(--ks-color-
|
|
28
|
+
var(--ks-color-bg-alpha-4) 100%
|
|
28
29
|
);
|
|
29
30
|
--dsa-hero--below__overlay--background: linear-gradient(
|
|
30
31
|
0deg,
|
|
@@ -151,7 +152,7 @@
|
|
|
151
152
|
}
|
|
152
153
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content {
|
|
153
154
|
padding: 0 var(--dsa-content--horizontal-spacing);
|
|
154
|
-
margin-top: -10
|
|
155
|
+
margin-top: var(--dsa-hero_below__textbox--offset, -10%);
|
|
155
156
|
position: relative;
|
|
156
157
|
}
|
|
157
158
|
.c-visual.dsa-hero.dsa-hero--content-below .c-visual__content .c-visual__box {
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
32
|
+
export * from "../../BlogPostProps-6b3cff22.js";
|
|
33
33
|
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -48,58 +48,44 @@
|
|
|
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",
|
|
83
|
+
"label": "One more Item",
|
|
88
84
|
"url": "#"
|
|
89
85
|
},
|
|
90
86
|
{
|
|
91
|
-
"label": "
|
|
87
|
+
"label": "Last Item",
|
|
92
88
|
"url": "#"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"label": "Kontakt",
|
|
96
|
-
"url": "#",
|
|
97
|
-
"items": [
|
|
98
|
-
{
|
|
99
|
-
"label": "Unternehmen",
|
|
100
|
-
"url": "#"
|
|
101
|
-
}
|
|
102
|
-
]
|
|
103
89
|
}
|
|
104
90
|
]
|
|
105
91
|
]
|
|
@@ -122,58 +122,44 @@
|
|
|
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",
|
|
157
|
+
"label": "One more Item",
|
|
162
158
|
"url": "#"
|
|
163
159
|
},
|
|
164
160
|
{
|
|
165
|
-
"label": "
|
|
161
|
+
"label": "Last Item",
|
|
166
162
|
"url": "#"
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
"label": "Kontakt",
|
|
170
|
-
"url": "#",
|
|
171
|
-
"items": [
|
|
172
|
-
{
|
|
173
|
-
"label": "Unternehmen",
|
|
174
|
-
"url": "#"
|
|
175
|
-
}
|
|
176
|
-
]
|
|
177
163
|
}
|
|
178
164
|
]
|
|
179
165
|
]
|
|
@@ -45,58 +45,44 @@
|
|
|
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",
|
|
80
|
+
"label": "One more Item",
|
|
85
81
|
"url": "#"
|
|
86
82
|
},
|
|
87
83
|
{
|
|
88
|
-
"label": "
|
|
84
|
+
"label": "Last Item",
|
|
89
85
|
"url": "#"
|
|
90
|
-
},
|
|
91
|
-
{
|
|
92
|
-
"label": "Kontakt",
|
|
93
|
-
"url": "#",
|
|
94
|
-
"items": [
|
|
95
|
-
{
|
|
96
|
-
"label": "Unternehmen",
|
|
97
|
-
"url": "#"
|
|
98
|
-
}
|
|
99
|
-
]
|
|
100
86
|
}
|
|
101
87
|
]
|
|
102
88
|
]
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
--dsa-nav-topbar__label--background-color: transparent;
|
|
6
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);
|
|
@@ -48,58 +48,44 @@
|
|
|
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",
|
|
83
|
+
"label": "One more Item",
|
|
88
84
|
"url": "#"
|
|
89
85
|
},
|
|
90
86
|
{
|
|
91
|
-
"label": "
|
|
87
|
+
"label": "Last Item",
|
|
92
88
|
"url": "#"
|
|
93
|
-
},
|
|
94
|
-
{
|
|
95
|
-
"label": "Kontakt",
|
|
96
|
-
"url": "#",
|
|
97
|
-
"items": [
|
|
98
|
-
{
|
|
99
|
-
"label": "Unternehmen",
|
|
100
|
-
"url": "#"
|
|
101
|
-
}
|
|
102
|
-
]
|
|
103
89
|
}
|
|
104
90
|
]
|
|
105
91
|
]
|
|
@@ -102,12 +102,6 @@ var IconSprite = (() => /*#__PURE__*/ jsxs("svg", {
|
|
|
102
102
|
}), /*#__PURE__*/ jsx("path", {
|
|
103
103
|
d: "M14 10H12V8C12 7.4 11.6 7 11 7C10.4 7 10 7.4 10 8V10H8C7.4 10 7 10.4 7 11C7 11.6 7.4 12 8 12H10V14C10 14.6 10.4 15 11 15C11.6 15 12 14.6 12 14V12H14C14.6 12 15 11.6 15 11C15 10.4 14.6 10 14 10Z"
|
|
104
104
|
})]
|
|
105
|
-
}), /*#__PURE__*/ jsx("symbol", {
|
|
106
|
-
id: "icon-heart",
|
|
107
|
-
viewBox: "0 0 24 24",
|
|
108
|
-
children: /*#__PURE__*/ jsx("path", {
|
|
109
|
-
d: "M21.452 8.50012C21.452 7.90903 21.3355 7.32354 21.1093 6.77747C20.883 6.23136 20.5508 5.7354 20.1327 5.3175C19.7149 4.89956 19.2187 4.56718 18.6727 4.34094C18.1266 4.11467 17.5412 3.99818 16.9501 3.99817C16.3589 3.99817 15.7735 4.11466 15.2274 4.34094C14.6815 4.56717 14.1853 4.89859 13.7675 5.31653L12.7069 6.37708C12.3164 6.76752 11.6833 6.76757 11.2928 6.37708L10.2333 5.3175C9.38912 4.47335 8.2435 3.99915 7.04968 3.99915C5.85598 3.99923 4.71115 4.47342 3.86707 5.3175C3.02305 6.16164 2.54871 7.30641 2.54871 8.50012C2.54874 9.69385 3.023 10.8386 3.86707 11.6827L11.9999 19.8156L20.1327 11.6827L20.286 11.5226C20.6326 11.1402 20.9113 10.7006 21.1093 10.2228C21.3355 9.67671 21.452 9.0912 21.452 8.50012ZM23.452 8.50012C23.452 9.35393 23.2837 10.1996 22.9569 10.9884C22.6301 11.7771 22.1505 12.4933 21.5468 13.0968L12.7069 21.9366C12.3164 22.3272 11.6834 22.3272 11.2928 21.9366L2.453 13.0968C1.23386 11.8776 0.54874 10.2243 0.548706 8.50012C0.548706 6.77587 1.23377 5.12169 2.453 3.90247C3.67213 2.68348 5.32567 1.99923 7.04968 1.99915C8.77389 1.99915 10.4281 2.6833 11.6473 3.90247L11.9999 4.255L12.3524 3.90247C12.956 3.29864 13.6731 2.82011 14.4618 2.49329C15.2506 2.16644 16.0962 1.99817 16.9501 1.99817C17.8039 1.99818 18.6496 2.16645 19.4384 2.49329C20.2269 2.82003 20.9433 3.29887 21.5468 3.90247C22.1507 4.50609 22.6301 5.22303 22.9569 6.01184C23.2837 6.80064 23.452 7.64629 23.452 8.50012Z"
|
|
110
|
-
})
|
|
111
105
|
}), /*#__PURE__*/ jsx("symbol", {
|
|
112
106
|
id: "icon-arrow-down",
|
|
113
107
|
viewBox: "0 0 24 24",
|