@kickstartds/ds-agency-premium 1.6.71--canary.1890.5b520b9.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.
Files changed (55) hide show
  1. package/dist/components/button/button.css +2 -2
  2. package/dist/components/footer/footer.css +1 -1
  3. package/dist/components/footer/footer.schema.dereffed.json +12 -20
  4. package/dist/components/header/header.schema.dereffed.json +12 -20
  5. package/dist/components/hero/hero.css +4 -3
  6. package/dist/components/nav-dropdown/nav-dropdown.css +3 -3
  7. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -20
  8. package/dist/components/nav-main/nav-main.schema.dereffed.json +12 -20
  9. package/dist/components/nav-main/nav-main.schema.json +12 -20
  10. package/dist/components/nav-topbar/nav-topbar.css +3 -3
  11. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -20
  12. package/dist/components/page-wrapper/index.js +0 -6
  13. package/dist/components/page-wrapper/tokens.css +245 -245
  14. package/dist/components/presets.json +26 -42
  15. package/dist/components/settings/settings.schema.dereffed.json +24 -40
  16. package/dist/components/stats/stats.css +3 -3
  17. package/dist/components/teaser-card/teaser-card.css +4 -3
  18. package/dist/global.css +1 -1
  19. package/dist/static/favicon/android-chrome-192x192.png +0 -0
  20. package/dist/static/favicon/android-chrome-512x512.png +0 -0
  21. package/dist/static/favicon/apple-touch-icon.png +0 -0
  22. package/dist/static/favicon/browserconfig.xml +9 -0
  23. package/dist/static/favicon/favicon-16x16.png +0 -0
  24. package/dist/static/favicon/favicon-192-192.png +20 -0
  25. package/dist/static/favicon/favicon-32x32.png +0 -0
  26. package/dist/static/favicon/favicon.ico +0 -0
  27. package/dist/static/favicon/mstile-144x144.png +0 -0
  28. package/dist/static/favicon/mstile-150x150.png +0 -0
  29. package/dist/static/favicon/mstile-310x150.png +0 -0
  30. package/dist/static/favicon/mstile-310x310.png +0 -0
  31. package/dist/static/favicon/mstile-70x70.png +0 -0
  32. package/dist/static/favicon/safari-pinned-tab.svg +30 -0
  33. package/dist/static/favicon/site.webmanifest +19 -1
  34. package/dist/static/logo-inverted.svg +12 -20
  35. package/dist/static/logo.svg +12 -54
  36. package/dist/tokens/IconSprite.js +0 -6
  37. package/dist/tokens/icon-sprite.html +0 -2
  38. package/dist/tokens/themes.css +4 -4
  39. package/dist/tokens/tokens.css +245 -245
  40. package/dist/tokens/tokens.js +375 -376
  41. package/package.json +1 -1
  42. package/dist/static/guenther/brands/cadillac.png +0 -0
  43. package/dist/static/guenther/brands/corvette.png +0 -0
  44. package/dist/static/guenther/brands/infiniti.png +0 -0
  45. package/dist/static/guenther/brands/isuzu.png +0 -0
  46. package/dist/static/guenther/brands/kia.png +0 -0
  47. package/dist/static/guenther/brands/maserati.png +0 -0
  48. package/dist/static/guenther/brands/micro.png +0 -0
  49. package/dist/static/guenther/brands/msg.png +0 -0
  50. package/dist/static/guenther/brands/nissan.png +0 -0
  51. package/dist/static/guenther/brands/saab.png +0 -0
  52. package/dist/static/guenther/brands/subaru.png +0 -0
  53. package/dist/static/guenther/contact.jpg +0 -0
  54. package/dist/static/guenther/header.jpg +0 -0
  55. package/dist/static/guenther/header.png +0 -0
@@ -2703,7 +2703,7 @@
2703
2703
  "id": "layout-footer--footer",
2704
2704
  "group": "Layout/Footer",
2705
2705
  "name": "Footer",
