@kickstartds/ds-agency-premium 1.6.71--canary.45.2311.0 → 1.6.71--canary.52.2326.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 (67) hide show
  1. package/README.md +1 -1
  2. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  3. package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
  4. package/dist/PageProps-aa29c554.d.ts +1 -1
  5. package/dist/{SectionProps-6a826e52.d.ts → SectionProps-662e0a28.d.ts} +1 -1
  6. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +2 -1
  7. package/dist/components/blog-post/blog-post.schema.dereffed.json +2 -1
  8. package/dist/components/button/button.css +1 -1
  9. package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -0
  10. package/dist/components/footer/footer.schema.dereffed.json +16 -28
  11. package/dist/components/footer/footer.schema.json +1 -1
  12. package/dist/components/footer/index.js +1 -1
  13. package/dist/components/header/header.css +2 -2
  14. package/dist/components/header/header.schema.dereffed.json +15 -27
  15. package/dist/components/headline/headline.css +4 -4
  16. package/dist/components/hero/hero.css +1 -1
  17. package/dist/components/logos/logos.css +6 -3
  18. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +15 -27
  19. package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -27
  20. package/dist/components/nav-main/nav-main.schema.json +16 -27
  21. package/dist/components/nav-topbar/nav-topbar.css +2 -2
  22. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +15 -27
  23. package/dist/components/page/page.schema.dereffed.json +2 -1
  24. package/dist/components/page-wrapper/tokens.css +394 -388
  25. package/dist/components/presets.json +31 -55
  26. package/dist/components/section/index.d.ts +1 -1
  27. package/dist/components/section/section.css +3 -0
  28. package/dist/components/section/section.schema.dereffed.json +2 -1
  29. package/dist/components/section/section.schema.json +1 -1
  30. package/dist/components/settings/settings.schema.dereffed.json +31 -55
  31. package/dist/components/slider/slider.css +2 -2
  32. package/dist/components/teaser-card/teaser-card.css +3 -3
  33. package/dist/components/testimonials/testimonials.css +8 -3
  34. package/dist/global.css +14 -99
  35. package/dist/static/fonts/dsa/dosis-v19-latin-600.woff2 +0 -0
  36. package/dist/static/fonts/dsa/dosis-v19-latin-regular.woff2 +0 -0
  37. package/dist/static/fonts/dsa/fa-solid-900.woff2 +0 -0
  38. package/dist/static/img/paxconnect/contact.png +0 -0
  39. package/dist/static/img/paxconnect/hero-2.jpeg +0 -0
  40. package/dist/static/img/paxconnect/hero-2.png +0 -0
  41. package/dist/static/img/paxconnect/testimonial-1.png +0 -0
  42. package/dist/static/img/paxconnect/testimonial-2.png +0 -0
  43. package/dist/static/img/paxconnect/testimonial-3.png +0 -0
  44. package/dist/static/img/paxconnect/woman-in-van.png +0 -0
  45. package/dist/static/logo.png +0 -0
  46. package/dist/tokens/themes.css +4 -4
  47. package/dist/tokens/tokens.css +394 -388
  48. package/dist/tokens/tokens.js +601 -598
  49. package/package.json +1 -1
  50. package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
  51. package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
  52. package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
  53. package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
  54. package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
  55. package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
  56. package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
  57. package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
  58. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
  59. package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
  60. package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
  61. package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
  62. package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
  63. package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
  64. package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
  65. package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
  66. package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
  67. package/dist/static/fonts/dsa/Mulish-Regular.woff2 +0 -0
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- # kickstartDS Premium Agency Starter
1
+ # kickstartDS Premium Agency Starter.
2
2
 
