@kickstartds/ds-agency-premium 1.6.71--canary.1971.75f826a.0 → 1.6.71--canary.1978.90ca7b3.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/dist/components/blog-overview/blog-overview.schema.dereffed.json +3 -3
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +3 -3
- package/dist/components/hero/hero.schema.dereffed.json +1 -1
- package/dist/components/hero/hero.schema.json +1 -1
- package/dist/components/hero/index.js +2 -2
- package/dist/components/index/index.d.ts +1 -1
- package/dist/components/page/page.schema.dereffed.json +3 -3
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +28 -28
- package/dist/components/section/index.js +1 -1
- package/dist/components/section/section.schema.dereffed.json +3 -3
- package/dist/components/section/section.schema.json +1 -1
- package/dist/components/slider/slider.schema.dereffed.json +1 -1
- package/dist/components/split-even/split-even.schema.dereffed.json +4 -4
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +4 -4
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- /package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-d62a0a9a.d.ts} +0 -0
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"to-bold",
|
|
68
68
|
"to-inverted"
|
|
69
69
|
],
|
|
70
|
-
"default": "
|
|
70
|
+
"default": "none"
|
|
71
71
|
},
|
|
72
72
|
"backgroundImage": {
|
|
73
73
|
"title": "Background image",
|
|
@@ -884,7 +884,7 @@
|
|
|
884
884
|
"bottom"
|
|
885
885
|
],
|
|
886
886
|
"type": "string",
|
|
887
|
-
"default": "
|
|
887
|
+
"default": "left"
|
|
888
888
|
}
|
|
889
889
|
},
|
|
890
890
|
"additionalProperties": false
|
|
@@ -2073,7 +2073,7 @@
|
|
|
2073
2073
|
"bottom"
|
|
2074
2074
|
],
|
|
2075
2075
|
"type": "string",
|
|
2076
|
-
"default": "
|
|
2076
|
+
"default": "left"
|
|
2077
2077
|
}
|
|
2078
2078
|
},
|
|
2079
2079
|
"additionalProperties": false
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogOverviewProps } from "../../BlogOverviewProps-
|
|
1
|
+
import { BlogOverviewProps } from "../../BlogOverviewProps-d62a0a9a.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
|
|
4
4
|
export type { BlogOverviewProps };
|
|
@@ -339,7 +339,7 @@
|
|
|
339
339
|
"to-bold",
|
|
340
340
|
"to-inverted"
|
|
341
341
|
],
|
|
342
|
-
"default": "
|
|
342
|
+
"default": "none"
|
|
343
343
|
},
|
|
344
344
|
"backgroundImage": {
|
|
345
345
|
"title": "Background image",
|
|
@@ -1156,7 +1156,7 @@
|
|
|
1156
1156
|
"bottom"
|
|
1157
1157
|
],
|
|
1158
1158
|
"type": "string",
|
|
1159
|
-
"default": "
|
|
1159
|
+
"default": "left"
|
|
1160
1160
|
}
|
|
1161
1161
|
},
|
|
1162
1162
|
"additionalProperties": false
|
|
@@ -2345,7 +2345,7 @@
|
|
|
2345
2345
|
"bottom"
|
|
2346
2346
|
],
|
|
2347
2347
|
"type": "string",
|
|
2348
|
-
"default": "
|
|
2348
|
+
"default": "left"
|
|
2349
2349
|
}
|
|
2350
2350
|
},
|
|
2351
2351
|
"additionalProperties": false
|
|
@@ -21,7 +21,7 @@ const defaults = {
|
|
|
21
21
|
"image": {
|
|
22
22
|
"indent": "none"
|
|
23
23
|
},
|
|
24
|
-
"textPosition": "
|
|
24
|
+
"textPosition": "left"
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightText, textPosition = "center", colorNeutral, image, overlay, textbox, invertText = false, className, buttons = [], skipButton = false, ...rest }, ref) => {
|
|
@@ -37,7 +37,7 @@ const HeroContextDefault = forwardRef(({ headline, sub, height, text, highlightT
|
|
|
37
37
|
: textbox === true
|
|
38
38
|
? "solid"
|
|
39
39
|
: "transparent",
|
|
40
|
-
enabled: true,
|
|
40
|
+
enabled: headline ? true : false,
|
|
41
41
|
vertical: textPosition === "below" ||
|
|
42
42
|
textPosition === "offset" ||
|
|
43
43
|
textPosition === "corner" ||
|
|
@@ -30,7 +30,7 @@ interface SettingsProps {
|
|
|
30
30
|
iconSprite?: IconSprite;
|
|
31
31
|
}
|
|
32
32
|
export * from "../../BlogPostProps-c760fd2a.js";
|
|
33
|
-
export * from "../../BlogOverviewProps-
|
|
33
|
+
export * from "../../BlogOverviewProps-d62a0a9a.js";
|
|
34
34
|
export * from "../../PageProps-aa29c554.js";
|
|
35
35
|
export { IconSprite, SettingsProps };
|
|
36
36
|
export * from "../../EventDetailProps-42a7eebe.js";
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"to-bold",
|
|
68
68
|
"to-inverted"
|
|
69
69
|
],
|
|
70
|
-
"default": "
|
|
70
|
+
"default": "none"
|
|
71
71
|
},
|
|
72
72
|
"backgroundImage": {
|
|
73
73
|
"title": "Background image",
|
|
@@ -884,7 +884,7 @@
|
|
|
884
884
|
"bottom"
|
|
885
885
|
],
|
|
886
886
|
"type": "string",
|
|
887
|
-
"default": "
|
|
887
|
+
"default": "left"
|
|
888
888
|
}
|
|
889
889
|
},
|
|
890
890
|
"additionalProperties": false
|
|
@@ -2073,7 +2073,7 @@
|
|
|
2073
2073
|
"bottom"
|
|
2074
2074
|
],
|
|
2075
2075
|
"type": "string",
|
|
2076
|
-
"default": "
|
|
2076
|
+
"default": "left"
|
|
2077
2077
|
}
|
|
2078
2078
|
},
|
|
2079
2079
|
"additionalProperties": false
|
|
@@ -355,14 +355,14 @@
|
|
|
355
355
|
"id": "page-archetypes-blog-overview--blog-overview",
|
|
356
356
|
"group": "Page Archetypes/Blog Overview",
|
|
357
357
|
"name": "BlogOverview",
|
|
358
|
-
"code": "<BlogOverview\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n url: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n align: 'center',\n padding: false,\n src: 'img/people/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n padding: false,\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: 'default',\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 transition: '
|
|
358
|
+
"code": "<BlogOverview\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n url: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n align: 'center',\n padding: false,\n src: 'img/people/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n padding: false,\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: 'default',\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 transition: 'none',\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: 'default',\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 transition: 'none',\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: 'default',\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 transition: 'none',\n width: 'default'\n }\n ]}\n/>",
|
|
359
359
|
"args": {
|
|
360
360
|
"section": [
|
|
361
361
|
{
|
|
362
362
|
"width": "default",
|
|
363
363
|
"style": "default",
|
|
364
364
|
"backgroundColor": "default",
|
|
365
|
-
"transition": "
|
|
365
|
+
"transition": "none",
|
|
366
366
|
"spotlight": false,
|
|
367
367
|
"spaceBefore": "default",
|
|
368
368
|
"spaceAfter": "default",
|
|
@@ -405,7 +405,7 @@
|
|
|
405
405
|
"width": "default",
|
|
406
406
|
"style": "default",
|
|
407
407
|
"backgroundColor": "default",
|
|
408
|
-
"transition": "
|
|
408
|
+
"transition": "none",
|
|
409
409
|
"spotlight": false,
|
|
410
410
|
"spaceBefore": "default",
|
|
411
411
|
"spaceAfter": "default",
|
|
@@ -448,7 +448,7 @@
|
|
|
448
448
|
"width": "default",
|
|
449
449
|
"style": "default",
|
|
450
450
|
"backgroundColor": "default",
|
|
451
|
-
"transition": "
|
|
451
|
+
"transition": "none",
|
|
452
452
|
"spotlight": false,
|
|
453
453
|
"spaceBefore": "default",
|
|
454
454
|
"spaceAfter": "default",
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
"id": "page-archetypes-blog-post--blog-post",
|
|
681
681
|
"group": "Page Archetypes/Blog Post",
|
|
682
682
|
"name": "BlogPost",
|
|
683
|
-
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Doe',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/contact-isabella.png'\n },\n links: [\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false,\n url: 'tel:+4922868896620'\n },\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false,\n url: 'mailto:mail@example.com'\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n icon: 'twitter',\n title: 'Share on Twitter',\n url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n },\n {\n icon: 'linkedin',\n title: 'Share on LinkedIn',\n url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\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 icon: 'xing',\n label: 'john.smith',\n newTab: false,\n url: 'mailto:mail@example.com'\n },\n {\n icon: 'twitter',\n label: '@john_smith',\n newTab: false,\n url: '#'\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 align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n url: '#'\n }\n ],\n colorNeutral: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n align: 'center',\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n padding: false,\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: 'default',\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 transition: '
|
|
683
|
+
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Doe',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/contact-isabella.png'\n },\n links: [\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false,\n url: 'tel:+4922868896620'\n },\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false,\n url: 'mailto:mail@example.com'\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n icon: 'twitter',\n title: 'Share on Twitter',\n url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n },\n {\n icon: 'linkedin',\n title: 'Share on LinkedIn',\n url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\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 icon: 'xing',\n label: 'john.smith',\n newTab: false,\n url: 'mailto:mail@example.com'\n },\n {\n icon: 'twitter',\n label: '@john_smith',\n newTab: false,\n url: '#'\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 align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n url: '#'\n }\n ],\n colorNeutral: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n align: 'center',\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n padding: false,\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: 'default',\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 transition: 'none',\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: 'default',\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 transition: 'none',\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: 'default',\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 transition: 'none',\n width: 'default'\n }\n ]}\n/>",
|
|
684
684
|
"args": {
|
|
685
685
|
"head": {
|
|
686
686
|
"date": "12/30/2022",
|
|
@@ -745,7 +745,7 @@
|
|
|
745
745
|
"width": "default",
|
|
746
746
|
"style": "default",
|
|
747
747
|
"backgroundColor": "default",
|
|
748
|
-
"transition": "
|
|
748
|
+
"transition": "none",
|
|
749
749
|
"spotlight": false,
|
|
750
750
|
"spaceBefore": "default",
|
|
751
751
|
"spaceAfter": "default",
|
|
@@ -788,7 +788,7 @@
|
|
|
788
788
|
"width": "default",
|
|
789
789
|
"style": "default",
|
|
790
790
|
"backgroundColor": "default",
|
|
791
|
-
"transition": "
|
|
791
|
+
"transition": "none",
|
|
792
792
|
"spotlight": false,
|
|
793
793
|
"spaceBefore": "default",
|
|
794
794
|
"spaceAfter": "default",
|
|
@@ -831,7 +831,7 @@
|
|
|
831
831
|
"width": "default",
|
|
832
832
|
"style": "default",
|
|
833
833
|
"backgroundColor": "default",
|
|
834
|
-
"transition": "
|
|
834
|
+
"transition": "none",
|
|
835
835
|
"spotlight": false,
|
|
836
836
|
"spaceBefore": "default",
|
|
837
837
|
"spaceAfter": "default",
|
|
@@ -3753,12 +3753,12 @@
|
|
|
3753
3753
|
"id": "layout-section--dynamic-layout",
|
|
3754
3754
|
"group": "Layout/Section",
|
|
3755
3755
|
"name": "DynamicLayout",
|
|
3756
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'flex',\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 transition=\"
|
|
3756
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'flex',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\n />\n</Section>",
|
|
3757
3757
|
"args": {
|
|
3758
3758
|
"width": "default",
|
|
3759
3759
|
"style": "default",
|
|
3760
3760
|
"backgroundColor": "default",
|
|
3761
|
-
"transition": "
|
|
3761
|
+
"transition": "none",
|
|
3762
3762
|
"spotlight": false,
|
|
3763
3763
|
"spaceBefore": "default",
|
|
3764
3764
|
"spaceAfter": "default",
|
|
@@ -3786,12 +3786,12 @@
|
|
|
3786
3786
|
"id": "layout-section--tile-layout",
|
|
3787
3787
|
"group": "Layout/Section",
|
|
3788
3788
|
"name": "TileLayout",
|
|
3789
|
-
"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 transition=\"
|
|
3789
|
+
"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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\n />\n</Section>",
|
|
3790
3790
|
"args": {
|
|
3791
3791
|
"width": "default",
|
|
3792
3792
|
"style": "default",
|
|
3793
3793
|
"backgroundColor": "default",
|
|
3794
|
-
"transition": "
|
|
3794
|
+
"transition": "none",
|
|
3795
3795
|
"spotlight": false,
|
|
3796
3796
|
"spaceBefore": "default",
|
|
3797
3797
|
"spaceAfter": "default",
|
|
@@ -3819,12 +3819,12 @@
|
|
|
3819
3819
|
"id": "layout-section--list-layout",
|
|
3820
3820
|
"group": "Layout/Section",
|
|
3821
3821
|
"name": "ListLayout",
|
|
3822
|
-
"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 transition=\"
|
|
3822
|
+
"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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3823
3823
|
"args": {
|
|
3824
3824
|
"width": "default",
|
|
3825
3825
|
"style": "default",
|
|
3826
3826
|
"backgroundColor": "default",
|
|
3827
|
-
"transition": "
|
|
3827
|
+
"transition": "none",
|
|
3828
3828
|
"spotlight": false,
|
|
3829
3829
|
"spaceBefore": "default",
|
|
3830
3830
|
"spaceAfter": "default",
|
|
@@ -3852,12 +3852,12 @@
|
|
|
3852
3852
|
"id": "layout-section--slider",
|
|
3853
3853
|
"group": "Layout/Section",
|
|
3854
3854
|
"name": "Slider",
|
|
3855
|
-
"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 transition=\"
|
|
3855
|
+
"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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3856
3856
|
"args": {
|
|
3857
3857
|
"width": "default",
|
|
3858
3858
|
"style": "default",
|
|
3859
3859
|
"backgroundColor": "default",
|
|
3860
|
-
"transition": "
|
|
3860
|
+
"transition": "none",
|
|
3861
3861
|
"spotlight": false,
|
|
3862
3862
|
"spaceBefore": "default",
|
|
3863
3863
|
"spaceAfter": "default",
|
|
@@ -3883,12 +3883,12 @@
|
|
|
3883
3883
|
"id": "layout-section--inverted",
|
|
3884
3884
|
"group": "Layout/Section",
|
|
3885
3885
|
"name": "Inverted",
|
|
3886
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"
|
|
3886
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3887
3887
|
"args": {
|
|
3888
3888
|
"width": "default",
|
|
3889
3889
|
"style": "default",
|
|
3890
3890
|
"backgroundColor": "default",
|
|
3891
|
-
"transition": "
|
|
3891
|
+
"transition": "none",
|
|
3892
3892
|
"spotlight": false,
|
|
3893
3893
|
"spaceBefore": "default",
|
|
3894
3894
|
"spaceAfter": "default",
|
|
@@ -3915,12 +3915,12 @@
|
|
|
3915
3915
|
"id": "layout-section--accent-background",
|
|
3916
3916
|
"group": "Layout/Section",
|
|
3917
3917
|
"name": "AccentBackground",
|
|
3918
|
-
"code": "<Section\n backgroundColor=\"accent\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"
|
|
3918
|
+
"code": "<Section\n backgroundColor=\"accent\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3919
3919
|
"args": {
|
|
3920
3920
|
"width": "default",
|
|
3921
3921
|
"style": "default",
|
|
3922
3922
|
"backgroundColor": "accent",
|
|
3923
|
-
"transition": "
|
|
3923
|
+
"transition": "none",
|
|
3924
3924
|
"spotlight": false,
|
|
3925
3925
|
"spaceBefore": "default",
|
|
3926
3926
|
"spaceAfter": "default",
|
|
@@ -3948,12 +3948,12 @@
|
|
|
3948
3948
|
"id": "layout-section--bold-background",
|
|
3949
3949
|
"group": "Layout/Section",
|
|
3950
3950
|
"name": "BoldBackground",
|
|
3951
|
-
"code": "<Section\n backgroundColor=\"bold\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"
|
|
3951
|
+
"code": "<Section\n backgroundColor=\"bold\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3952
3952
|
"args": {
|
|
3953
3953
|
"width": "default",
|
|
3954
3954
|
"style": "default",
|
|
3955
3955
|
"backgroundColor": "bold",
|
|
3956
|
-
"transition": "
|
|
3956
|
+
"transition": "none",
|
|
3957
3957
|
"spotlight": false,
|
|
3958
3958
|
"spaceBefore": "default",
|
|
3959
3959
|
"spaceAfter": "default",
|
|
@@ -3981,12 +3981,12 @@
|
|
|
3981
3981
|
"id": "layout-section--framed",
|
|
3982
3982
|
"group": "Layout/Section",
|
|
3983
3983
|
"name": "Framed",
|
|
3984
|
-
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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=\"framed\"\n transition=\"
|
|
3984
|
+
"code": "<Section\n backgroundColor=\"default\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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=\"framed\"\n transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
3985
3985
|
"args": {
|
|
3986
3986
|
"width": "default",
|
|
3987
3987
|
"style": "framed",
|
|
3988
3988
|
"backgroundColor": "default",
|
|
3989
|
-
"transition": "
|
|
3989
|
+
"transition": "none",
|
|
3990
3990
|
"spotlight": false,
|
|
3991
3991
|
"spaceBefore": "default",
|
|
3992
3992
|
"spaceAfter": "default",
|
|
@@ -4014,12 +4014,12 @@
|
|
|
4014
4014
|
"id": "layout-section--background-image",
|
|
4015
4015
|
"group": "Layout/Section",
|
|
4016
4016
|
"name": "BackgroundImage",
|
|
4017
|
-
"code": "<Section\n backgroundColor=\"default\"\n backgroundImage=\"/img/bg_dot-carpet-blue.svg\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"
|
|
4017
|
+
"code": "<Section\n backgroundColor=\"default\"\n backgroundImage=\"/img/bg_dot-carpet-blue.svg\"\n content={{\n align: 'center',\n gutter: 'default',\n mode: 'default',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
4018
4018
|
"args": {
|
|
4019
4019
|
"width": "default",
|
|
4020
4020
|
"style": "default",
|
|
4021
4021
|
"backgroundColor": "default",
|
|
4022
|
-
"transition": "
|
|
4022
|
+
"transition": "none",
|
|
4023
4023
|
"spotlight": false,
|
|
4024
4024
|
"spaceBefore": "default",
|
|
4025
4025
|
"spaceAfter": "default",
|
|
@@ -4047,12 +4047,12 @@
|
|
|
4047
4047
|
"id": "layout-section--with-buttons",
|
|
4048
4048
|
"group": "Layout/Section",
|
|
4049
4049
|
"name": "WithButtons",
|
|
4050
|
-
"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: 'default',\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 transition=\"
|
|
4050
|
+
"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: 'default',\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 transition=\"none\"\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 text=\"See how we saved TechFusions a year's worth of development time\"\n url=\"#\"\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 text=\"Thanks to rapid landing page creation for LaunchPad Audio Innovations\"\n url=\"#\"\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 text=\"Navigating the Headless Frontier for EcoTech's 'Brand Consistency\"\n url=\"#\"\n />\n</Section>",
|
|
4051
4051
|
"args": {
|
|
4052
4052
|
"width": "default",
|
|
4053
4053
|
"style": "default",
|
|
4054
4054
|
"backgroundColor": "default",
|
|
4055
|
-
"transition": "
|
|
4055
|
+
"transition": "none",
|
|
4056
4056
|
"spotlight": false,
|
|
4057
4057
|
"spaceBefore": "default",
|
|
4058
4058
|
"spaceAfter": "default",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
"to-bold",
|
|
54
54
|
"to-inverted"
|
|
55
55
|
],
|
|
56
|
-
"default": "
|
|
56
|
+
"default": "none"
|
|
57
57
|
},
|
|
58
58
|
"backgroundImage": {
|
|
59
59
|
"title": "Background image",
|
|
@@ -870,7 +870,7 @@
|
|
|
870
870
|
"bottom"
|
|
871
871
|
],
|
|
872
872
|
"type": "string",
|
|
873
|
-
"default": "
|
|
873
|
+
"default": "left"
|
|
874
874
|
}
|
|
875
875
|
},
|
|
876
876
|
"additionalProperties": false
|
|
@@ -2059,7 +2059,7 @@
|
|
|
2059
2059
|
"bottom"
|
|
2060
2060
|
],
|
|
2061
2061
|
"type": "string",
|
|
2062
|
-
"default": "
|
|
2062
|
+
"default": "left"
|
|
2063
2063
|
}
|
|
2064
2064
|
},
|
|
2065
2065
|
"additionalProperties": false
|
|
@@ -708,7 +708,7 @@
|
|
|
708
708
|
"bottom"
|
|
709
709
|
],
|
|
710
710
|
"type": "string",
|
|
711
|
-
"default": "
|
|
711
|
+
"default": "left"
|
|
712
712
|
}
|
|
713
713
|
},
|
|
714
714
|
"additionalProperties": false
|
|
@@ -1897,7 +1897,7 @@
|
|
|
1897
1897
|
"bottom"
|
|
1898
1898
|
],
|
|
1899
1899
|
"type": "string",
|
|
1900
|
-
"default": "
|
|
1900
|
+
"default": "left"
|
|
1901
1901
|
}
|
|
1902
1902
|
},
|
|
1903
1903
|
"additionalProperties": false
|
|
@@ -3532,7 +3532,7 @@
|
|
|
3532
3532
|
"bottom"
|
|
3533
3533
|
],
|
|
3534
3534
|
"type": "string",
|
|
3535
|
-
"default": "
|
|
3535
|
+
"default": "left"
|
|
3536
3536
|
}
|
|
3537
3537
|
},
|
|
3538
3538
|
"additionalProperties": false
|
|
@@ -4721,7 +4721,7 @@
|
|
|
4721
4721
|
"bottom"
|
|
4722
4722
|
],
|
|
4723
4723
|
"type": "string",
|
|
4724
|
-
"default": "
|
|
4724
|
+
"default": "left"
|
|
4725
4725
|
}
|
|
4726
4726
|
},
|
|
4727
4727
|
"additionalProperties": false
|
|
@@ -768,7 +768,7 @@
|
|
|
768
768
|
"bottom"
|
|
769
769
|
],
|
|
770
770
|
"type": "string",
|
|
771
|
-
"default": "
|
|
771
|
+
"default": "left"
|
|
772
772
|
}
|
|
773
773
|
},
|
|
774
774
|
"additionalProperties": false
|
|
@@ -1957,7 +1957,7 @@
|
|
|
1957
1957
|
"bottom"
|
|
1958
1958
|
],
|
|
1959
1959
|
"type": "string",
|
|
1960
|
-
"default": "
|
|
1960
|
+
"default": "left"
|
|
1961
1961
|
}
|
|
1962
1962
|
},
|
|
1963
1963
|
"additionalProperties": false
|
|
@@ -3592,7 +3592,7 @@
|
|
|
3592
3592
|
"bottom"
|
|
3593
3593
|
],
|
|
3594
3594
|
"type": "string",
|
|
3595
|
-
"default": "
|
|
3595
|
+
"default": "left"
|
|
3596
3596
|
}
|
|
3597
3597
|
},
|
|
3598
3598
|
"additionalProperties": false
|
|
@@ -4781,7 +4781,7 @@
|
|
|
4781
4781
|
"bottom"
|
|
4782
4782
|
],
|
|
4783
4783
|
"type": "string",
|
|
4784
|
-
"default": "
|
|
4784
|
+
"default": "left"
|
|
4785
4785
|
}
|
|
4786
4786
|
},
|
|
4787
4787
|
"additionalProperties": false
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Fri, 01 Aug 2025 06:
|
|
3
|
+
* Generated on Fri, 01 Aug 2025 06:35:53 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 Fri, 01 Aug 2025 06:
|
|
2730
|
+
* Generated on Fri, 01 Aug 2025 06:35:57 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 Fri, 01 Aug 2025 06:
|
|
5461
|
+
* Generated on Fri, 01 Aug 2025 06:35:55 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 Fri, 01 Aug 2025 06:
|
|
8462
|
+
* Generated on Fri, 01 Aug 2025 06:36:00 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
|
File without changes
|