2706
- "code": "<Footer\n byline=\"© 2024 systemics Inc. All rights reserved.\"\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n inverted: false,\n src: '/logo.svg',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n active: true,\n label: 'Fahrzeugsuche',\n url: '#'\n },\n {\n items: [\n {\n label: 'Nissan',\n url: '#'\n },\n {\n active: true,\n label: 'Kia',\n url: '#'\n },\n {\n label: 'Maserati',\n url: '#'\n },\n {\n label: 'Corvette',\n url: '#'\n }\n ],\n label: 'Marken',\n url: '#'\n },\n {\n label: 'Standorte',\n url: '#'\n },\n {\n label: 'Bonusprogramm',\n url: '#'\n },\n {\n label: 'News',\n url: '#'\n },\n {\n label: 'Jobs',\n url: '#'\n },\n {\n label: 'Kontakt',\n url: '#'\n }\n ]}\n/>",
2706
+ "code": "<Footer\n byline=\"© 2024 systemics Inc. All rights reserved.\"\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n inverted: false,\n src: '/logo.svg',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n active: true,\n label: 'Active Item',\n url: '#'\n },\n {\n label: 'Navigation Item',\n url: '#'\n },\n {\n items: [\n {\n label: 'Level 2 Item',\n url: '#'\n },\n {\n active: true,\n label: 'Active Item',\n url: '#'\n },\n {\n label: 'An Item with a longer Label',\n url: '#'\n },\n {\n label: 'And One last one',\n url: '#'\n }\n ],\n label: 'Dropdown',\n url: '#'\n },\n {\n label: 'One more Item',\n url: '#'\n },\n {\n label: 'Last Item',\n url: '#'\n }\n ]}\n/>",
2707
2707
  "args": {
2708
2708
  "logo": {
2709
2709
  "src": "/logo.svg",
@@ -2719,51 +2719,43 @@
2719
2719
  "navItems": [
2720
2720
  {
2721
2721
  "url": "#",
2722
- "label": "Fahrzeugsuche",
2722
+ "label": "Active Item",
2723
2723
  "active": true
2724
2724
  },
2725
2725
  {
2726
2726
  "url": "#",
2727
- "label": "Marken",
2727
+ "label": "Navigation Item"
2728
+ },
2729
+ {
2730
+ "url": "#",
2731
+ "label": "Dropdown",
2728
2732
  "items": [
2729
2733
  {
2730
2734
  "url": "#",
2731
- "label": "Nissan"
2735
+ "label": "Level 2 Item"
2732
2736
  },
2733
2737
  {
2734
2738
  "url": "#",
2735
- "label": "Kia",
2739
+ "label": "Active Item",
2736
2740
  "active": true
2737
2741
  },
2738
2742
  {
2739
2743
  "url": "#",
2740
- "label": "Maserati"
2744
+ "label": "An Item with a longer Label"
2741
2745
  },
2742
2746
  {
2743
2747
  "url": "#",
2744
- "label": "Corvette"
2748
+ "label": "And One last one"
2745
2749
  }
2746
2750
  ]
2747
2751
  },
2748
2752
  {
2749
2753
  "url": "#",
2750
- "label": "Standorte"
2751
- },
2752
- {
2753
- "url": "#",
2754
- "label": "Bonusprogramm"
2755
- },
2756
- {
2757
- "url": "#",
2758
- "label": "News"
2759
- },
2760
- {
2761
- "url": "#",
2762
- "label": "Jobs"
2754
+ "label": "One more Item"
2763
2755
  },
2764
2756
  {
2765
2757
  "url": "#",
2766
- "label": "Kontakt"
2758
+ "label": "Last Item"
2767
2759
  }
2768
2760
  ]
2769
2761
  },
@@ -2944,7 +2936,7 @@
2944
2936
  "id": "layout-header--header",
2945
2937
  "group": "Layout/Header",
2946
2938
  "name": "Header",
2947
- "code": "<Header\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n src: '/logo.svg',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n active: true,\n label: 'Fahrzeugsuche',\n url: '#'\n },\n {\n items: [\n {\n label: 'Nissan',\n url: '#'\n },\n {\n active: true,\n label: 'Kia',\n url: '#'\n },\n {\n label: 'Maserati',\n url: '#'\n },\n {\n label: 'Corvette',\n url: '#'\n }\n ],\n label: 'Marken',\n url: '#'\n },\n {\n label: 'Standorte',\n url: '#'\n },\n {\n label: 'Bonusprogramm',\n url: '#'\n },\n {\n label: 'News',\n url: '#'\n },\n {\n label: 'Jobs',\n url: '#'\n },\n {\n label: 'Kontakt',\n url: '#'\n }\n ]}\n/>",
2939
+ "code": "<Header\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n src: '/logo.svg',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n active: true,\n label: 'Active Item',\n url: '#'\n },\n {\n label: 'Navigation Item',\n url: '#'\n },\n {\n items: [\n {\n label: 'Level 2 Item',\n url: '#'\n },\n {\n active: true,\n label: 'Active Item',\n url: '#'\n },\n {\n label: 'An Item with a longer Label',\n url: '#'\n },\n {\n label: 'And One last one',\n url: '#'\n }\n ],\n label: 'Dropdown',\n url: '#'\n },\n {\n label: 'One more Item',\n url: '#'\n },\n {\n label: 'Last Item',\n url: '#'\n }\n ]}\n/>",
2948
2940
  "args": {
2949
2941
  "logo": {
2950
2942
  "src": "/logo.svg",
@@ -2961,51 +2953,43 @@
2961
2953
  "navItems": [
2962
2954
  {
2963
2955
  "url": "#",
2964
- "label": "Fahrzeugsuche",
2956
+ "label": "Active Item",
2965
2957
  "active": true
2966
2958
  },
2967
2959
  {
2968
2960
  "url": "#",
2969
- "label": "Marken",
2961
+ "label": "Navigation Item"
2962
+ },
2963
+ {
2964
+ "url": "#",
2965
+ "label": "Dropdown",
2970
2966
  "items": [
2971
2967
  {
2972
2968
  "url": "#",
2973
- "label": "Nissan"
2969
+ "label": "Level 2 Item"
2974
2970
  },
2975
2971
  {
2976
2972
  "url": "#",
2977
- "label": "Kia",
2973
+ "label": "Active Item",
2978
2974
  "active": true
2979
2975
  },
2980
2976
  {
2981
2977
  "url": "#",
2982
- "label": "Maserati"
2978
+ "label": "An Item with a longer Label"
2983
2979
  },
2984
2980
  {
2985
2981
  "url": "#",
2986
- "label": "Corvette"
2982
+ "label": "And One last one"
2987
2983
  }
2988
2984
  ]
2989
2985
  },
2990
2986
  {
2991
2987
  "url": "#",
2992
- "label": "Standorte"
2993
- },
2994
- {
2995
- "url": "#",
2996
- "label": "Bonusprogramm"
2997
- },
2998
- {
2999
- "url": "#",
3000
- "label": "News"
3001
- },
3002
- {
3003
- "url": "#",
3004
- "label": "Jobs"
2988
+ "label": "One more Item"
3005
2989
  },
3006
2990
  {
3007
2991
  "url": "#",
3008
- "label": "Kontakt"
2992
+ "label": "Last Item"
3009
2993
  }
3010
2994
  ]
3011
2995
  },
@@ -132,51 +132,43 @@
132
132
  "examples": [
133
133
  [
134
134
  {
135
- "label": "Fahrzeugsuche",
135
+ "label": "Active Item",
136
136
  "url": "#",
137
137
  "active": true
138
138
  },
139
139
  {
140
- "label": "Marken",
140
+ "label": "Navigation Item",
141
+ "url": "#"
142
+ },
143
+ {
144
+ "label": "Dropdown",
141
145
  "url": "#",
142
146
  "items": [
143
147
  {
144
- "label": "Nissan",
148
+ "label": "Level 2 Item",
145
149
  "url": "#"
146
150
  },
147
151
  {
148
- "label": "Kia",
152
+ "label": "Active Item",
149
153
  "active": true,
150
154
  "url": "#"
151
155
  },
152
156
  {
153
- "label": "Maserati",
157
+ "label": "An Item with a longer Label",
154
158
  "url": "#"
155
159
  },
156
160
  {
157
- "label": "Corvette",
161
+ "label": "And One last one",
158
162
  "url": "#"
159
163
  }
160
164
  ]
161
165
  },
162
166
  {
163
- "label": "Standorte",
164
- "url": "#"
165
- },
166
- {
167
- "label": "Bonusprogramm",
168
- "url": "#"
169
- },
170
- {
171
- "label": "News",
172
- "url": "#"
173
- },
174
- {
175
- "label": "Jobs",
167
+ "label": "One more Item",
176
168
  "url": "#"
177
169
  },
178
170
  {
179
- "label": "Kontakt",
171
+ "label": "Last Item",
180
172
  "url": "#"
181
173
  }
182
174
  ]
@@ -297,51 +289,43 @@
297
289
  "examples": [
298
290
  [
299
291
  {
300
- "label": "Fahrzeugsuche",
292
+ "label": "Active Item",
301
293
  "url": "#",
302
294
  "active": true
303
295
  },
304
296
  {
305
- "label": "Marken",
297
+ "label": "Navigation Item",
298
+ "url": "#"
299
+ },
300
+ {
301
+ "label": "Dropdown",
306
302
  "url": "#",
307
303
  "items": [
308
304
  {
309
- "label": "Nissan",
305
+ "label": "Level 2 Item",
310
306
  "url": "#"
311
307
  },
312
308
  {
313
- "label": "Kia",
309
+ "label": "Active Item",
314
310
  "active": true,
315
311
  "url": "#"
316
312
  },
317
313
  {
318
- "label": "Maserati",
314
+ "label": "An Item with a longer Label",
319
315
  "url": "#"
320
316
  },
321
317
  {
322
- "label": "Corvette",
318
+ "label": "And One last one",
323
319
  "url": "#"
324
320
  }
325
321
  ]
326
322
  },
327
323
  {
328
- "label": "Standorte",
329
- "url": "#"
330
- },
331
- {
332
- "label": "Bonusprogramm",
333
- "url": "#"
334
- },
335
- {
336
- "label": "News",
337
- "url": "#"
338
- },
339
- {
340
- "label": "Jobs",
324
+ "label": "One more Item",
341
325
  "url": "#"
342
326
  },
343
327
  {
344
- "label": "Kontakt",
328
+ "label": "Last Item",
345
329
  "url": "#"
346
330
  }
347
331
  ]
@@ -1,15 +1,15 @@
1
1
  .dsa-stats {
2
2
  --dsa-stats--gap-vertical: var(--ks-spacing-stack-l);
3
3
  --dsa-stats--gap-horizontal: var(--ks-spacing-inline-m);
4
- --dsa-stats__item--gap: var(--ks-spacing-stack-s);
4
+ --dsa-stats__item--gap: var(--ks-spacing-stack-xs);
5
5
  --dsa-stats__icon--color: var(--ks-text-color-primary);
6
6
  --dsa-stats__icon--size: 5em;
7
- --dsa-stats__number--font: var(--ks-font-display-xxl);
7
+ --dsa-stats__number--font: var(--ks-font-display-xl);
8
8
  --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
9
9
  --dsa-stats__number--background: var(--dsa-typo--highlight);
10
10
  --dsa-stats__topic__font: var(--ks-font-interface-xl);
11
11
  --dsa-stats__topic--color: var(--ks-text-color-display);
12
- --dsa-stats__copy--font: var(--ks-font-copy-m);
12
+ --dsa-stats__copy--font: var(--ks-font-copy-s);
13
13
  --dsa-stats__copy--color: var(--ks-text-color-default);
14
14
  }
15
15
 
@@ -8,11 +8,12 @@
8
8
  --dsa-teaser-card--border-width: var(--ks-border-width-default);
9
9
  --dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
10
10
  --dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
11
- --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
11
+ --dsa-teaser-card--border-radius: var(--ks-border-radius-card) var(--ks-border-radius-card)
12
+ var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 3);
12
13
  --dsa-teaser-card--shadow: none;
13
14
  --dsa-teaser-card--shadow_hover: none;
14
- --dsa-teaser-card__image--transform_hover: scale(1.1);
15
- --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
15
+ --dsa-teaser-card__image--transform_hover: scale(1.05);
16
+ --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
16
17
  --dsa-teaser-card__topic--color: var(--dsa-topic--color);
17
18
  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
18
19
  --dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
package/dist/global.css CHANGED
@@ -338,7 +338,7 @@ h3 {
338
338
  }
339
339
  @media (min-width: 62em) {
340
340
  :root, [ks-inverted], [ks-theme] {
341
- --dsa-logo--height: 4.5rem;
341
+ --dsa-logo--height: 2.5rem;
342
342
  }
343
343
  }
344
344
 
@@ -0,0 +1,9 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <browserconfig>
3
+ <msapplication>
4
+ <tile>
5
+ <square150x150logo src="/mstile-150x150.png"/>
6
+ <TileColor>#da532c</TileColor>
7
+ </tile>
8
+ </msapplication>
9
+ </browserconfig>