@kickstartds/ds-agency-premium 1.6.71--canary.45.2205.0 → 1.6.71--canary.49.2211.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 (80) hide show
  1. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  2. package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
  3. package/dist/PageProps-aa29c554.d.ts +1 -1
  4. package/dist/{SectionProps-d60aba86.d.ts → SectionProps-2a23ef89.d.ts} +1 -1
  5. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +1 -1
  6. package/dist/components/blog-post/blog-post.schema.dereffed.json +1 -1
  7. package/dist/components/button/button.css +1 -1
  8. package/dist/components/cookie-consent/C15t.client.js +3 -32
  9. package/dist/components/cookie-consent/CookieConsent.client.d.ts +1 -0
  10. package/dist/components/cookie-consent/CookieConsent.client.js +13 -8
  11. package/dist/components/cookie-consent/cookie-consent.css +15 -3
  12. package/dist/components/cookie-consent/index.js +1 -1
  13. package/dist/components/features/features.css +2 -1
  14. package/dist/components/footer/footer.css +2 -2
  15. package/dist/components/footer/footer.schema.dereffed.json +154 -9
  16. package/dist/components/header/header.schema.dereffed.json +154 -9
  17. package/dist/components/headline/headline.css +7 -7
  18. package/dist/components/hero/hero.css +4 -4
  19. package/dist/components/mosaic/index.js +1 -0
  20. package/dist/components/nav-dropdown/nav-dropdown.css +5 -5
  21. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +154 -9
  22. package/dist/components/nav-main/nav-main.schema.dereffed.json +154 -9
  23. package/dist/components/nav-main/nav-main.schema.json +154 -9
  24. package/dist/components/nav-topbar/nav-topbar.css +1 -1
  25. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +154 -9
  26. package/dist/components/page/page.schema.dereffed.json +1 -1
  27. package/dist/components/page-wrapper/index.js +43 -0
  28. package/dist/components/page-wrapper/tokens.css +353 -353
  29. package/dist/components/presets.json +304 -14
  30. package/dist/components/section/index.d.ts +1 -1
  31. package/dist/components/section/section.css +8 -12
  32. package/dist/components/section/section.schema.dereffed.json +1 -1
  33. package/dist/components/section/section.schema.json +1 -1
  34. package/dist/components/settings/settings.schema.dereffed.json +308 -18
  35. package/dist/components/slider/slider.css +2 -2
  36. package/dist/components/teaser-card/index.js +1 -1
  37. package/dist/components/teaser-card/teaser-card.css +10 -9
  38. package/dist/global.css +5 -5
  39. package/dist/static/logo-dark.svg +8 -12
  40. package/dist/static/logo.png +0 -0
  41. package/dist/static/logo.svg +8 -12
  42. package/dist/static/optoma/2989.jpg +0 -0
  43. package/dist/static/optoma/3081.jpg +0 -0
  44. package/dist/static/optoma/3124.jpg +0 -0
  45. package/dist/static/optoma/3276.jpg +0 -0
  46. package/dist/static/optoma/3333.jpg +0 -0
  47. package/dist/static/optoma/3342.jpg +0 -0
  48. package/dist/static/optoma/bannerimgpro.jpg +0 -0
  49. package/dist/static/optoma/beamer.jpg +0 -0
  50. package/dist/static/optoma/beamer.png +0 -0
  51. package/dist/static/optoma/beamer.svg +10 -0
  52. package/dist/static/optoma/creative-board-girl.jpg +0 -0
  53. package/dist/static/optoma/hero.jpg +0 -0
  54. package/dist/static/optoma/interaktive-displays.svg +9 -0
  55. package/dist/static/optoma/landing-banner.jpg +0 -0
  56. package/dist/static/optoma/led.svg +21 -0
  57. package/dist/static/optoma/location-1.jpg +0 -0
  58. package/dist/static/optoma/location-2.jpg +0 -0
  59. package/dist/static/optoma/logo.svg +9 -0
  60. package/dist/static/optoma/l/303/266sungen.svg +13 -0
  61. package/dist/static/optoma/product-1.jpg +0 -0
  62. package/dist/static/optoma/product-1.png +0 -0
  63. package/dist/static/optoma/product-2.jpg +0 -0
  64. package/dist/static/optoma/product-2.png +0 -0
  65. package/dist/static/optoma/product-3.jpg +0 -0
  66. package/dist/static/optoma/product-3.png +0 -0
  67. package/dist/static/optoma/product-4.jpg +0 -0
  68. package/dist/static/optoma/product-4.png +0 -0
  69. package/dist/static/optoma/product-5.jpg +0 -0
  70. package/dist/static/optoma/product-6.jpg +0 -0
  71. package/dist/static/optoma/professionelle-displays.svg +4 -0
  72. package/dist/static/optoma/square-1.jpg +0 -0
  73. package/dist/static/optoma/square-2.jpg +0 -0
  74. package/dist/static/optoma/zubeh/303/266r.svg +5 -0
  75. package/dist/tokens/IconSprite.js +43 -0
  76. package/dist/tokens/icon-sprite.html +18 -0
  77. package/dist/tokens/themes.css +4 -4
  78. package/dist/tokens/tokens.css +353 -353
  79. package/dist/tokens/tokens.js +561 -557
  80. package/package.json +1 -1
