@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
@@ -2935,10 +2935,10 @@
2935
2935
  "id": "layout-footer--footer",
2936
2936
  "group": "Layout/Footer",
2937
2937
  "name": "Footer",
2938
- "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/>",
2938
+ "code": "<Footer\n byline=\"Made with love in Cologne | © paxconnect 2025\"\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n inverted: false,\n src: '/logo.png',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n label: 'Produkte',\n url: '#'\n },\n {\n label: 'Schulung',\n url: '#'\n },\n {\n label: 'News',\n url: '#'\n },\n {\n label: 'Termine',\n url: '#'\n },\n {\n label: 'Kontakt',\n url: '#'\n },\n {\n label: 'Service',\n url: '#'\n },\n {\n label: 'Jobs',\n url: '#'\n }\n ]}\n/>",
2939
2939
  "args": {
2940
2940
  "logo": {
2941
- "src": "/logo.svg",
2941
+ "src": "/logo.png",
2942
2942
  "srcInverted": "/logo-inverted.svg",
2943
2943
  "inverted": false,
2944
2944
  "homepageHref": "#",
@@ -2946,48 +2946,36 @@
2946
2946
  "width": 176,
2947
2947
  "height": 40
2948
2948
  },
2949
- "byline": "© 2024 systemics Inc. All rights reserved.",
2949
+ "byline": "Made with love in Cologne | © paxconnect 2025",
2950
2950
  "inverted": false,
2951
2951
  "navItems": [
2952
2952
  {
2953
2953
  "url": "#",
2954
- "label": "Active Item",
2955
- "active": true
2954
+ "label": "Produkte"
2956
2955
  },
2957
2956
  {
2958
2957
  "url": "#",
2959
- "label": "Navigation Item"
2958
+ "label": "Schulung"
2960
2959
  },
2961
2960
  {
2962
2961
  "url": "#",
2963
- "label": "Dropdown",
2964
- "items": [
2965
- {
2966
- "url": "#",
2967
- "label": "Level 2 Item"
2968
- },
2969
- {
2970
- "url": "#",
2971
- "label": "Active Item",
2972
- "active": true
2973
- },
2974
- {
2975
- "url": "#",
2976
- "label": "An Item with a longer Label"
2977
- },
2978
- {
2979
- "url": "#",
2980
- "label": "And One last one"
2981
- }
2982
- ]
2962
+ "label": "News"
2963
+ },
2964
+ {
2965
+ "url": "#",
2966
+ "label": "Termine"
2967
+ },
2968
+ {
2969
+ "url": "#",
2970
+ "label": "Kontakt"
2983
2971
  },
2984
2972
  {
2985
2973
  "url": "#",
2986
- "label": "One more Item"
2974
+ "label": "Service"
2987
2975
  },
2988
2976
  {
2989
2977
  "url": "#",
2990
- "label": "Last Item"
2978
+ "label": "Jobs"
2991
2979
  }
2992
2980
  ]
2993
2981
  },
@@ -3168,10 +3156,10 @@
3168
3156
  "id": "layout-header--header",
3169
3157
  "group": "Layout/Header",
3170
3158
  "name": "Header",