3
3
  kickstartDS Agency Starter is a specialized version of the kickstartDS Starter, tailored for digital agencies. It provides a set of content components that can be used to style marketing pages, while maintaining the flexibility and customizability of the original starter. This repository contains the kickstartDS Premium Agency Starter... which includes more visually rich content components based off of our [kickstartDS Content module](https://www.kickstartds.com/content-module/).
4
4
 
@@ -3,7 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-6a826e52.js";
6
+ import { SectionProps } from "./SectionProps-662e0a28.js";
7
7
  import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-789f8508.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
@@ -5,7 +5,7 @@
5
5
  */
6
6
  import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
7
7
  import { BlogAsideProps } from "./BlogAsideProps-c760fd2a.js";
8
- import { SectionProps } from "./SectionProps-6a826e52.js";
8
+ import { SectionProps } from "./SectionProps-662e0a28.js";
9
9
  import { CtaProps } from "./CtaProps-789f8508.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
11
11
  /**
@@ -3,7 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { SectionProps } from "./SectionProps-6a826e52.js";
6
+ import { SectionProps } from "./SectionProps-662e0a28.js";
7
7
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
8
8
  /**
9
9
  * Collection of sections (with their contents) to render on the page
@@ -37,7 +37,7 @@ type Width = "full" | "max" | "wide" | "default" | "narrow";
37
37
  /**
38
38
  * Style of background
39
39
  */
40
- type Style = "default" | "framed" | "deko";
40
+ type Style = "default" | "framed" | "deko" | "gradient";
41
41
  /**
42
42
  * Color of background
43
43
  */
@@ -39,7 +39,8 @@
39
39
  "enum": [
40
40
  "default",
41
41
  "framed",
42
- "deko"
42
+ "deko",
43
+ "gradient"
43
44
  ],
44
45
  "default": "default"
45
46
  },
@@ -311,7 +311,8 @@
311
311
  "enum": [
312
312
  "default",
313
313
  "framed",
314
- "deko"
314
+ "deko",
315
+ "gradient"
315
316
  ],
316
317
  "default": "default"
317
318
  },