package/dist/components/headline/headline.css CHANGED
@@ -1,29 +1,29 @@
1
1
  :root, [ks-inverted], [ks-theme] {
2
2
  --dsa-headline--color: var(--ks-text-color-display);
3
- --dsa-headline--font-weight: var(--ks-font-weight-semi-bold);
3
+ --dsa-headline--font-weight: var(--ks-font-weight-bold);
4
4
  --dsa-headline--text-transform: none;
5
5
  --dsa-headline--gap: 0.35em;
6
6
  --dsa-headline--space-after_large: var(--ks-spacing-stack-l);
7
7
  --dsa-headline--space-after_small: var(--ks-spacing-stack-m);
8
8
  --dsa-headline--space-after_minimum: var(--ks-spacing-stack-s);
9
9
  --dsa-headline--higlight-background: var(--dsa-typo--highlight);
10
- --dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
10
+ --dsa-headline__subheadline--color: var(--ks-text-color-default);
11
11
  --dsa-headline__subheadline--font-weight: var(--ks-font-weight-bold);
12
- --dsa-headline__subheadline--text-transform: uppercase;
13
- --dsa-headline__subheadline--letter-spacing: 0.045em;
12
+ --dsa-headline__subheadline--text-transform: none;
13
+ --dsa-headline__subheadline--letter-spacing: none;
14
14
  --dsa-headline__subheadline--font-family: var(--ks-font-family-display);
15
15
  --dsa-headline_h1--font: var(--ks-font-display-xxl);
16
- --dsa-headline_h1__subheadline--font-size: 50%;
16
+ --dsa-headline_h1__subheadline--font-size: 55%;
17
17
  --dsa-headline_h1--space-after_large: var(--ks-spacing-stack-l);
18
18
  --dsa-headline_h1--space-after_small: var(--ks-spacing-stack-m);
19
19
  --dsa-headline_h1--space-after_minimum: var(--ks-spacing-stack-s);
20
20
  --dsa-headline_h2--font: var(--ks-font-display-xl);
21
- --dsa-headline_h2__subheadline--font-size: 50%;
21
+ --dsa-headline_h2__subheadline--font-size: 60%;
22
22
  --dsa-headline_h2--space-after_large: var(--ks-spacing-stack-l);
23
23
  --dsa-headline_h2--space-after_small: var(--ks-spacing-stack-m);
24
24
  --dsa-headline_h2--space-after_minimum: 0;
25
25
  --dsa-headline_h3--font: var(--ks-font-display-l);
26
- --dsa-headline_h3__subheadline--font-size: 55%;
26
+ --dsa-headline_h3__subheadline--font-size: 60%;
27
27
  --dsa-headline_h3--space-after_large: var(--ks-spacing-stack-m);
28
28
  --dsa-headline_h3--space-after_small: var(--ks-spacing-stack-s);
29
29
  --dsa-headline_h3--space-after_minimum: 0;
package/dist/components/hero/hero.css CHANGED
@@ -39,12 +39,12 @@
39
39
  );
40
40
  --dsa-hero_left__overlay--background: linear-gradient(
41
41
  90deg,
42
- var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
43
- transparent
42
+ var(--ks-color-bg-alpha-3),
43
+ transparent var(--dsa-hero__textbox--max-width)
44
44
  );
