@kickstartds/ds-agency-premium 1.6.41--canary.39.1343.0 → 1.6.42
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/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +1 -1
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-1cfcf6e8.d.ts → SectionProps-7a46a8ad.d.ts} +1 -6
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +0 -9
- package/dist/components/blog-post/blog-post.schema.dereffed.json +0 -9
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/features/features.css +9 -2
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +0 -9
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +14 -32
- package/dist/components/section/index.d.ts +1 -1
- package/dist/components/section/section.schema.dereffed.json +0 -9
- package/dist/components/section/section.schema.json +0 -7
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +2 -2
|
@@ -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-7a46a8ad.js";
|
|
7
7
|
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
8
|
import { CtaProps } from "./CtaProps-93230a76.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-d9decb7c.js";
|
|
8
|
-
import { SectionProps } from "./SectionProps-
|
|
8
|
+
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
9
9
|
import { CtaProps } from "./CtaProps-93230a76.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-
|
|
6
|
+
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
7
7
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
8
8
|
/**
|
|
9
9
|
* Collection of sections (with their contents) to render on the page
|
|
@@ -33,10 +33,6 @@ type Style = "stagelights" | "horizontalGradient" | "verticalGradient" | "accent
|
|
|
33
33
|
* Color of background
|
|
34
34
|
*/
|
|
35
35
|
type Style1 = "default" | "accent" | "bold";
|
|
36
|
-
/**
|
|
37
|
-
* Background image for the whole section
|
|
38
|
-
*/
|
|
39
|
-
type BackgroundImage = string;
|
|
40
36
|
/**
|
|
41
37
|
* Show spotlight behind cursor
|
|
42
38
|
*/
|
|
@@ -120,7 +116,6 @@ interface SectionProps {
|
|
|
120
116
|
width?: Width;
|
|
121
117
|
style?: Style;
|
|
122
118
|
backgroundColor?: Style1;
|
|
123
|
-
backgroundImage?: BackgroundImage;
|
|
124
119
|
spotlight?: Spotlight;
|
|
125
120
|
spaceBefore?: SpaceBefore;
|
|
126
121
|
spaceAfter?: SpaceAfter;
|
|
@@ -145,4 +140,4 @@ interface SectionProps {
|
|
|
145
140
|
components?: Content;
|
|
146
141
|
buttons?: Buttons;
|
|
147
142
|
}
|
|
148
|
-
export { Width, Style, Style1,
|
|
143
|
+
export { Width, Style, Style1, Spotlight, SpaceBefore, SpaceAfter, Inverted, HeaderSpacing, Headline, LargeHeadline, HeadlineWidth, HeadlineTextAlignment, HeadlineAlignment, Subheadline, SwitchHeadlineOrder, ContentWidth, ContentAlignment, Gutter, Mode, TileWidth, Content, Buttons, SectionProps };
|
|
@@ -58,15 +58,6 @@
|
|
|
58
58
|
],
|
|
59
59
|
"default": "default"
|
|
60
60
|
},
|
|
61
|
-
"backgroundImage": {
|
|
62
|
-
"title": "Background image",
|
|
63
|
-
"description": "Background image for the whole section",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"format": "image",
|
|
66
|
-
"examples": [
|
|
67
|
-
"https://picsum.photos/seed/visual/1920/600"
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
61
|
"spotlight": {
|
|
71
62
|
"type": "boolean",
|
|
72
63
|
"title": "Spotlight",
|
|
@@ -334,15 +334,6 @@
|
|
|
334
334
|
],
|
|
335
335
|
"default": "default"
|
|
336
336
|
},
|
|
337
|
-
"backgroundImage": {
|
|
338
|
-
"title": "Background image",
|
|
339
|
-
"description": "Background image for the whole section",
|
|
340
|
-
"type": "string",
|
|
341
|
-
"format": "image",
|
|
342
|
-
"examples": [
|
|
343
|
-
"https://picsum.photos/seed/visual/1920/600"
|
|
344
|
-
]
|
|
345
|
-
},
|
|
346
337
|
"spotlight": {
|
|
347
338
|
"type": "boolean",
|
|
348
339
|
"title": "Spotlight",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogPostProps } from "../../BlogPostProps-
|
|
1
|
+
import { BlogPostProps } from "../../BlogPostProps-d9decb7c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogPost: FC<PropsWithChildren<BlogPostProps>>;
|
|
4
4
|
export type { BlogPostProps };
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
--dsa-feature__icon--color: var(--ks-text-color-primary);
|
|
16
16
|
--dsa-feature_small__icon--size: calc(var(--ks-line-height-interface-m) * var(--ks-font-size-interface-m));
|
|
17
17
|
--dsa-feature_large__icon--size: calc(var(--ks-font-size-copy-m) * 2.5);
|
|
18
|
-
--dsa-feature_small--gap: var(--ks-spacing-
|
|
19
|
-
--dsa-feature_large--gap: var(--ks-spacing-
|
|
18
|
+
--dsa-feature_small--gap: var(--ks-spacing-xs);
|
|
19
|
+
--dsa-feature_large--gap: var(--ks-spacing-s);
|
|
20
20
|
--dsa-feature_small__icon--gap: var(--ks-spacing-xs);
|
|
21
21
|
--dsa-feature_large__icon--gap: var(--ks-spacing-s);
|
|
22
22
|
}
|
|
@@ -90,6 +90,9 @@
|
|
|
90
90
|
display: flex;
|
|
91
91
|
justify-content: center;
|
|
92
92
|
}
|
|
93
|
+
.dsa-features .dsa-feature--centered .dsa-feature__icon {
|
|
94
|
+
align-self: center;
|
|
95
|
+
}
|
|
93
96
|
.dsa-features .dsa-feature__header {
|
|
94
97
|
display: flex;
|
|
95
98
|
align-items: center;
|
|
@@ -110,6 +113,10 @@
|
|
|
110
113
|
color: var(--dsa-feature__icon--color, var(--ks-text-color-primary));
|
|
111
114
|
width: var(--dsa-feature__icon--size);
|
|
112
115
|
height: var(--dsa-feature__icon--size);
|
|
116
|
+
min-width: var(--dsa-feature__icon--size);
|
|
117
|
+
min-height: var(--dsa-feature__icon--size);
|
|
118
|
+
flex-basis: var(--dsa-feature__icon--size);
|
|
119
|
+
align-self: flex-start;
|
|
113
120
|
}
|
|
114
121
|
.dsa-features .dsa-feature__cta {
|
|
115
122
|
margin-top: auto;
|
|
@@ -29,7 +29,7 @@ interface SettingsProps {
|
|
|
29
29
|
seo: SeoProps;
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
|
-
export * from "../../BlogPostProps-
|
|
32
|
+
export * from "../../BlogPostProps-d9decb7c.js";
|
|
33
33
|
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
@@ -58,15 +58,6 @@
|
|
|
58
58
|
],
|
|
59
59
|
"default": "default"
|
|
60
60
|
},
|
|
61
|
-
"backgroundImage": {
|
|
62
|
-
"title": "Background image",
|
|
63
|
-
"description": "Background image for the whole section",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"format": "image",
|
|
66
|
-
"examples": [
|
|
67
|
-
"https://picsum.photos/seed/visual/1920/600"
|
|
68
|
-
]
|
|
69
|
-
},
|
|
70
61
|
"spotlight": {
|
|
71
62
|
"type": "boolean",
|
|
72
63
|
"title": "Spotlight",
|
|
@@ -186,14 +186,13 @@
|
|
|
186
186
|
"id": "pages-archetypes--blog-overview",
|
|
187
187
|
"group": "Pages/Archetypes",
|
|
188
188
|
"name": "BlogOverview",
|
|
189
|
-
"code": "<BlogOverview\n cta={{\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n padding: false,\n src: 'img/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n sub: 'Chat with us about getting your product or platform to market faster',\n text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n textAlign: 'left',\n width: 'wide'\n }}\n latest={{\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n },\n {\n entry: 'Headless Websites'\n },\n {\n entry: 'Training'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article3'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Training'\n }\n ],\n teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n }\n ]}\n listTitle=\"Recent Posts\"\n more={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n }\n ]}\n moreTitle=\"Featured Posts\"\n section={[\n {\n backgroundColor: 'default',\n
|
|
189
|
+
"code": "<BlogOverview\n cta={{\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n padding: false,\n src: 'img/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n sub: 'Chat with us about getting your product or platform to market faster',\n text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n textAlign: 'left',\n width: 'wide'\n }}\n latest={{\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n },\n {\n entry: 'Headless Websites'\n },\n {\n entry: 'Training'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article3'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Training'\n }\n ],\n teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n }\n ]}\n listTitle=\"Recent Posts\"\n more={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n }\n ]}\n moreTitle=\"Featured Posts\"\n section={[\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n }\n ]}\n/>",
|
|
190
190
|
"args": {
|
|
191
191
|
"section": [
|
|
192
192
|
{
|
|
193
193
|
"width": "default",
|
|
194
194
|
"style": "default",
|
|
195
195
|
"backgroundColor": "default",
|
|
196
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
197
196
|
"spotlight": false,
|
|
198
197
|
"spaceBefore": "default",
|
|
199
198
|
"spaceAfter": "default",
|
|
@@ -236,7 +235,6 @@
|
|
|
236
235
|
"width": "default",
|
|
237
236
|
"style": "default",
|
|
238
237
|
"backgroundColor": "default",
|
|
239
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
240
238
|
"spotlight": false,
|
|
241
239
|
"spaceBefore": "default",
|
|
242
240
|
"spaceAfter": "default",
|
|
@@ -279,7 +277,6 @@
|
|
|
279
277
|
"width": "default",
|
|
280
278
|
"style": "default",
|
|
281
279
|
"backgroundColor": "default",
|
|
282
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
283
280
|
"spotlight": false,
|
|
284
281
|
"spaceBefore": "default",
|
|
285
282
|
"spaceAfter": "default",
|
|
@@ -508,7 +505,7 @@
|
|
|
508
505
|
"id": "pages-archetypes--blog-post",
|
|
509
506
|
"group": "Pages/Archetypes",
|
|
510
507
|
"name": "BlogPost",
|
|
511
|
-
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/author-emily.png'\n },\n links: [\n {\n href: 'tel:+4922868896620',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n href: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]\n }}\n contact={{\n copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'vertical',\n fullWidth: false,\n src: 'img/people/contact-john.png'\n },\n links: [\n {\n href: 'mailto:mail@example.com',\n icon: 'xing',\n label: 'john.smith',\n newTab: false\n },\n {\n href: '#',\n icon: 'twitter',\n label: '@john_smith',\n newTab: false\n }\n ],\n subtitle: 'Sales Representative',\n title: 'John Smith'\n }}\n content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n \"\n cta={{\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n target: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n sub: 'Start your journey today.',\n text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n textAlign: 'center'\n }}\n head={{\n alt: 'Image of a business team working',\n date: '12/30/2022',\n headline: 'The Future of AI: A Glimpse into the Unseen',\n image: 'img/close-up-young-business-team-working.png',\n tags: [\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]\n }}\n section={[\n {\n backgroundColor: 'default',\n
|
|
508
|
+
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/author-emily.png'\n },\n links: [\n {\n href: 'tel:+4922868896620',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n href: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]\n }}\n contact={{\n copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'vertical',\n fullWidth: false,\n src: 'img/people/contact-john.png'\n },\n links: [\n {\n href: 'mailto:mail@example.com',\n icon: 'xing',\n label: 'john.smith',\n newTab: false\n },\n {\n href: '#',\n icon: 'twitter',\n label: '@john_smith',\n newTab: false\n }\n ],\n subtitle: 'Sales Representative',\n title: 'John Smith'\n }}\n content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n \"\n cta={{\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n target: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n sub: 'Start your journey today.',\n text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n textAlign: 'center'\n }}\n head={{\n alt: 'Image of a business team working',\n date: '12/30/2022',\n headline: 'The Future of AI: A Glimpse into the Unseen',\n image: 'img/close-up-young-business-team-working.png',\n tags: [\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]\n }}\n section={[\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n }\n ]}\n/>",
|
|
512
509
|
"args": {
|
|
513
510
|
"head": {
|
|
514
511
|
"date": "12/30/2022",
|
|
@@ -571,7 +568,6 @@
|
|
|
571
568
|
"width": "default",
|
|
572
569
|
"style": "default",
|
|
573
570
|
"backgroundColor": "default",
|
|
574
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
575
571
|
"spotlight": false,
|
|
576
572
|
"spaceBefore": "default",
|
|
577
573
|
"spaceAfter": "default",
|
|
@@ -614,7 +610,6 @@
|
|
|
614
610
|
"width": "default",
|
|
615
611
|
"style": "default",
|
|
616
612
|
"backgroundColor": "default",
|
|
617
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
618
613
|
"spotlight": false,
|
|
619
614
|
"spaceBefore": "default",
|
|
620
615
|
"spaceAfter": "default",
|
|
@@ -657,7 +652,6 @@
|
|
|
657
652
|
"width": "default",
|
|
658
653
|
"style": "default",
|
|
659
654
|
"backgroundColor": "default",
|
|
660
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
661
655
|
"spotlight": false,
|
|
662
656
|
"spaceBefore": "default",
|
|
663
657
|
"spaceAfter": "default",
|
|
@@ -2508,12 +2502,11 @@
|
|
|
2508
2502
|
"id": "layout-section--cards",
|
|
2509
2503
|
"group": "Layout/Section",
|
|
2510
2504
|
"name": "Cards",
|
|
2511
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2505
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2512
2506
|
"args": {
|
|
2513
2507
|
"width": "default",
|
|
2514
2508
|
"style": "default",
|
|
2515
2509
|
"backgroundColor": "default",
|
|
2516
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2517
2510
|
"spotlight": false,
|
|
2518
2511
|
"spaceBefore": "default",
|
|
2519
2512
|
"spaceAfter": "default",
|
|
@@ -2540,12 +2533,11 @@
|
|
|
2540
2533
|
"id": "layout-section--slider",
|
|
2541
2534
|
"group": "Layout/Section",
|
|
2542
2535
|
"name": "Slider",
|
|
2543
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2536
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'slider',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n text: 'Section headline',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2544
2537
|
"args": {
|
|
2545
2538
|
"width": "default",
|
|
2546
2539
|
"style": "default",
|
|
2547
2540
|
"backgroundColor": "default",
|
|
2548
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2549
2541
|
"spotlight": false,
|
|
2550
2542
|
"spaceBefore": "default",
|
|
2551
2543
|
"spaceAfter": "default",
|
|
@@ -2571,12 +2563,11 @@
|
|
|
2571
2563
|
"id": "layout-section--inverted",
|
|
2572
2564
|
"group": "Layout/Section",
|
|
2573
2565
|
"name": "Inverted",
|
|
2574
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2566
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n inverted\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2575
2567
|
"args": {
|
|
2576
2568
|
"width": "default",
|
|
2577
2569
|
"style": "default",
|
|
2578
2570
|
"backgroundColor": "default",
|
|
2579
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2580
2571
|
"spotlight": false,
|
|
2581
2572
|
"spaceBefore": "default",
|
|
2582
2573
|
"spaceAfter": "default",
|
|
@@ -2603,12 +2594,11 @@
|
|
|
2603
2594
|
"id": "layout-section--spotlight",
|
|
2604
2595
|
"group": "Layout/Section",
|
|
2605
2596
|
"name": "Spotlight",
|
|
2606
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2597
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n spotlight\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2607
2598
|
"args": {
|
|
2608
2599
|
"width": "default",
|
|
2609
2600
|
"style": "default",
|
|
2610
2601
|
"backgroundColor": "default",
|
|
2611
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2612
2602
|
"spotlight": true,
|
|
2613
2603
|
"spaceBefore": "default",
|
|
2614
2604
|
"spaceAfter": "default",
|
|
@@ -2635,12 +2625,11 @@
|
|
|
2635
2625
|
"id": "layout-section--stagelights",
|
|
2636
2626
|
"group": "Layout/Section",
|
|
2637
2627
|
"name": "Stagelights",
|
|
2638
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2628
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"stagelights\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2639
2629
|
"args": {
|
|
2640
2630
|
"width": "default",
|
|
2641
2631
|
"style": "stagelights",
|
|
2642
2632
|
"backgroundColor": "default",
|
|
2643
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2644
2633
|
"spotlight": false,
|
|
2645
2634
|
"spaceBefore": "default",
|
|
2646
2635
|
"spaceAfter": "default",
|
|
@@ -2668,12 +2657,11 @@
|
|
|
2668
2657
|
"id": "layout-section--accent-background",
|
|
2669
2658
|
"group": "Layout/Section",
|
|
2670
2659
|
"name": "AccentBackground",
|
|
2671
|
-
"code": "<Section\n backgroundColor=\"accent\"\n
|
|
2660
|
+
"code": "<Section\n backgroundColor=\"accent\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2672
2661
|
"args": {
|
|
2673
2662
|
"width": "default",
|
|
2674
2663
|
"style": "default",
|
|
2675
2664
|
"backgroundColor": "accent",
|
|
2676
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2677
2665
|
"spotlight": false,
|
|
2678
2666
|
"spaceBefore": "default",
|
|
2679
2667
|
"spaceAfter": "default",
|
|
@@ -2701,12 +2689,11 @@
|
|
|
2701
2689
|
"id": "layout-section--bold-background",
|
|
2702
2690
|
"group": "Layout/Section",
|
|
2703
2691
|
"name": "BoldBackground",
|
|
2704
|
-
"code": "<Section\n backgroundColor=\"bold\"\n
|
|
2692
|
+
"code": "<Section\n backgroundColor=\"bold\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2705
2693
|
"args": {
|
|
2706
2694
|
"width": "default",
|
|
2707
2695
|
"style": "default",
|
|
2708
2696
|
"backgroundColor": "bold",
|
|
2709
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2710
2697
|
"spotlight": false,
|
|
2711
2698
|
"spaceBefore": "default",
|
|
2712
2699
|
"spaceAfter": "default",
|
|
@@ -2734,12 +2721,11 @@
|
|
|
2734
2721
|
"id": "layout-section--colorful-gradient",
|
|
2735
2722
|
"group": "Layout/Section",
|
|
2736
2723
|
"name": "ColorfulGradient",
|
|
2737
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2724
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"horizontalGradient\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2738
2725
|
"args": {
|
|
2739
2726
|
"width": "default",
|
|
2740
2727
|
"style": "horizontalGradient",
|
|
2741
2728
|
"backgroundColor": "default",
|
|
2742
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2743
2729
|
"spotlight": false,
|
|
2744
2730
|
"spaceBefore": "default",
|
|
2745
2731
|
"spaceAfter": "default",
|
|
@@ -2767,12 +2753,11 @@
|
|
|
2767
2753
|
"id": "layout-section--with-buttons",
|
|
2768
2754
|
"group": "Layout/Section",
|
|
2769
2755
|
"name": "WithButtons",
|
|
2770
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2756
|
+
"code": "<Section\n backgroundColor=\"default\"\n buttons={[\n {\n disabled: false,\n icon: 'arrow-right',\n label: 'All Showcases',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n icon: 'date',\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ]}\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2771
2757
|
"args": {
|
|
2772
2758
|
"width": "default",
|
|
2773
2759
|
"style": "default",
|
|
2774
2760
|
"backgroundColor": "default",
|
|
2775
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2776
2761
|
"spotlight": false,
|
|
2777
2762
|
"spaceBefore": "default",
|
|
2778
2763
|
"spaceAfter": "default",
|
|
@@ -2815,12 +2800,11 @@
|
|
|
2815
2800
|
"id": "layout-section--tile-layout",
|
|
2816
2801
|
"group": "Layout/Section",
|
|
2817
2802
|
"name": "TileLayout",
|
|
2818
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2803
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'tile',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2819
2804
|
"args": {
|
|
2820
2805
|
"width": "max",
|
|
2821
2806
|
"style": "default",
|
|
2822
2807
|
"backgroundColor": "default",
|
|
2823
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2824
2808
|
"spotlight": false,
|
|
2825
2809
|
"spaceBefore": "default",
|
|
2826
2810
|
"spaceAfter": "default",
|
|
@@ -2848,12 +2832,11 @@
|
|
|
2848
2832
|
"id": "layout-section--flex-layout",
|
|
2849
2833
|
"group": "Layout/Section",
|
|
2850
2834
|
"name": "FlexLayout",
|
|
2851
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2835
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"max\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n</Section>",
|
|
2852
2836
|
"args": {
|
|
2853
2837
|
"width": "max",
|
|
2854
2838
|
"style": "default",
|
|
2855
2839
|
"backgroundColor": "default",
|
|
2856
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2857
2840
|
"spotlight": false,
|
|
2858
2841
|
"spaceBefore": "default",
|
|
2859
2842
|
"spaceAfter": "default",
|
|
@@ -2881,12 +2864,11 @@
|
|
|
2881
2864
|
"id": "layout-section--list-layout",
|
|
2882
2865
|
"group": "Layout/Section",
|
|
2883
2866
|
"name": "ListLayout",
|
|
2884
|
-
"code": "<Section\n backgroundColor=\"default\"\n
|
|
2867
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n }}\n headline={{\n align: 'center',\n large: false,\n sub: 'We can create something shining for you too!',\n text: 'Happy Customers Showcases',\n width: 'unset'\n }}\n spaceAfter=\"default\"\n spaceBefore=\"default\"\n style=\"default\"\n width=\"default\"\n>\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Transformation Love Story\"\n image=\"/img/showcases/comp_tfe01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"See how we saved TechFusions a year's worth of development time\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Speed and Scale\"\n image=\"/img/showcases/comp_audio01.jpg\"\n label=\"Freshest Fruit\"\n layout=\"row\"\n target=\"#\"\n text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n />\n <TeaserCard\n button={{\n hidden: true,\n label: 'Go to Page'\n }}\n headline=\"Saving Time and Money\"\n image=\"/img/showcases/comp_eco01.jpg\"\n layout=\"row\"\n target=\"#\"\n text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n />\n</Section>",
|
|
2885
2868
|
"args": {
|
|
2886
2869
|
"width": "default",
|
|
2887
2870
|
"style": "default",
|
|
2888
2871
|
"backgroundColor": "default",
|
|
2889
|
-
"backgroundImage": "https://picsum.photos/seed/visual/1920/600",
|
|
2890
2872
|
"spotlight": false,
|
|
2891
2873
|
"spaceBefore": "default",
|
|
2892
2874
|
"spaceAfter": "default",
|
|
@@ -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-7a46a8ad.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>>;
|
|
@@ -44,15 +44,6 @@
|
|
|
44
44
|
],
|
|
45
45
|
"default": "default"
|
|
46
46
|
},
|
|
47
|
-
"backgroundImage": {
|
|
48
|
-
"title": "Background image",
|
|
49
|
-
"description": "Background image for the whole section",
|
|
50
|
-
"type": "string",
|
|
51
|
-
"format": "image",
|
|
52
|
-
"examples": [
|
|
53
|
-
"https://picsum.photos/seed/visual/1920/600"
|
|
54
|
-
]
|
|
55
|
-
},
|
|
56
47
|
"spotlight": {
|
|
57
48
|
"type": "boolean",
|
|
58
49
|
"title": "Spotlight",
|
|
@@ -34,13 +34,6 @@
|
|
|
34
34
|
"enum": ["default", "accent", "bold"],
|
|
35
35
|
"default": "default"
|
|
36
36
|
},
|
|
37
|
-
"backgroundImage": {
|
|
38
|
-
"title": "Background image",
|
|
39
|
-
"description": "Background image for the whole section",
|
|
40
|
-
"type": "string",
|
|
41
|
-
"format": "image",
|
|
42
|
-
"examples": ["https://picsum.photos/seed/visual/1920/600"]
|
|
43
|
-
},
|
|
44
37
|
"spotlight": {
|
|
45
38
|
"type": "boolean",
|
|
46
39
|
"title": "Spotlight",
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 10 Dec 2024 11:48:49 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 Tue, 10 Dec 2024 11:48:53 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 Tue, 10 Dec 2024 11:48:51 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 Tue, 10 Dec 2024 11:48:55 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kickstartds/ds-agency-premium",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.42",
|
|
4
4
|
"description": "",
|
|
5
5
|
"homepage": "https://github.com/kickstartDS/ds-agency-premium#readme",
|
|
6
6
|
"bugs": {
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"devDependencies": {
|
|
80
80
|
"@auto-it/npm": "^11.0.1",
|
|
81
81
|
"@auto-it/released": "^11.0.1",
|
|
82
|
-
"@kickstartds/base": "^4.
|
|
82
|
+
"@kickstartds/base": "^4.1.0",
|
|
83
83
|
"@kickstartds/blog": "^4.1.0",
|
|
84
84
|
"@kickstartds/content": "^4.0.0",
|
|
85
85
|
"@kickstartds/core": "^4.1.0",
|