@@ -1,5 +1,5 @@
1
1
  .dsa-button {
2
- --dsa-button--padding: 0.75em 1.5em;
2
+ --dsa-button--padding: 0.5em 1.35em;
3
3
  --dsa-button--border-width: var(--ks-border-width-default);
4
4
  --dsa-button--border-radius: var(--ks-border-radius-control);
5
5
  --dsa-button--font-weight: var(--ks-font-weight-semi-bold);
@@ -5,6 +5,8 @@
5
5
 
6
6
  .dsa-event-latest-teaser {
7
7
  --g-link--border-radius: var(--ks-border-radius-card);
8
+ --g-link--background: var(--ks-background-color-default);
9
+ --g-link--background-hover: var(--ks-background-color-default);
8
10
  display: flex;
9
11
  gap: var(--ks-spacing-inline-s);
10
12
  padding: var(--ks-spacing-inset-s);
@@ -55,7 +55,7 @@
55
55
  "title": "Byline",
56
56
  "description": "Small line of text displayed below the logo",
57
57
  "type": "string",
58
- "default": "© 2024 systemics Inc. All rights reserved."
58
+ "default": "Made with love in Cologne | © paxconnect 2025"
59
59
  },
60
60
  "inverted": {
61
61
  "type": "boolean",
@@ -107,43 +107,31 @@
107
107
  "examples": [
108
108
  [
109
109
  {
110
- "label": "Active Item",
111
- "url": "#",
112
- "active": true
110
+ "label": "Produkte",
111
+ "url": "#"
113
112
  },
114
113
  {
115
- "label": "Navigation Item",
114
+ "label": "Schulung",
116
115
  "url": "#"
117
116
  },
118
117
  {
119
- "label": "Dropdown",
120
- "url": "#",
121
- "items": [
122
- {
123
- "label": "Level 2 Item",
124
- "url": "#"
125
- },
126
- {
127
- "label": "Active Item",
128
- "active": true,
129
- "url": "#"
130
- },
131
- {
132
- "label": "An Item with a longer Label",
133
- "url": "#"
134
- },
135
- {
136
- "label": "And One last one",
137
- "url": "#"
138
- }
139
- ]
118
+ "label": "News",
119
+ "url": "#"
120
+ },
121
+ {
122
+ "label": "Termine",
123
+ "url": "#"
124
+ },
125
+ {
126
+ "label": "Kontakt",
127
+ "url": "#"
140
128
  },
141
129
  {
142
- "label": "One more Item",
130
+ "label": "Service",
143
131
  "url": "#"
144
132
  },
145
133
  {
146
- "label": "Last Item",
134
+ "label": "Jobs",
147
135
  "url": "#"
148
136
  }
149
137
  ]
@@ -32,7 +32,7 @@
32
32
  "title": "Byline",
33
33
  "description": "Small line of text displayed below the logo",
34
34
  "type": "string",
35
- "default": "© 2024 systemics Inc. All rights reserved."
35
+ "default": "Made with love in Cologne | © paxconnect 2025"
36
36
  },
37
37
  "inverted": {
38
38
  "type": "boolean",
@@ -11,7 +11,7 @@ const defaults = {
11
11
  "logo": {
12
12
  "homepageHref": "/"
13
13
  },
14
- "byline": "© 2024 systemics Inc. All rights reserved.",
14
+ "byline": "Made with love in Cologne | © paxconnect 2025",
15
15
  "inverted": false,
16
16
  "navItems": []
17
17
  };
@@ -2,7 +2,7 @@
2
2
  [ks-theme],
3
3
  [ks-inverted] {
4
4
  --dsa-header--height: calc(var(--dsa-logo--height) + var(--dsa-header--spacing-vertical) * 2);
5
- --dsa-header--spacing-vertical: var(--ks-spacing-inset-m);
5
+ --dsa-header--spacing-vertical: var(--ks-spacing-inset-l);
6
6
  --dsa-header--spacing-horizontal: var(--ks-spacing-inset-xl);
7
7
  --dsa-header_floating--spacing-horizontal: var(--ks-spacing-inset-l);
8
8
  --dsa-header_open--shadow: 0 0 0 100px var(--ks-color-fg-alpha-3);
@@ -16,7 +16,7 @@
16
16
  }
17
17
 
18
18
  .dsa-header {
19
- --dsa-header--max-width: var(--dsa-content--width_wide);
19
+ --dsa-header--max-width: var(--dsa-content--width_default);
20
20
  --dsa-header--background: var(--ks-background-color-default);
21
21
  --dsa-header_floating--background: var(--dsa-overlay-box_opaque--background-color);
22
22
  --dsa-header_floating--backdrop-filter: var(--dsa-overlay-box_opaque--backdrop-filter);
@@ -120,43 +120,31 @@
120
120
  "examples": [
121
121
  [
122
122
  {
123
- "label": "Active Item",
124
- "url": "#",
125
- "active": true
123
+ "label": "Produkte",
124
+ "url": "#"
126
125
  },
127
126
  {
128
- "label": "Navigation Item",
127
+ "label": "Schulung",
129
128
  "url": "#"
130
129
  },
131
130
  {
132
- "label": "Dropdown",
133
- "url": "#",
134
- "items": [
135
- {
136
- "label": "Level 2 Item",
137
- "url": "#"
138
- },
139
- {
140
- "label": "Active Item",
141
- "active": true,
142
- "url": "#"
143
- },
144
- {
145
- "label": "An Item with a longer Label",
146
- "url": "#"
147
- },
148
- {
149
- "label": "And One last one",
150
- "url": "#"
151
- }
152
- ]
131
+ "label": "News",
132
+ "url": "#"
133
+ },
134
+ {
135
+ "label": "Termine",
136
+ "url": "#"
137
+ },
138
+ {
139
+ "label": "Kontakt",
140
+ "url": "#"
153
141
  },
154
142
  {
155
- "label": "One more Item",
143
+ "label": "Service",
156
144
  "url": "#"
157
145
  },
158
146
  {
159
- "label": "Last Item",
147
+ "label": "Jobs",
160
148
  "url": "#"
161
149
  }
162
150
  ]
@@ -9,16 +9,16 @@
9
9
  --dsa-headline--higlight-background: var(--dsa-typo--highlight);
10
10
  --dsa-headline__subheadline--color: var(--ks-color-fg-alpha-4);
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: 60%;
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;
@@ -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: 42rem;
81
81
  --dsa-hero--min-height_small: 20rem;
82
82
  --dsa-hero__textbox--max-width: var(--dsa-content--width_narrow);
83
83
  }
@@ -8,9 +8,9 @@
8
8
  --dsa-logos__tagline--font: var(--dsa-headline_h3--font);
9
9
  --dsa-logos__tagline--font-weight: var(--dsa-headline--font-weight);
10
10
  --dsa-logos__tagline--color: var(--dsa-headline--color);
11
- --dsa-logos__grid--gap-horizontal: var(--ks-spacing-xxl);
12
- --dsa-logos__grid--gap-vertical: var(--ks-spacing-stack-m);
13
- --dsa-logos__grid_mobile--cols: 2;
11
+ --dsa-logos__grid--gap-horizontal: var(--ks-spacing-m);
12
+ --dsa-logos__grid--gap-vertical: var(--ks-spacing-m);
13
+ --dsa-logos__grid_mobile--cols: 3;
14
14
  --dsa-logos__grid_tablet--cols: 3;
15
15
  }
16
16
 
@@ -93,6 +93,9 @@
93
93
  }
94
94
  }
95
95
  .dsa-logos .dsa-logo-tiles .c-logo-tiles__col {
96
+ background-color: var(--ks-background-color-default-base);
97
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.025), 0px 3px 4px 2px rgba(0, 0, 0, 0.015), 0px 6px 8px 4px rgba(0, 0, 0, 0.035);
98
+ border-radius: var(--ks-border-radius-card);
96
99
  margin: 0;
97
100
  aspect-ratio: 16/9;
98
101
  display: flex;
@@ -48,43 +48,31 @@
48
48
  "examples": [
49
49
  [
50
50
  {
51
- "label": "Active Item",
52
- "url": "#",
53
- "active": true
51
+ "label": "Produkte",
52
+ "url": "#"
54
53
  },
55
54
  {
56
- "label": "Navigation Item",
55
+ "label": "Schulung",
57
56
  "url": "#"
58
57
  },
59
58
  {
60
- "label": "Dropdown",
61
- "url": "#",
62
- "items": [
63
- {
64
- "label": "Level 2 Item",
65
- "url": "#"
66
- },
67
- {
68
- "label": "Active Item",
69
- "active": true,
70
- "url": "#"
71
- },
72
- {
73
- "label": "An Item with a longer Label",
74
- "url": "#"
75
- },
76
- {
77
- "label": "And One last one",
78
- "url": "#"
79
- }
80
- ]
59
+ "label": "News",
60
+ "url": "#"
61
+ },
62
+ {
63
+ "label": "Termine",
64
+ "url": "#"
65
+ },
66
+ {
67
+ "label": "Kontakt",
68
+ "url": "#"
81
69
  },
82
70
  {
83
- "label": "One more Item",
71
+ "label": "Service",
84
72
  "url": "#"
85
73
  },
86
74
  {
87
- "label": "Last Item",
75
+ "label": "Jobs",
88
76
  "url": "#"
89
77
  }
90
78
  ]
@@ -119,43 +119,31 @@
119
119
  "examples": [
120
120
  [
121
121
  {
122
- "label": "Active Item",
123
- "url": "#",
124
- "active": true
122
+ "label": "Produkte",
123
+ "url": "#"
125
124
  },
126
125
  {
127
- "label": "Navigation Item",
126
+ "label": "Schulung",
128
127
  "url": "#"
129
128
  },
130
129
  {
131
- "label": "Dropdown",
132
- "url": "#",
133
- "items": [
134
- {
135
- "label": "Level 2 Item",
136
- "url": "#"
137
- },
138
- {
139
- "label": "Active Item",
140
- "active": true,
141
- "url": "#"
142
- },
143
- {
144
- "label": "An Item with a longer Label",
145
- "url": "#"
146
- },
147
- {
148
- "label": "And One last one",
149
- "url": "#"
150
- }
151
- ]
130
+ "label": "News",
131
+ "url": "#"
132
+ },
133
+ {
134
+ "label": "Termine",
135
+ "url": "#"
136
+ },
137
+ {
138
+ "label": "Kontakt",
139
+ "url": "#"
152
140
  },
153
141
  {
154
- "label": "One more Item",
142
+ "label": "Service",
155
143
  "url": "#"
156
144
  },
157
145
  {
158
- "label": "Last Item",
146
+ "label": "Jobs",
159
147
  "url": "#"
160
148
  }
161
149
  ]
@@ -45,43 +45,32 @@
45
45
  "examples": [
46
46
  [
47
47
  {
48
- "label": "Active Item",
49
- "url": "#",
50
- "active": true
48
+ "label": "Produkte",
49
+ "url": "#"
51
50
  },
52
51
  {
53
- "label": "Navigation Item",
52
+ "label": "Schulung",
54
53
  "url": "#"
55
54
  },
55
+
56
56
  {
57
- "label": "Dropdown",
58
- "url": "#",
59
- "items": [
60
- {
61
- "label": "Level 2 Item",
62
- "url": "#"
63
- },
64
- {
65
- "label": "Active Item",
66
- "active": true,
67
- "url": "#"
68
- },
69
- {
70
- "label": "An Item with a longer Label",
71
- "url": "#"
72
- },
73
- {
74
- "label": "And One last one",
75
- "url": "#"
76
- }
77
- ]
57
+ "label": "News",
58
+ "url": "#"
59
+ },
60
+ {
61
+ "label": "Termine",
62
+ "url": "#"
63
+ },
64
+ {
65
+ "label": "Kontakt",
66
+ "url": "#"
78
67
  },
79
68
  {
80
- "label": "One more Item",
69
+ "label": "Service",
81
70
  "url": "#"
82
71
  },
83
72
  {
84
- "label": "Last Item",
73
+ "label": "Jobs",
85
74
  "url": "#"
86
75
  }
87
76
  ]
@@ -3,9 +3,9 @@
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
- --dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-s);
8
+ --dsa-nav-topbar__label--font-size: var(--ks-font-size-interface-m);
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,43 +48,31 @@
48
48
  "examples": [
49
49
  [
50
50
  {
51
- "label": "Active Item",
52
- "url": "#",
53
- "active": true
51
+ "label": "Produkte",
52
+ "url": "#"
54
53
  },
55
54
  {
56
- "label": "Navigation Item",
55
+ "label": "Schulung",
57
56
  "url": "#"
58
57
  },
59
58
  {
60
- "label": "Dropdown",
61
- "url": "#",
62
- "items": [
63
- {
64
- "label": "Level 2 Item",
65
- "url": "#"
66
- },
67
- {
68
- "label": "Active Item",
69
- "active": true,
70
- "url": "#"
71
- },
72
- {
73
- "label": "An Item with a longer Label",
74
- "url": "#"
75
- },
76
- {
77
- "label": "And One last one",
78
- "url": "#"
79
- }
80
- ]
59
+ "label": "News",
60
+ "url": "#"
61
+ },
62
+ {
63
+ "label": "Termine",
64
+ "url": "#"
65
+ },
66
+ {
67
+ "label": "Kontakt",
68
+ "url": "#"
81
69
  },
82
70
  {
83
- "label": "One more Item",
71
+ "label": "Service",
84
72
  "url": "#"
85
73
  },
86
74
  {
87
- "label": "Last Item",
75
+ "label": "Jobs",
88
76
  "url": "#"
89
77
  }
90
78
  ]
@@ -39,7 +39,8 @@
39
39
  "enum": [
40
40
  "default",
41
41
  "framed",
42
- "deko"
42
+ "deko",
43
+ "gradient"
43
44
  ],
44
45
  "default": "default"
45
46
  },