3171
- "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/>",
3159
+ "code": "<Header\n logo={{\n alt: 'Systemics Logo',\n height: 40,\n homepageHref: '#',\n src: '/logo.png',\n srcInverted: '/logo-inverted.svg',\n width: 176\n }}\n navItems={[\n {\n label: 'Produkte',\n url: '#'\n },\n {\n label: 'Schulung',\n url: '#'\n },\n {\n label: 'News',\n url: '#'\n },\n {\n label: 'Termine',\n url: '#'\n },\n {\n label: 'Kontakt',\n url: '#'\n },\n {\n label: 'Service',\n url: '#'\n },\n {\n label: 'Jobs',\n url: '#'\n }\n ]}\n/>",
3172
3160
  "args": {
3173
3161
  "logo": {
3174
- "src": "/logo.svg",
3162
+ "src": "/logo.png",
3175
3163
  "srcInverted": "/logo-inverted.svg",
3176
3164
  "homepageHref": "#",
3177
3165
  "alt": "Systemics Logo",
@@ -3185,43 +3173,31 @@
3185
3173
  "navItems": [
3186
3174
  {
3187
3175
  "url": "#",
3188
- "label": "Active Item",
3189
- "active": true
3176
+ "label": "Produkte"
3190
3177
  },
3191
3178
  {
3192
3179
  "url": "#",
3193
- "label": "Navigation Item"
3180
+ "label": "Schulung"
3194
3181
  },
3195
3182
  {
3196
3183
  "url": "#",
3197
- "label": "Dropdown",
3198
- "items": [
3199
- {
3200
- "url": "#",
3201
- "label": "Level 2 Item"
3202
- },
3203
- {
3204
- "url": "#",
3205
- "label": "Active Item",
3206
- "active": true
3207
- },
3208
- {
3209
- "url": "#",
3210
- "label": "An Item with a longer Label"
3211
- },
3212
- {
3213
- "url": "#",
3214
- "label": "And One last one"
3215
- }
3216
- ]
3184
+ "label": "News"
3185
+ },
3186
+ {
3187
+ "url": "#",
3188
+ "label": "Termine"
3189
+ },
3190
+ {
3191
+ "url": "#",
3192
+ "label": "Kontakt"
3217
3193
  },
3218
3194
  {
3219
3195
  "url": "#",
3220
- "label": "One more Item"
3196
+ "label": "Service"
3221
3197
  },
3222
3198
  {
3223
3199
  "url": "#",
3224
- "label": "Last Item"
3200
+ "label": "Jobs"
3225
3201
  }
3226
3202
  ]
3227
3203
  },
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-6a826e52.js";
3
+ import { SectionProps } from "../../SectionProps-662e0a28.js";
4
4
  declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -139,6 +139,9 @@
139
139
  .l-section.dsa-section-style--deko {
140
140
  background-image: var(--dsa-section_deko--background-image, radial-gradient(180deg, transparent 0%, var(--ks-background-color-default) 100%));
141
141
  }
142
+ .l-section.dsa-section-style--gradient {
143
+ background-image: var(--dsa-section_gradient--background-image, linear-gradient(90deg, #ec6227 26%, #ed6b76 100%));
144
+ }
142
145
  .l-section.dsa-section-style--colorful {
143
146
  background-image: var(--dsa-section_colorful--background-image, linear-gradient(145deg, var(--ks-color-primary) 30%, #4aaea9 100%));
144
147
  }
@@ -25,7 +25,8 @@
25
25
  "enum": [
26
26
  "default",
27
27
  "framed",
28
- "deko"
28
+ "deko",
29
+ "gradient"
29
30
  ],
30
31
  "default": "default"
31
32
  },
@@ -16,7 +16,7 @@
16
16
  "type": "string",
17
17
  "title": "Style",
18
18
  "description": "Style of background",
19
- "enum": ["default", "framed", "deko"],
19
+ "enum": ["default", "framed", "deko", "gradient"],
20
20
  "default": "default"
21
21
  },
22
22
  "backgroundColor": {
@@ -132,43 +132,31 @@
132
132
  "examples": [
133
133
  [
134
134
  {
135
- "label": "Active Item",
136
- "url": "#",
137
- "active": true
135
+ "label": "Produkte",
136
+ "url": "#"
138
137
  },
139
138
  {
140
- "label": "Navigation Item",
139
+ "label": "Schulung",
141
140
  "url": "#"
142
141
  },
143
142
  {
144
- "label": "Dropdown",
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
- ]
143
+ "label": "News",
144
+ "url": "#"
145
+ },
146
+ {
147
+ "label": "Termine",
148
+ "url": "#"
149
+ },
150
+ {
151
+ "label": "Kontakt",
152
+ "url": "#"
165
153
  },
166
154
  {
167
- "label": "One more Item",
155
+ "label": "Service",
168
156
  "url": "#"
169
157
  },
170
158
  {
171
- "label": "Last Item",
159
+ "label": "Jobs",
172
160
  "url": "#"
173
161
  }
174
162
  ]
@@ -234,7 +222,7 @@
234
222
  "title": "Byline",
235
223
  "description": "Small line of text displayed below the logo",
236
224
  "type": "string",
237
- "default": "© 2024 systemics Inc. All rights reserved."
225
+ "default": "Made with love in Cologne | © paxconnect 2025"
238
226
  },
239
227
  "inverted": {
240
228
  "type": "boolean",
@@ -286,43 +274,31 @@
286
274
  "examples": [
287
275
  [
288
276
  {
289
- "label": "Active Item",
290
- "url": "#",
291
- "active": true
277
+ "label": "Produkte",
278
+ "url": "#"
292
279
  },
293
280
  {
294
- "label": "Navigation Item",
281
+ "label": "Schulung",
295
282
  "url": "#"
296
283
  },
297
284
  {
298
- "label": "Dropdown",
299
- "url": "#",
300
- "items": [
301
- {
302
- "label": "Level 2 Item",
303
- "url": "#"
304
- },
305
- {
306
- "label": "Active Item",
307
- "active": true,
308
- "url": "#"
309
- },
310
- {
311
- "label": "An Item with a longer Label",
312
- "url": "#"
313
- },
314
- {
315
- "label": "And One last one",
316
- "url": "#"
317
- }
318
- ]
285
+ "label": "News",
286
+ "url": "#"
287
+ },
288
+ {
289
+ "label": "Termine",
290
+ "url": "#"
291
+ },
292
+ {
293
+ "label": "Kontakt",
294
+ "url": "#"
319
295
  },
320
296
  {
321
- "label": "One more Item",
297
+ "label": "Service",
322
298
  "url": "#"
323
299
  },
324
300
  {
325
- "label": "Last Item",
301
+ "label": "Jobs",
326
302
  "url": "#"
327
303
  }
328
304
  ]
@@ -2,8 +2,8 @@
2
2
  --dsa-slider__arrow--background-color: var(--ks-color-fg-alpha-4);
3
3
  --dsa-slider__arrow--background-color_hover: var(--ks-color-fg-alpha-3);
4
4
  --dsa-slider__arrow--background-color_active: var(--ks-color-fg-alpha-3);
5
- --dsa-slider__bullet--border-color: var(--ks-border-color-default);
6
- --dsa-slider__bullet--border-color_hover: var(--ks-border-color-default);
5
+ --dsa-slider__bullet--border-color: var(--ks-border-color-interface-interactive);
6
+ --dsa-slider__bullet--border-color_hover: var(--ks-border-color-interface-interactive);
7
7
  --dsa-slider__bullet--border-color_active: var(--ks-color-primary);
8
8
  --dsa-slider__bullet--size: 1rem;
9
9
  --dsa-slider__bullet--background-color: transparent;
@@ -8,12 +8,11 @@
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) var(--ks-border-radius-card)
12
- var(--ks-border-radius-card) calc(var(--ks-border-radius-card) * 3);
11
+ --dsa-teaser-card--border-radius: var(--ks-border-radius-card);
13
12
  --dsa-teaser-card--shadow: none;
14
13
  --dsa-teaser-card--shadow_hover: none;
15
14
  --dsa-teaser-card__image--transform_hover: scale(1.05);
16
- --dsa-teaser-card__image--transition: transform var(--ks-transition-hover);
15
+ --dsa-teaser-card__image--transition: transform var(--ks-transition-fade);
17
16
  --dsa-teaser-card__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
18
17
  --dsa-teaser-card__topic--color: var(--dsa-topic--color);
19
18
  --dsa-teaser-card__label--font: var(--ks-font-interface-s);
@@ -85,6 +84,7 @@
85
84
  position: relative;
86
85
  transition-property: border-color, background-color, box-shadow;
87
86
  box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
87
+ cursor: pointer;
88
88
  }
89
89
  .dsa-teaser-card .c-teaser > :first-child:not(.c-teaser__body) {
90
90
  overflow: hidden;
@@ -3,7 +3,7 @@
3
3
  --dsa-testimonials--padding-left: calc(var(--dsa-testimonials__icon--font-size) / 6);
4
4
  --dsa-testimonials--padding-top: 0.5em;
5
5
  --dsa-testimonials--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
6
- --dsa-testimonials__quote--font: var(--ks-font-copy-l);
6
+ --dsa-testimonials__quote--font: var(--ks-font-copy-xl);
7
7
  --dsa-testimonials__quote--font-weight: var(--ks-font-weight-regular);
8
8
  --dsa-testimonials__quote--margin-bottom: var(--ks-spacing-stack-s);
9
9
  --dsa-testimonials__source--font: var(--ks-font-copy-m);
@@ -16,11 +16,12 @@
16
16
  --dsa-testimonials__icon--color: var(--ks-color-fg-alpha-8);
17
17
  --dsa-testimonials__icon--content: "”";
18
18
  --dsa-testimonials__icon--left: 0.15em;
19
- --dsa-testimonials__icon--transform: translate(-50%, -10%);
19
+ --dsa-testimonials__icon--transform: translate(-50%, -5%);
20
20
  --dsa-testimonials__byline--font: var(--ks-font-copy-m);
21
21
  --dsa-testimonials__byline--font-weight: var(--ks-font-weight-regular);
22
22
  --dsa-testimonials__byline--color: var(--ks-text-color-copy);
23
- --dsa-testimonials__image--max-width: 40%;
23
+ --dsa-testimonials__image--border-radius: var(--ks-border-radius-surface);
24
+ --dsa-testimonials__image--max-width: 30%;
24
25
  --dsa-testimonials__list--gap: var(--ks-spacing-stack-xl);
25
26
  }
26
27
  @container quote (min-width: 640px) {
@@ -101,6 +102,10 @@
101
102
  .dsa-testimonials .c-quote .c-quote__content::before {
102
103
  line-height: 0.7;
103
104
  }
105
+ .dsa-testimonials .c-quote .c-quote__image {
106
+ border-radius: var(--dsa-testimonials__image--border-radius, 50%);
107
+ overflow: hidden;
108
+ }
104
109
  .dsa-testimonials .c-slider .c-slider-nav {
105
110
  margin-top: var(--ks-spacing-stack-s);
106
111
  }
package/dist/global.css CHANGED
@@ -295,7 +295,7 @@ h3 {
295
295
  --dsa-text-color-on-primary-base: var(--ks-color-fg-inverted);
296
296
  --dsa-text-color-on-primary-inverted-base: var(--ks-color-fg);
297
297
  --dsa-overlay--background-color: var(--ks-color-fg-alpha-4);
298
- --dsa-overlay-box_transparent--background-color: var(--ks-color-bg-alpha-4);
298
+ --dsa-overlay-box_transparent--background-color: var(--ks-color-bg-alpha-2);
299
299
  --dsa-overlay-box_transparent--backdrop-filter: blur(16px);
300
300
  --dsa-overlay-box_opaque--background-color: var(--ks-color-bg-alpha-2);
301
301
  --dsa-overlay-box_opaque--backdrop-filter: blur(20px);
@@ -308,7 +308,7 @@ h3 {
308
308
  --dsa-topic--font-weight: var(--ks-font-weight-semi-bold);
309
309
  --dsa-topic--color: var(--ks-text-color-display);
310
310
  --dsa-topic--font-family: var(--ks-font-family-display);
311
- --dsa-link--font-weight: var(--ks-font-weight-regular);
311
+ --dsa-link--font-weight: var(--ks-font-weight-semi-bold);
312
312
  --dsa-link--color: var(--ks-text-color-default-interactive);
313
313
  --dsa-link--color_hover: var(--ks-text-color-default-interactive-hover);
314
314
  --dsa-link--text-decoration: none;
@@ -349,10 +349,10 @@ h3 {
349
349
  [ks-theme],
350
350
  [ks-inverted=false],
351
351
  [ks-inverted=true] {
352
- --spacing-base: 16px;
352
+ --spacing-base: 18px;
353
353
  --spacing-shrink-factor: 0.65;
354
- --spacing-grow-factor: 1.585;
355
- --spacing-bp-factor: 1.0125;
354
+ --spacing-grow-factor: 1.325;
355
+ --spacing-bp-factor: 1.0135;
356
356
  --spacing-xxs-bp-factor: calc(1 * var(--spacing-bp-factor));
357
357
  --spacing-xs-bp-factor: calc(var(--spacing-xxs-bp-factor) * var(--spacing-bp-factor));
358
358
  --spacing-s-bp-factor: calc(var(--spacing-xs-bp-factor) * var(--spacing-bp-factor));
@@ -409,47 +409,6 @@ h3 {
409
409
  --ks-spacing-xxl-bp-factor-desktop: calc(var(--ks-spacing-xxl-bp-factor-laptop) * var(--spacing-xxl-bp-factor));
410
410
  }
411
411
 
412
- :root,
413
- [ks-theme],
414
- [ks-inverted=false],
415
- [ks-inverted=true] {
416
- --ks-spacing-stack-xxs: var(--ks-spacing-xxs);
417
- --ks-spacing-stack-xs: var(--ks-spacing-xs);
418
- --ks-spacing-stack-s: var(--ks-spacing-s);
419
- --ks-spacing-stack-m: var(--ks-spacing-m);
420
- --ks-spacing-stack-l: var(--ks-spacing-l);
421
- --ks-spacing-stack-xl: var(--ks-spacing-xl);
422
- --ks-spacing-stack-xxl: var(--ks-spacing-xxl);
423
- --ks-spacing-inline-xxs: var(--ks-spacing-xxs);
424
- --ks-spacing-inline-xs: var(--ks-spacing-xs);
425
- --ks-spacing-inline-s: var(--ks-spacing-s);
426
- --ks-spacing-inline-m: var(--ks-spacing-m);
427
- --ks-spacing-inline-l: var(--ks-spacing-l);
428
- --ks-spacing-inline-xl: var(--ks-spacing-xl);
429
- --ks-spacing-inline-xxl: var(--ks-spacing-xxl);
430
- --ks-spacing-inset-xxs: var(--ks-spacing-xxs);
431
- --ks-spacing-inset-xs: var(--ks-spacing-xs);
432
- --ks-spacing-inset-s: var(--ks-spacing-s);
433
- --ks-spacing-inset-m: var(--ks-spacing-m);
434
- --ks-spacing-inset-l: var(--ks-spacing-l);
435
- --ks-spacing-inset-xl: var(--ks-spacing-xl);
436
- --ks-spacing-inset-xxl: var(--ks-spacing-xxl);
437
- --ks-spacing-inset-squish-xxs: var(--ks-spacing-xs) var(--ks-spacing-xxs);
438
- --ks-spacing-inset-squish-xs: var(--ks-spacing-s) var(--ks-spacing-xs);
439
- --ks-spacing-inset-squish-s: var(--ks-spacing-m) var(--ks-spacing-s);
440
- --ks-spacing-inset-squish-m: var(--ks-spacing-l) var(--ks-spacing-m);
441
- --ks-spacing-inset-squish-l: var(--ks-spacing-xl) var(--ks-spacing-l);
442
- --ks-spacing-inset-squish-xl: var(--ks-spacing-xxl) var(--ks-spacing-xl);
443
- --ks-spacing-inset-squish-xxl: calc(var(--ks-spacing-xxl) * 1.25) var(--ks-spacing-xxl);
444
- --ks-spacing-inset-squish-xxs: var(--ks-spacing-xxs) var(--ks-spacing-xs);
445
- --ks-spacing-inset-squish-xs: var(--ks-spacing-xs) var(--ks-spacing-s);
446
- --ks-spacing-inset-squish-s: var(--ks-spacing-s) var(--ks-spacing-m);
447
- --ks-spacing-inset-squish-m: var(--ks-spacing-m) var(--ks-spacing-l);
448
- --ks-spacing-inset-squish-l: var(--ks-spacing-l) var(--ks-spacing-xl);
449
- --ks-spacing-inset-squish-xl: var(--ks-spacing-xl) var(--ks-spacing-xxl);
450
- --ks-spacing-inset-squish-xxl: var(--ks-spacing-xxl) calc(var(--ks-spacing-xxl) * 1.25);
451
- }
452
-
453
412
  :root,
454
413
  [ks-theme],
455
414
  [ks-inverted=false],
@@ -461,6 +420,11 @@ h3 {
461
420
  --ks-spacing-l: calc(var(--ks-spacing-l-base) * var(--ks-spacing-l-bp-factor, 1));
462
421
  --ks-spacing-xl: calc(var(--ks-spacing-xl-base) * var(--ks-spacing-xl-bp-factor, 1));
463
422
  --ks-spacing-xxl: calc(var(--ks-spacing-xxl-base) * var(--ks-spacing-xxl-bp-factor, 1));
423
+ --ks-spacing-stack: calc(var(--ks-spacing-stack-base) * var(--ks-spacing-stack-bp-factor, 1));
424
+ --ks-spacing-inline: calc(var(--ks-spacing-inline-base) * var(--ks-spacing-inline-bp-factor, 1));
425
+ --ks-spacing-inset: calc(var(--ks-spacing-inset-base) * var(--ks-spacing-inset-bp-factor, 1));
426
+ --ks-spacing-inset-squish: calc(var(--ks-spacing-inset-squish-base) * var(--ks-spacing-inset-squish-bp-factor, 1));
427
+ --ks-spacing-inset-stretch: calc(var(--ks-spacing-inset-stretch-base) * var(--ks-spacing-inset-stretch-bp-factor, 1));
464
428
  }
465
429
 
466
430
  @media (min-width: 36em) {
@@ -810,67 +774,18 @@ h3 {
810
774
  src: url("static/fonts/systemics/Montserrat-Bold.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
811
775
  }
812
776
  @font-face {
813
- font-family: "Fredoka";
814
- src: url("static/fonts/dsa/Fredoka-Regular.woff") format("woff2"), url("static/fonts/dsa/Fredoka-Regular.woff") format("woff");
777
+ font-family: "Dosis";
778
+ src: url("static/fonts/dsa/dosis-v19-latin-regular.woff2") format("woff2");
815
779
  font-weight: 400;
816
780
  font-style: normal;
817
781
  font-display: swap;
818
782
  }
819
783
  @font-face {
820
- font-family: "Fredoka";
821
- src: url("static/fonts/dsa/Fredoka-SemiBold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-SemiBold.woff") format("woff");
822
- font-weight: 600;
823
- font-style: normal;
824
- font-display: swap;
825
- }
826
- @font-face {
827
- font-family: "Fredoka";
828
- src: url("static/fonts/dsa/Fredoka-Medium.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Medium.woff") format("woff");
829
- font-weight: 500;
830
- font-style: normal;
831
- font-display: swap;
832
- }
833
- @font-face {
834
- font-family: "Fredoka";
835
- src: url("static/fonts/dsa/Fredoka-Light.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Light.woff") format("woff");
836
- font-weight: 300;
837
- font-style: normal;
838
- font-display: swap;
839
- }
840
- @font-face {
841
- font-family: "Fredoka";
842
- src: url("static/fonts/dsa/Fredoka-Bold.woff2") format("woff2"), url("static/fonts/dsa/Fredoka-Bold.woff") format("woff");
843
- font-weight: bold;
844
- font-style: normal;
845
- font-display: swap;
846
- }
847
- @font-face {
848
- font-family: "Mulish";
849
- font-style: normal;
850
- font-weight: 400;
851
- font-display: swap;
852
- src: url("static/fonts/dsa/Mulish-Regular.woff2") format("woff2"), url("static/fonts/dsa/Mulish-Regular.woff") format("woff");
853
- }
854
- @font-face {
855
- font-family: "Mulish";
856
- font-style: normal;
784
+ font-family: "Dosis";
785
+ src: url("static/fonts/dsa/dosis-v19-latin-600.woff2") format("woff2");
857
786
  font-weight: 600;
858
- font-display: swap;
859
- src: url("static/fonts/dsa/Mulish-600.woff2") format("woff2"), url("static/fonts/dsa/Mulish-600.woff") format("woff"); /* Legacy iOS */
860
- }
861
- @font-face {
862
- font-family: "Mulish";
863
- font-style: normal;
864
- font-weight: 800;
865
- font-display: swap;
866
- src: url("static/fonts/dsa/Mulish-800.woff2") format("woff2"), url("static/fonts/dsa/Mulish-800.woff") format("woff");
867
- }
868
- @font-face {
869
- font-family: "Mulish";
870
787
  font-style: normal;
871
- font-weight: 300;
872
788
  font-display: swap;
873
- src: url("static/fonts/dsa/Mulish-300.woff2") format("woff2"), url("static/fonts/dsa/Mulish-300.woff") format("woff");
874
789
  }
875
790
  @font-face {
876
791
  font-family: "NovelPro";
Binary file
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 06 Nov 2025 08:39:43 GMT
3
+ * Generated on Fri, 07 Nov 2025 15:07:51 GMT
4
4
  */
5
5
  :root [ks-theme=business] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -2727,7 +2727,7 @@
2727
2727
  }
2728
2728
  /**
2729
2729
  * Do not edit directly
2730
- * Generated on Thu, 06 Nov 2025 08:39:48 GMT
2730
+ * Generated on Fri, 07 Nov 2025 15:07:55 GMT
2731
2731
  */
2732
2732
  :root [ks-theme=google] {
2733
2733
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -5458,7 +5458,7 @@
5458
5458
  }
5459
5459
  /**
5460
5460
  * Do not edit directly
5461
- * Generated on Thu, 06 Nov 2025 08:39:46 GMT
5461
+ * Generated on Fri, 07 Nov 2025 15:07:53 GMT
5462
5462
  */
5463
5463
  :root [ks-theme=ngo] {
5464
5464
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
@@ -8459,7 +8459,7 @@
8459
8459
  }
8460
8460
  /**
8461
8461
  * Do not edit directly
8462
- * Generated on Thu, 06 Nov 2025 08:39:51 GMT
8462
+ * Generated on Fri, 07 Nov 2025 15:07:57 GMT
8463
8463
  */
8464
8464
  :root [ks-theme=telekom] {
8465
8465
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);