@kickstartds/ds-agency-premium 1.6.71--canary.45.2280.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/{LogosProps-f9474fe2.d.ts → LogosProps-d4677d2c.d.ts} +1 -23
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-6a826e52.d.ts → SectionProps-662e0a28.d.ts} +2 -2
- package/dist/SliderProps-789f8508.d.ts +1 -1
- package/dist/SplitEvenProps-789f8508.d.ts +1 -1
- package/dist/SplitWeightedProps-789f8508.d.ts +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +12 -21
- package/dist/components/blog-post/blog-post.schema.dereffed.json +12 -21
- package/dist/components/button/button.css +1 -1
- package/dist/components/event-latest-teaser/event-latest-teaser.css +2 -0
- package/dist/components/faq/faq.css +1 -1
- 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/index.d.ts +1 -1
- package/dist/components/logos/logos.css +6 -3
- package/dist/components/logos/logos.schema.dereffed.json +1 -2
- package/dist/components/logos/logos.schema.json +1 -2
- 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 +12 -21
- 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 +12 -21
- 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/slider/slider.schema.dereffed.json +1 -2
- package/dist/components/split-even/split-even.schema.dereffed.json +4 -8
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +4 -8
- package/dist/components/teaser-card/teaser-card.css +3 -3
- package/dist/components/testimonials/testimonials.css +8 -3
- package/dist/global.css +6 -55
- 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
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-
|
|
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-
|
|
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
|
/**
|
|
@@ -11,30 +11,8 @@ type LogoTagline = string;
|
|
|
11
11
|
* The logos to display
|
|
12
12
|
*
|
|
13
13
|
* @minItems 1
|
|
14
|
-
* @maxItems 20
|
|
15
14
|
*/
|
|
16
|
-
type Logos = [Logo
|
|
17
|
-
Logo,
|
|
18
|
-
Logo,
|
|
19
|
-
Logo,
|
|
20
|
-
Logo,
|
|
21
|
-
Logo,
|
|
22
|
-
Logo,
|
|
23
|
-
Logo,
|
|
24
|
-
Logo,
|
|
25
|
-
Logo,
|
|
26
|
-
Logo,
|
|
27
|
-
Logo,
|
|
28
|
-
Logo,
|
|
29
|
-
Logo,
|
|
30
|
-
Logo,
|
|
31
|
-
Logo,
|
|
32
|
-
Logo,
|
|
33
|
-
Logo,
|
|
34
|
-
Logo,
|
|
35
|
-
Logo,
|
|
36
|
-
Logo
|
|
37
|
-
];
|
|
15
|
+
type Logos = [Logo, ...Logo[]];
|
|
38
16
|
/**
|
|
39
17
|
* The URL of the logo image
|
|
40
18
|
*/
|
|
@@ -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-
|
|
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
|
|
@@ -19,7 +19,7 @@ import { HeroProps } from "./HeroProps-fec6b267.js";
|
|
|
19
19
|
import { HtmlProps } from "./HtmlProps-9d091769.js";
|
|
20
20
|
import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
|
|
21
21
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
22
|
-
import { LogosProps } from "./LogosProps-
|
|
22
|
+
import { LogosProps } from "./LogosProps-d4677d2c.js";
|
|
23
23
|
import { MosaicProps } from "./MosaicProps-d52c7151.js";
|
|
24
24
|
import { SliderProps } from "./SliderProps-789f8508.js";
|
|
25
25
|
import { SplitEvenProps } from "./SplitEvenProps-789f8508.js";
|
|
@@ -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
|
*/
|
|
@@ -8,7 +8,7 @@ import { FeaturesProps } from "./FeaturesProps-a9041d97.js";
|
|
|
8
8
|
import { GalleryProps } from "./GalleryProps-76e7de44.js";
|
|
9
9
|
import { HeroProps } from "./HeroProps-fec6b267.js";
|
|
10
10
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
11
|
-
import { LogosProps } from "./LogosProps-
|
|
11
|
+
import { LogosProps } from "./LogosProps-d4677d2c.js";
|
|
12
12
|
import { StatsProps } from "./StatsProps-bf5ef578.js";
|
|
13
13
|
import { TeaserCardProps } from "./TeaserCardProps-d069476f.js";
|
|
14
14
|
import { TestimonialsProps } from "./TestimonialsProps-e344f597.js";
|
|
@@ -19,7 +19,7 @@ import { HeroProps } from "./HeroProps-fec6b267.js";
|
|
|
19
19
|
import { HtmlProps } from "./HtmlProps-9d091769.js";
|
|
20
20
|
import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
|
|
21
21
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
22
|
-
import { LogosProps } from "./LogosProps-
|
|
22
|
+
import { LogosProps } from "./LogosProps-d4677d2c.js";
|
|
23
23
|
import { MosaicProps } from "./MosaicProps-d52c7151.js";
|
|
24
24
|
import { SliderProps } from "./SliderProps-789f8508.js";
|
|
25
25
|
import { StatsProps } from "./StatsProps-bf5ef578.js";
|
|
@@ -19,7 +19,7 @@ import { HeroProps } from "./HeroProps-fec6b267.js";
|
|
|
19
19
|
import { HtmlProps } from "./HtmlProps-9d091769.js";
|
|
20
20
|
import { ImageStoryProps } from "./ImageStoryProps-e853e1e7.js";
|
|
21
21
|
import { ImageTextProps } from "./ImageTextProps-9286cca4.js";
|
|
22
|
-
import { LogosProps } from "./LogosProps-
|
|
22
|
+
import { LogosProps } from "./LogosProps-d4677d2c.js";
|
|
23
23
|
import { MosaicProps } from "./MosaicProps-d52c7151.js";
|
|
24
24
|
import { SliderProps } from "./SliderProps-789f8508.js";
|
|
25
25
|
import { StatsProps } from "./StatsProps-bf5ef578.js";
|
|
@@ -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
|
},
|
|
@@ -2028,8 +2029,7 @@
|
|
|
2028
2029
|
"src"
|
|
2029
2030
|
]
|
|
2030
2031
|
},
|
|
2031
|
-
"minItems": 1
|
|
2032
|
-
"maxItems": 20
|
|
2032
|
+
"minItems": 1
|
|
2033
2033
|
},
|
|
2034
2034
|
"align": {
|
|
2035
2035
|
"type": "string",
|
|
@@ -2986,8 +2986,7 @@
|
|
|
2986
2986
|
"src"
|
|
2987
2987
|
]
|
|
2988
2988
|
},
|
|
2989
|
-
"minItems": 1
|
|
2990
|
-
"maxItems": 20
|
|
2989
|
+
"minItems": 1
|
|
2991
2990
|
},
|
|
2992
2991
|
"align": {
|
|
2993
2992
|
"type": "string",
|
|
@@ -5261,8 +5260,7 @@
|
|
|
5261
5260
|
"src"
|
|
5262
5261
|
]
|
|
5263
5262
|
},
|
|
5264
|
-
"minItems": 1
|
|
5265
|
-
"maxItems": 20
|
|
5263
|
+
"minItems": 1
|
|
5266
5264
|
},
|
|
5267
5265
|
"align": {
|
|
5268
5266
|
"type": "string",
|
|
@@ -6219,8 +6217,7 @@
|
|
|
6219
6217
|
"src"
|
|
6220
6218
|
]
|
|
6221
6219
|
},
|
|
6222
|
-
"minItems": 1
|
|
6223
|
-
"maxItems": 20
|
|
6220
|
+
"minItems": 1
|
|
6224
6221
|
},
|
|
6225
6222
|
"align": {
|
|
6226
6223
|
"type": "string",
|
|
@@ -8887,8 +8884,7 @@
|
|
|
8887
8884
|
"src"
|
|
8888
8885
|
]
|
|
8889
8886
|
},
|
|
8890
|
-
"minItems": 1
|
|
8891
|
-
"maxItems": 20
|
|
8887
|
+
"minItems": 1
|
|
8892
8888
|
},
|
|
8893
8889
|
"align": {
|
|
8894
8890
|
"type": "string",
|
|
@@ -9845,8 +9841,7 @@
|
|
|
9845
9841
|
"src"
|
|
9846
9842
|
]
|
|
9847
9843
|
},
|
|
9848
|
-
"minItems": 1
|
|
9849
|
-
"maxItems": 20
|
|
9844
|
+
"minItems": 1
|
|
9850
9845
|
},
|
|
9851
9846
|
"align": {
|
|
9852
9847
|
"type": "string",
|
|
@@ -12647,8 +12642,7 @@
|
|
|
12647
12642
|
"src"
|
|
12648
12643
|
]
|
|
12649
12644
|
},
|
|
12650
|
-
"minItems": 1
|
|
12651
|
-
"maxItems": 20
|
|
12645
|
+
"minItems": 1
|
|
12652
12646
|
},
|
|
12653
12647
|
"align": {
|
|
12654
12648
|
"type": "string",
|
|
@@ -13605,8 +13599,7 @@
|
|
|
13605
13599
|
"src"
|
|
13606
13600
|
]
|
|
13607
13601
|
},
|
|
13608
|
-
"minItems": 1
|
|
13609
|
-
"maxItems": 20
|
|
13602
|
+
"minItems": 1
|
|
13610
13603
|
},
|
|
13611
13604
|
"align": {
|
|
13612
13605
|
"type": "string",
|
|
@@ -16273,8 +16266,7 @@
|
|
|
16273
16266
|
"src"
|
|
16274
16267
|
]
|
|
16275
16268
|
},
|
|
16276
|
-
"minItems": 1
|
|
16277
|
-
"maxItems": 20
|
|
16269
|
+
"minItems": 1
|
|
16278
16270
|
},
|
|
16279
16271
|
"align": {
|
|
16280
16272
|
"type": "string",
|
|
@@ -17231,8 +17223,7 @@
|
|
|
17231
17223
|
"src"
|
|
17232
17224
|
]
|
|
17233
17225
|
},
|
|
17234
|
-
"minItems": 1
|
|
17235
|
-
"maxItems": 20
|
|
17226
|
+
"minItems": 1
|
|
17236
17227
|
},
|
|
17237
17228
|
"align": {
|
|
17238
17229
|
"type": "string",
|
|
@@ -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
|
},
|
|
@@ -2300,8 +2301,7 @@
|
|
|
2300
2301
|
"src"
|
|
2301
2302
|
]
|
|
2302
2303
|
},
|
|
2303
|
-
"minItems": 1
|
|
2304
|
-
"maxItems": 20
|
|
2304
|
+
"minItems": 1
|
|
2305
2305
|
},
|
|
2306
2306
|
"align": {
|
|
2307
2307
|
"type": "string",
|
|
@@ -3258,8 +3258,7 @@
|
|
|
3258
3258
|
"src"
|
|
3259
3259
|
]
|
|
3260
3260
|
},
|
|
3261
|
-
"minItems": 1
|
|
3262
|
-
"maxItems": 20
|
|
3261
|
+
"minItems": 1
|
|
3263
3262
|
},
|
|
3264
3263
|
"align": {
|
|
3265
3264
|
"type": "string",
|
|
@@ -5533,8 +5532,7 @@
|
|
|
5533
5532
|
"src"
|
|
5534
5533
|
]
|
|
5535
5534
|
},
|
|
5536
|
-
"minItems": 1
|
|
5537
|
-
"maxItems": 20
|
|
5535
|
+
"minItems": 1
|
|
5538
5536
|
},
|
|
5539
5537
|
"align": {
|
|
5540
5538
|
"type": "string",
|
|
@@ -6491,8 +6489,7 @@
|
|
|
6491
6489
|
"src"
|
|
6492
6490
|
]
|
|
6493
6491
|
},
|
|
6494
|
-
"minItems": 1
|
|
6495
|
-
"maxItems": 20
|
|
6492
|
+
"minItems": 1
|
|
6496
6493
|
},
|
|
6497
6494
|
"align": {
|
|
6498
6495
|
"type": "string",
|
|
@@ -9159,8 +9156,7 @@
|
|
|
9159
9156
|
"src"
|
|
9160
9157
|
]
|
|
9161
9158
|
},
|
|
9162
|
-
"minItems": 1
|
|
9163
|
-
"maxItems": 20
|
|
9159
|
+
"minItems": 1
|
|
9164
9160
|
},
|
|
9165
9161
|
"align": {
|
|
9166
9162
|
"type": "string",
|
|
@@ -10117,8 +10113,7 @@
|
|
|
10117
10113
|
"src"
|
|
10118
10114
|
]
|
|
10119
10115
|
},
|
|
10120
|
-
"minItems": 1
|
|
10121
|
-
"maxItems": 20
|
|
10116
|
+
"minItems": 1
|
|
10122
10117
|
},
|
|
10123
10118
|
"align": {
|
|
10124
10119
|
"type": "string",
|
|
@@ -12919,8 +12914,7 @@
|
|
|
12919
12914
|
"src"
|
|
12920
12915
|
]
|
|
12921
12916
|
},
|
|
12922
|
-
"minItems": 1
|
|
12923
|
-
"maxItems": 20
|
|
12917
|
+
"minItems": 1
|
|
12924
12918
|
},
|
|
12925
12919
|
"align": {
|
|
12926
12920
|
"type": "string",
|
|
@@ -13877,8 +13871,7 @@
|
|
|
13877
13871
|
"src"
|
|
13878
13872
|
]
|
|
13879
13873
|
},
|
|
13880
|
-
"minItems": 1
|
|
13881
|
-
"maxItems": 20
|
|
13874
|
+
"minItems": 1
|
|
13882
13875
|
},
|
|
13883
13876
|
"align": {
|
|
13884
13877
|
"type": "string",
|
|
@@ -16545,8 +16538,7 @@
|
|
|
16545
16538
|
"src"
|
|
16546
16539
|
]
|
|
16547
16540
|
},
|
|
16548
|
-
"minItems": 1
|
|
16549
|
-
"maxItems": 20
|
|
16541
|
+
"minItems": 1
|
|
16550
16542
|
},
|
|
16551
16543
|
"align": {
|
|
16552
16544
|
"type": "string",
|
|
@@ -17503,8 +17495,7 @@
|
|
|
17503
17495
|
"src"
|
|
17504
17496
|
]
|
|
17505
17497
|
},
|
|
17506
|
-
"minItems": 1
|
|
17507
|
-
"maxItems": 20
|
|
17498
|
+
"minItems": 1
|
|
17508
17499
|
},
|
|
17509
17500
|
"align": {
|
|
17510
17501
|
"type": "string",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.dsa-button {
|
|
2
|
-
--dsa-button--padding: 0.
|
|
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);
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--c-collapsible-box-summary--color: var(--dsa-faq__summary--color, var(--dsa-topic--color));
|
|
16
16
|
--c-collapsible-box-summary--font-weight: var(--dsa-faq__summary--font-weight), var(--dsa-topic--font-weight);
|
|
17
17
|
--c-collapsible-box-summary--font: var(--dsa-faq__summary--font, var(--dsa-topic--font));
|
|
18
|
-
--c-collapsible-box-icon--color: var(--dsa-
|
|
18
|
+
--c-collapsible-box-icon--color: var(--dsa-faq__icon--color, var(--ks-text-color-primary));
|
|
19
19
|
--c-collapsible-box_header--padding: var(--dsa-faq_header--padding, 1em 0);
|
|
20
20
|
--c-collapsible-box_content--padding: var(--dsa-faq_content--padding, 0em 0em 1em 0em);
|
|
21
21
|
--c-collapsible-box--border-color: var(--dsa-faq--border-color, var(--ks-border-color-accent));
|
|
@@ -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": "
|
|
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": "
|
|
111
|
-
"url": "#"
|
|
112
|
-
"active": true
|
|
110
|
+
"label": "Produkte",
|
|
111
|
+
"url": "#"
|
|
113
112
|
},
|
|
114
113
|
{
|
|
115
|
-
"label": "
|
|
114
|
+
"label": "Schulung",
|
|
116
115
|
"url": "#"
|
|
117
116
|
},
|
|
118
117
|
{
|
|
119
|
-
"label": "
|
|
120
|
-
"url": "#"
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
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": "
|
|
130
|
+
"label": "Service",
|
|
143
131
|
"url": "#"
|
|
144
132
|
},
|
|
145
133
|
{
|
|
146
|
-
"label": "
|
|
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": "
|
|
35
|
+
"default": "Made with love in Cologne | © paxconnect 2025"
|
|
36
36
|
},
|
|
37
37
|
"inverted": {
|
|
38
38
|
"type": "boolean",
|
|
@@ -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-
|
|
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--
|
|
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": "
|
|
124
|
-
"url": "#"
|
|
125
|
-
"active": true
|
|
123
|
+
"label": "Produkte",
|
|
124
|
+
"url": "#"
|
|
126
125
|
},
|
|
127
126
|
{
|
|
128
|
-
"label": "
|
|
127
|
+
"label": "Schulung",
|
|
129
128
|
"url": "#"
|
|
130
129
|
},
|
|
131
130
|
{
|
|
132
|
-
"label": "
|
|
133
|
-
"url": "#"
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
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": "
|
|
143
|
+
"label": "Service",
|
|
156
144
|
"url": "#"
|
|
157
145
|
},
|
|
158
146
|
{
|
|
159
|
-
"label": "
|
|
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:
|
|
13
|
-
--dsa-headline__subheadline--letter-spacing:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { LogosProps } from "../../LogosProps-
|
|
3
|
+
import { LogosProps } from "../../LogosProps-d4677d2c.js";
|
|
4
4
|
declare const LogosContextDefault: import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const LogosContext: import("react").Context<import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
6
|
declare const Logos: import("react").ForwardRefExoticComponent<LogosProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -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-
|
|
12
|
-
--dsa-logos__grid--gap-vertical: var(--ks-spacing-
|
|
13
|
-
--dsa-logos__grid_mobile--cols:
|
|
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;
|