45
45
  --dsa-hero_right__overlay--background: linear-gradient(
46
46
  270deg,
47
- var(--ks-color-bg-alpha-1) var(--dsa-hero__textbox--max-width),
47
+ var(--ks-color-bg-alpha-3) var(--dsa-hero__textbox--max-width),
48
48
  transparent
49
49
  );
50
50
  --dsa-hero_offset__textbox--max-width: var(--dsa-content--width_default);
@@ -77,7 +77,7 @@
77
77
  :root .dsa-hero,
78
78
  [ks-inverted=true] .dsa-hero,
79
79
  [ks-inverted=false] .dsa-hero {
80
- --dsa-hero--min-height: 36rem;
80
+ --dsa-hero--min-height: 46rem;
81
81
  --dsa-hero--min-height_small: 20rem;
82
82
  --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
83
83
  }
package/dist/components/mosaic/index.js CHANGED
@@ -24,6 +24,7 @@ const MosaicContextDefault = forwardRef(({ layout, largeHeadlines, tile, ...rest
24
24
  url: tile?.button?.url,
25
25
  label: tile?.button?.label,
26
26
  icon: tile?.button?.icon,
27
+ variant: "primary",
27
28
  },
28
29
  }),
29
30
  }, image: {
package/dist/components/nav-dropdown/nav-dropdown.css CHANGED
@@ -1,21 +1,21 @@
1
1
  .dsa-nav-dropdown {
2
- --dsa-nav-dropdown--padding: var(--ks-spacing-xxs) var(--ks-spacing-xxs) var(--ks-spacing-m) var(--ks-spacing-xxs);
2
+ --dsa-nav-dropdown--padding: var(--ks-spacing-m) var(--ks-spacing-m) var(--ks-spacing-m) var(--ks-spacing-m);
3
3
  --dsa-nav-dropdown--background: var(--ks-background-color-default);
4
- --dsa-nav-dropdown--border-radius: var(--ks-border-radius-card);
4
+ --dsa-nav-dropdown--border-radius: calc(var(--ks-border-radius-card) * 1);
5
5
  --dsa-nav-dropdown--box-shadow: var(--ks-box-shadow-card);
6
6
  --dsa-nav-dropdown--border: 1px solid var(--ks-border-color-card);
7
7
  --dsa-nav-dropdown--min-width: 14em;
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: var(--ks-color-fg-alpha-8);
12
- --dsa-nav-dropdown__label--background-color_active: unset;
11
+ --dsa-nav-dropdown__label--background-color_hover: transparent;
12
+ --dsa-nav-dropdown__label--background-color_active: transparent;
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);
15
15
  --dsa-nav-dropdown__label--font-family: var(--ks-font-family-display);
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
- --dsa-nav-dropdown__label--padding: 0.45em 0.75em;
18
+ --dsa-nav-dropdown__label--padding: 0.45em 0em;
19
19
  --dsa-nav-dropdown__label_dimmed--opacity: 1;
20
20
  }
