@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.
- package/README.md +1 -1
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-6a826e52.d.ts → SectionProps-662e0a28.d.ts} +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +2 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +2 -1
- package/dist/components/button/button.css +1 -1
- package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -0
- package/dist/components/footer/footer.schema.dereffed.json +16 -28
- package/dist/components/footer/footer.schema.json +1 -1
- package/dist/components/footer/index.js +1 -1
- package/dist/components/header/header.css +2 -2
- package/dist/components/header/header.schema.dereffed.json +15 -27
- package/dist/components/headline/headline.css +4 -4
- package/dist/components/hero/hero.css +1 -1
- package/dist/components/logos/logos.css +6 -3
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +15 -27
- package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -27
- package/dist/components/nav-main/nav-main.schema.json +16 -27
- package/dist/components/nav-topbar/nav-topbar.css +2 -2
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +15 -27
- package/dist/components/page/page.schema.dereffed.json +2 -1
- package/dist/components/page-wrapper/tokens.css +394 -388
- package/dist/components/presets.json +31 -55
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.css +3 -0
- package/dist/components/section/section.schema.dereffed.json +2 -1
- package/dist/components/section/section.schema.json +1 -1
- package/dist/components/settings/settings.schema.dereffed.json +31 -55
- package/dist/components/slider/slider.css +2 -2
- package/dist/components/teaser-card/teaser-card.css +3 -3
- package/dist/components/testimonials/testimonials.css +8 -3
- package/dist/global.css +14 -99
- package/dist/static/fonts/dsa/dosis-v19-latin-600.woff2 +0 -0
- package/dist/static/fonts/dsa/dosis-v19-latin-regular.woff2 +0 -0
- package/dist/static/fonts/dsa/fa-solid-900.woff2 +0 -0
- package/dist/static/img/paxconnect/contact.png +0 -0
- package/dist/static/img/paxconnect/hero-2.jpeg +0 -0
- package/dist/static/img/paxconnect/hero-2.png +0 -0
- package/dist/static/img/paxconnect/testimonial-1.png +0 -0
- package/dist/static/img/paxconnect/testimonial-2.png +0 -0
- package/dist/static/img/paxconnect/testimonial-3.png +0 -0
- package/dist/static/img/paxconnect/woman-in-van.png +0 -0
- package/dist/static/logo.png +0 -0
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +394 -388
- package/dist/tokens/tokens.js +601 -598
- package/package.json +1 -1
- package/dist/static/fonts/dsa/Fredoka-Bold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Bold.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Light.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Medium.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-Regular.woff2 +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff +0 -0
- package/dist/static/fonts/dsa/Fredoka-SemiBold.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-300.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-600.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff +0 -0
- package/dist/static/fonts/dsa/Mulish-800.woff2 +0 -0
- package/dist/static/fonts/dsa/Mulish-Regular.woff +0 -0
- 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=\"
|
|
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.
|
|
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": "
|
|
2949
|
+
"byline": "Made with love in Cologne | © paxconnect 2025",
|
|
2950
2950
|
"inverted": false,
|
|
2951
2951
|
"navItems": [
|
|
2952
2952
|
{
|
|
2953
2953
|
"url": "#",
|
|
2954
|
-
"label": "
|
|
2955
|
-
"active": true
|
|
2954
|
+
"label": "Produkte"
|
|
2956
2955
|
},
|
|
2957
2956
|
{
|
|
2958
2957
|
"url": "#",
|
|
2959
|
-
"label": "
|
|
2958
|
+
"label": "Schulung"
|
|
2960
2959
|
},
|
|
2961
2960
|
{
|
|
2962
2961
|
"url": "#",
|
|
2963
|
-
"label": "
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
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": "
|
|
2974
|
+
"label": "Service"
|
|
2987
2975
|
},
|
|
2988
2976
|
{
|
|
2989
2977
|
"url": "#",
|
|
2990
|
-
"label": "
|
|
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.
|
|
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.
|
|
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": "
|
|
3189
|
-
"active": true
|
|
3176
|
+
"label": "Produkte"
|
|
3190
3177
|
},
|
|
3191
3178
|
{
|
|
3192
3179
|
"url": "#",
|
|
3193
|
-
"label": "
|
|
3180
|
+
"label": "Schulung"
|
|
3194
3181
|
},
|
|
3195
3182
|
{
|
|
3196
3183
|
"url": "#",
|
|
3197
|
-
"label": "
|
|
3198
|
-
|
|
3199
|
-
|
|
3200
|
-
|
|
3201
|
-
|
|
3202
|
-
|
|
3203
|
-
|
|
3204
|
-
|
|
3205
|
-
|
|
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": "
|
|
3196
|
+
"label": "Service"
|
|
3221
3197
|
},
|
|
3222
3198
|
{
|
|
3223
3199
|
"url": "#",
|
|
3224
|
-
"label": "
|
|
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-
|
|
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
|
}
|
|
@@ -132,43 +132,31 @@
|
|
|
132
132
|
"examples": [
|
|
133
133
|
[
|
|
134
134
|
{
|
|
135
|
-
"label": "
|
|
136
|
-
"url": "#"
|
|
137
|
-
"active": true
|
|
135
|
+
"label": "Produkte",
|
|
136
|
+
"url": "#"
|
|
138
137
|
},
|
|
139
138
|
{
|
|
140
|
-
"label": "
|
|
139
|
+
"label": "Schulung",
|
|
141
140
|
"url": "#"
|
|
142
141
|
},
|
|
143
142
|
{
|
|
144
|
-
"label": "
|
|
145
|
-
"url": "#"
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
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": "
|
|
155
|
+
"label": "Service",
|
|
168
156
|
"url": "#"
|
|
169
157
|
},
|
|
170
158
|
{
|
|
171
|
-
"label": "
|
|
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": "
|
|
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": "
|
|
290
|
-
"url": "#"
|
|
291
|
-
"active": true
|
|
277
|
+
"label": "Produkte",
|
|
278
|
+
"url": "#"
|
|
292
279
|
},
|
|
293
280
|
{
|
|
294
|
-
"label": "
|
|
281
|
+
"label": "Schulung",
|
|
295
282
|
"url": "#"
|
|
296
283
|
},
|
|
297
284
|
{
|
|
298
|
-
"label": "
|
|
299
|
-
"url": "#"
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
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": "
|
|
297
|
+
"label": "Service",
|
|
322
298
|
"url": "#"
|
|
323
299
|
},
|
|
324
300
|
{
|
|
325
|
-
"label": "
|
|
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-
|
|
6
|
-
--dsa-slider__bullet--border-color_hover: var(--ks-border-color-
|
|
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)
|
|
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-
|
|
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-
|
|
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%, -
|
|
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--
|
|
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-
|
|
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-
|
|
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:
|
|
352
|
+
--spacing-base: 18px;
|
|
353
353
|
--spacing-shrink-factor: 0.65;
|
|
354
|
-
--spacing-grow-factor: 1.
|
|
355
|
-
--spacing-bp-factor: 1.
|
|
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: "
|
|
814
|
-
src: url("static/fonts/dsa/
|
|
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: "
|
|
821
|
-
src: url("static/fonts/dsa/
|
|
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
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
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
|
|
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
|
|
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
|
|
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);
|