21
21
  .dsa-nav-dropdown[ks-inverted=true] {
package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json CHANGED
@@ -48,16 +48,54 @@
48
48
  "examples": [
49
49
  [
50
50
  {
51
- "label": "Active Item",
51
+ "label": "Beamer",
52
52
  "url": "#",
53
- "active": true
53
+ "active": true,
54
+ "items": [
55
+ {
56
+ "label": "Level 2 Item",
57
+ "url": "#"
58
+ },
59
+ {
60
+ "label": "Active Item",
61
+ "active": true,
62
+ "url": "#"
63
+ },
64
+ {
65
+ "label": "An Item with a longer Label",
66
+ "url": "#"
67
+ },
68
+ {
69
+ "label": "And One last one",
70
+ "url": "#"
71
+ }
72
+ ]
54
73
  },
55
74
  {
56
- "label": "Navigation Item",
57
- "url": "#"
75
+ "label": "Interaktive Displays",
76
+ "url": "#",
77
+ "items": [
78
+ {
79
+ "label": "Level 2 Item",
80
+ "url": "#"
81
+ },
82
+ {
83
+ "label": "Active Item",
84
+ "active": true,
85
+ "url": "#"
86
+ },
87
+ {
88
+ "label": "An Item with a longer Label",
89
+ "url": "#"
90
+ },
91
+ {
92
+ "label": "And One last one",
93
+ "url": "#"
94
+ }
95
+ ]
58
96
  },
59
97
  {
60
- "label": "Dropdown",
98
+ "label": "Professional Displays",
61
99
  "url": "#",
62
100
  "items": [
63
101
  {
@@ -80,12 +118,119 @@
80
118
  ]
81
119
  },
82
120
  {
83
- "label": "One more Item",
84
- "url": "#"
121
+ "label": "LED Displays",
122
+ "url": "#",
123
+ "items": [
124
+ {
125
+ "label": "Level 2 Item",
126
+ "url": "#"
127
+ },
128
+ {
129
+ "label": "Active Item",
130
+ "active": true,
131
+ "url": "#"
132
+ },
133
+ {
134
+ "label": "An Item with a longer Label",
135
+ "url": "#"
136
+ },
137
+ {
138
+ "label": "And One last one",
139
+ "url": "#"
140
+ }
141
+ ]
85
142
  },
86
143
  {
87
- "label": "Last Item",
88
- "url": "#"
144
+ "label": "Lösungen",
145
+ "url": "#",
146
+ "items": [
147
+ {
148
+ "label": "Level 2 Item",
149
+ "url": "#"
150
+ },
151
+ {
152
+ "label": "Active Item",
153
+ "active": true,
154
+ "url": "#"
155
+ },
156
+ {
157
+ "label": "An Item with a longer Label",
158
+ "url": "#"
159
+ },
160
+ {
161
+ "label": "And One last one",
162
+ "url": "#"
163
+ }
164
+ ]
165
+ },
166
+ {
167
+ "label": "Zubehör",
168
+ "url": "#",
169
+ "items": [
170
+ {
171
+ "label": "Level 2 Item",
172
+ "url": "#"
173
+ },
174
+ {
175
+ "label": "Active Item",
176
+ "active": true,
177
+ "url": "#"
178
+ },
179
+ {
180
+ "label": "An Item with a longer Label",
181
+ "url": "#"
182
+ },
183
+ {
184
+ "label": "And One last one",
185
+ "url": "#"
186
+ }
187
+ ]
188
+ },
189
+ {
190
+ "label": "Über Optoma",
191
+ "url": "#",
192
+ "items": [
193
+ {
194
+ "label": "Level 2 Item",
195
+ "url": "#"
196
+ },
197
+ {
198
+ "label": "Active Item",
199
+ "active": true,
200
+ "url": "#"
201
+ },
202
+ {
203
+ "label": "An Item with a longer Label",
204
+ "url": "#"
205
+ },
206
+ {
207
+ "label": "And One last one",
208
+ "url": "#"
209
+ }
210
+ ]
211
+ },
212
+ {
213
+ "label": "Support",
214
+ "url": "#",
215
+ "items": [
216
+ {
217
+ "label": "Level 2 Item",
218
+ "url": "#"
219
+ },
220
+ {
221
+ "label": "Active Item",
222
+ "active": true,
223
+ "url": "#"
224
+ },
225
+ {
226
+ "label": "An Item with a longer Label",
227
+ "url": "#"
228
+ },
229
+ {
230
+ "label": "And One last one",
231
+ "url": "#"
232
+ }
233
+ ]
89
234
  }
90
235
  ]
91
236
  ]
package/dist/components/nav-main/nav-main.schema.dereffed.json CHANGED
@@ -119,16 +119,54 @@
119
119
  "examples": [
120
120
  [
121
121
  {
122
- "label": "Active Item",
122
+ "label": "Beamer",
123
123
  "url": "#",
124
- "active": true
124
+ "active": true,
125
+ "items": [
126
+ {
127
+ "label": "Level 2 Item",
128
+ "url": "#"
129
+ },
130
+ {
131
+ "label": "Active Item",
132
+ "active": true,
133
+ "url": "#"
134
+ },
135
+ {
136
+ "label": "An Item with a longer Label",
137
+ "url": "#"
138
+ },
139
+ {
140
+ "label": "And One last one",
141
+ "url": "#"
142
+ }
143
+ ]
125
144
  },
126
145
  {
127
- "label": "Navigation Item",
128
- "url": "#"
146
+ "label": "Interaktive Displays",
147
+ "url": "#",
148
+ "items": [
149
+ {
150
+ "label": "Level 2 Item",
151
+ "url": "#"
152
+ },
153
+ {
154
+ "label": "Active Item",
155
+ "active": true,
156
+ "url": "#"
157
+ },
158
+ {
159
+ "label": "An Item with a longer Label",
160
+ "url": "#"
161
+ },
162
+ {
163
+ "label": "And One last one",
164
+ "url": "#"
165
+ }
166
+ ]
129
167
  },
130
168
  {
131
- "label": "Dropdown",
169
+ "label": "Professional Displays",
132
170
  "url": "#",
133
171
  "items": [
134
172
  {
@@ -151,12 +189,119 @@
151
189
  ]
152
190
  },
153
191
  {
154
- "label": "One more Item",
155
- "url": "#"
192
+ "label": "LED Displays",
193
+ "url": "#",
194
+ "items": [
195
+ {
196
+ "label": "Level 2 Item",
197
+ "url": "#"
198
+ },
199
+ {
200
+ "label": "Active Item",
201
+ "active": true,
202
+ "url": "#"
203
+ },
204
+ {
205
+ "label": "An Item with a longer Label",
206
+ "url": "#"
207
+ },
208
+ {
209
+ "label": "And One last one",
210
+ "url": "#"
211
+ }
212
+ ]
156
213
  },
157
214
  {
158
- "label": "Last Item",
159
- "url": "#"
215
+ "label": "Lösungen",
216
+ "url": "#",
217
+ "items": [
218
+ {
219
+ "label": "Level 2 Item",
220
+ "url": "#"
221
+ },
222
+ {
223
+ "label": "Active Item",
224
+ "active": true,
225
+ "url": "#"
226
+ },
227
+ {
228
+ "label": "An Item with a longer Label",
229
+ "url": "#"
230
+ },
231
+ {
232
+ "label": "And One last one",
233
+ "url": "#"
234
+ }
235
+ ]
236
+ },
237
+ {
238
+ "label": "Zubehör",
239
+ "url": "#",
240
+ "items": [
241
+ {
242
+ "label": "Level 2 Item",
243
+ "url": "#"
244
+ },
245
+ {
246
+ "label": "Active Item",
247
+ "active": true,
248
+ "url": "#"
249
+ },
250
+ {
251
+ "label": "An Item with a longer Label",
252
+ "url": "#"
253
+ },
254
+ {
255
+ "label": "And One last one",
256
+ "url": "#"
257
+ }
258
+ ]
259
+ },
260
+ {
261
+ "label": "Über Optoma",
262
+ "url": "#",
263
+ "items": [
264
+ {
265
+ "label": "Level 2 Item",
266
+ "url": "#"
267
+ },
268
+ {
269
+ "label": "Active Item",
270
+ "active": true,
271
+ "url": "#"
272
+ },
273
+ {
274
+ "label": "An Item with a longer Label",
275
+ "url": "#"
276
+ },
277
+ {
278
+ "label": "And One last one",
279
+ "url": "#"
280
+ }
281
+ ]
282
+ },
283
+ {
284
+ "label": "Support",
285
+ "url": "#",
286
+ "items": [
287
+ {
288
+ "label": "Level 2 Item",
289
+ "url": "#"
290
+ },
291
+ {
292
+ "label": "Active Item",
293
+ "active": true,
294
+ "url": "#"
295
+ },
296
+ {
297
+ "label": "An Item with a longer Label",
298
+ "url": "#"
299
+ },
300
+ {
301
+ "label": "And One last one",
302
+ "url": "#"
303
+ }
304
+ ]
160
305
  }
161
306
  ]
162
307
  ]
package/dist/components/nav-main/nav-main.schema.json CHANGED
@@ -45,16 +45,54 @@
45
45
  "examples": [
46
46
  [
47
47
  {
48
- "label": "Active Item",
48
+ "label": "Beamer",
49
49
  "url": "#",
50
- "active": true
50
+ "active": true,
51
+ "items": [
52
+ {
53
+ "label": "Level 2 Item",
54
+ "url": "#"
55
+ },
56
+ {
57
+ "label": "Active Item",
58
+ "active": true,
59
+ "url": "#"
60
+ },
61
+ {
62
+ "label": "An Item with a longer Label",
63
+ "url": "#"
64
+ },
65
+ {
66
+ "label": "And One last one",
67
+ "url": "#"
68
+ }
69
+ ]
51
70
  },
52
71
  {
53
- "label": "Navigation Item",
54
- "url": "#"
72
+ "label": "Interaktive Displays",
73
+ "url": "#",
74
+ "items": [
75
+ {
76
+ "label": "Level 2 Item",
77
+ "url": "#"
78
+ },
79
+ {
80
+ "label": "Active Item",
81
+ "active": true,
82
+ "url": "#"
83
+ },
84
+ {
85
+ "label": "An Item with a longer Label",
86
+ "url": "#"
87
+ },
88
+ {
89
+ "label": "And One last one",
90
+ "url": "#"
91
+ }
92
+ ]
55
93
  },
56
94
  {
57
- "label": "Dropdown",
95
+ "label": "Professional Displays",
58
96
  "url": "#",
59
97
  "items": [
60
98
  {
@@ -77,12 +115,119 @@
77
115
  ]
78
116
  },
79
117
  {
80
- "label": "One more Item",
81
- "url": "#"
118
+ "label": "LED Displays",
119
+ "url": "#",
120
+ "items": [
121
+ {
122
+ "label": "Level 2 Item",
123
+ "url": "#"
124
+ },
125
+ {
126
+ "label": "Active Item",
127
+ "active": true,
128
+ "url": "#"
129
+ },
130
+ {
131
+ "label": "An Item with a longer Label",
132
+ "url": "#"
133
+ },
134
+ {
135
+ "label": "And One last one",
136
+ "url": "#"
137
+ }
138
+ ]
82
139
  },
83
140
  {
84
- "label": "Last Item",
85
- "url": "#"
141
+ "label": "Lösungen",
142
+ "url": "#",
143
+ "items": [
144
+ {
145
+ "label": "Level 2 Item",
146
+ "url": "#"
147
+ },
148
+ {
149
+ "label": "Active Item",
150
+ "active": true,
151
+ "url": "#"
152
+ },
153
+ {
154
+ "label": "An Item with a longer Label",
155
+ "url": "#"
156
+ },
157
+ {
158
+ "label": "And One last one",
159
+ "url": "#"
160
+ }
161
+ ]
162
+ },
163
+ {
164
+ "label": "Zubehör",
165
+ "url": "#",
166
+ "items": [
167
+ {
168
+ "label": "Level 2 Item",
169
+ "url": "#"
170
+ },
171
+ {
172
+ "label": "Active Item",
173
+ "active": true,
174
+ "url": "#"
175
+ },
176
+ {
177
+ "label": "An Item with a longer Label",
178
+ "url": "#"
179
+ },
180
+ {
181
+ "label": "And One last one",
182
+ "url": "#"
183
+ }
184
+ ]
185
+ },
186
+ {
187
+ "label": "Über Optoma",
188
+ "url": "#",
189
+ "items": [
190
+ {
191
+ "label": "Level 2 Item",
192
+ "url": "#"
193
+ },
194
+ {
195
+ "label": "Active Item",
196
+ "active": true,
197
+ "url": "#"
198
+ },
199
+ {
200
+ "label": "An Item with a longer Label",
201
+ "url": "#"
202
+ },
203
+ {
204
+ "label": "And One last one",
205
+ "url": "#"
206
+ }
207
+ ]
208
+ },
209
+ {
210
+ "label": "Support",
211
+ "url": "#",
212
+ "items": [
213
+ {
214
+ "label": "Level 2 Item",
215
+ "url": "#"
216
+ },
217
+ {
218
+ "label": "Active Item",
219
+ "active": true,
220
+ "url": "#"
221
+ },
222
+ {
223
+ "label": "An Item with a longer Label",
224
+ "url": "#"
225
+ },
226
+ {
227
+ "label": "And One last one",
228
+ "url": "#"
229
+ }
230
+ ]
86
231
  }
87
232
  ]
88
233
  ]
package/dist/components/nav-topbar/nav-topbar.css CHANGED
@@ -3,7 +3,7 @@
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: var(--ks-color-fg-alpha-8);
6
+ --dsa-nav-topbar__label--background-color_hover: transparent;
7
7
  --dsa-nav-topbar__label--background-color_active: transparent;
8
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);