@kickstartds/ds-agency-premium 1.6.20 → 1.6.22
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/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
- package/dist/BlogTeaserProps-f5855e93.d.ts +11 -1
- package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
- package/dist/components/blog-head/blog-head.schema.json +6 -0
- package/dist/components/blog-head/index.d.ts +1 -1
- package/dist/components/blog-head/index.js +2 -2
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +51 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +8 -0
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +17 -0
- package/dist/components/blog-teaser/blog-teaser.schema.json +13 -0
- package/dist/components/blog-teaser/index.d.ts +3 -3
- package/dist/components/blog-teaser/index.js +3 -3
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +21 -5
- 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
|
@@ -20,6 +20,10 @@ type Headline = string;
|
|
|
20
20
|
* The source of the cover image for the blog post
|
|
21
21
|
*/
|
|
22
22
|
type CoverImage = string;
|
|
23
|
+
/**
|
|
24
|
+
* The alt text for the cover image
|
|
25
|
+
*/
|
|
26
|
+
type AltText = string;
|
|
23
27
|
/**
|
|
24
28
|
* Intro portion of a singular blog entry
|
|
25
29
|
*/
|
|
@@ -28,5 +32,6 @@ interface BlogHeadProps {
|
|
|
28
32
|
tags?: Tags;
|
|
29
33
|
headline: Headline;
|
|
30
34
|
image?: CoverImage;
|
|
35
|
+
alt?: AltText;
|
|
31
36
|
}
|
|
32
|
-
export { PublishedDate, Tags, Headline, CoverImage, BlogHeadProps };
|
|
37
|
+
export { PublishedDate, Tags, Headline, CoverImage, AltText, BlogHeadProps };
|
|
@@ -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 { BlogHeadProps } from "./BlogHeadProps-
|
|
6
|
+
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
|
|
8
8
|
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
9
9
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
@@ -24,10 +24,18 @@ type TeaserText = string;
|
|
|
24
24
|
* The preview image for the blog post
|
|
25
25
|
*/
|
|
26
26
|
type Image = string;
|
|
27
|
+
/**
|
|
28
|
+
* The alt text for the preview image
|
|
29
|
+
*/
|
|
30
|
+
type Alt = string;
|
|
27
31
|
/**
|
|
28
32
|
* The blog entry URL to link
|
|
29
33
|
*/
|
|
30
34
|
type URL = string;
|
|
35
|
+
/**
|
|
36
|
+
* The text for the link
|
|
37
|
+
*/
|
|
38
|
+
type Text = string;
|
|
31
39
|
/**
|
|
32
40
|
* Time to read for the blog post
|
|
33
41
|
*/
|
|
@@ -53,6 +61,7 @@ interface BlogTeaserProps {
|
|
|
53
61
|
headline: Headline;
|
|
54
62
|
teaserText: TeaserText;
|
|
55
63
|
image?: Image;
|
|
64
|
+
alt?: Alt;
|
|
56
65
|
link?: Link;
|
|
57
66
|
readingTime?: ReadingTime;
|
|
58
67
|
author?: Author;
|
|
@@ -63,6 +72,7 @@ interface BlogTeaserProps {
|
|
|
63
72
|
*/
|
|
64
73
|
interface Link {
|
|
65
74
|
url: URL;
|
|
75
|
+
text?: Text;
|
|
66
76
|
}
|
|
67
77
|
/**
|
|
68
78
|
* The author of the blog post
|
|
@@ -72,4 +82,4 @@ interface Author {
|
|
|
72
82
|
title?: Title;
|
|
73
83
|
image?: Image1;
|
|
74
84
|
}
|
|
75
|
-
export { Date, Tags, Headline, TeaserText, Image, URL, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
|
|
85
|
+
export { Date, Tags, Headline, TeaserText, Image, Alt, URL, Text, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
|
|
@@ -58,6 +58,14 @@
|
|
|
58
58
|
"img/close-up-young-business-team-working.png"
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
|
+
"alt": {
|
|
62
|
+
"title": "Alt Text",
|
|
63
|
+
"description": "The alt text for the cover image",
|
|
64
|
+
"type": "string",
|
|
65
|
+
"examples": [
|
|
66
|
+
"Image of a business team working"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
61
69
|
"type": {
|
|
62
70
|
"const": "blog-head"
|
|
63
71
|
}
|
|
@@ -33,6 +33,12 @@
|
|
|
33
33
|
"type": "string",
|
|
34
34
|
"format": "image",
|
|
35
35
|
"examples": ["img/close-up-young-business-team-working.png"]
|
|
36
|
+
},
|
|
37
|
+
"alt": {
|
|
38
|
+
"title": "Alt Text",
|
|
39
|
+
"description": "The alt text for the cover image",
|
|
40
|
+
"type": "string",
|
|
41
|
+
"examples": ["Image of a business team working"]
|
|
36
42
|
}
|
|
37
43
|
},
|
|
38
44
|
"additionalProperties": false,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BlogHeadProps } from "../../BlogHeadProps-
|
|
2
|
+
import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.js";
|
|
3
3
|
declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
4
|
declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
5
5
|
declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { PostHead } from '@kickstartds/blog/lib/post-head';
|
|
5
5
|
|
|
6
|
-
const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, ...rest }, ref) => {
|
|
7
|
-
return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: headline }, categories: tags.map((tag) => {
|
|
6
|
+
const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
|
|
7
|
+
return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
|
|
8
8
|
return { label: tag.entry };
|
|
9
9
|
}), ref: ref }));
|
|
10
10
|
});
|
|
@@ -3201,6 +3201,14 @@
|
|
|
3201
3201
|
"img/close-up-young-business-team-working.png"
|
|
3202
3202
|
]
|
|
3203
3203
|
},
|
|
3204
|
+
"alt": {
|
|
3205
|
+
"title": "Alt",
|
|
3206
|
+
"description": "The alt text for the preview image",
|
|
3207
|
+
"type": "string",
|
|
3208
|
+
"examples": [
|
|
3209
|
+
"Image of a business team working"
|
|
3210
|
+
]
|
|
3211
|
+
},
|
|
3204
3212
|
"link": {
|
|
3205
3213
|
"type": "object",
|
|
3206
3214
|
"title": "Link",
|
|
@@ -3214,6 +3222,15 @@
|
|
|
3214
3222
|
"examples": [
|
|
3215
3223
|
"https://example.com"
|
|
3216
3224
|
]
|
|
3225
|
+
},
|
|
3226
|
+
"text": {
|
|
3227
|
+
"title": "Text",
|
|
3228
|
+
"description": "The text for the link",
|
|
3229
|
+
"type": "string",
|
|
3230
|
+
"default": "Read article",
|
|
3231
|
+
"examples": [
|
|
3232
|
+
"Read article"
|
|
3233
|
+
]
|
|
3217
3234
|
}
|
|
3218
3235
|
},
|
|
3219
3236
|
"additionalProperties": false,
|
|
@@ -3357,6 +3374,14 @@
|
|
|
3357
3374
|
"img/close-up-young-business-team-working.png"
|
|
3358
3375
|
]
|
|
3359
3376
|
},
|
|
3377
|
+
"alt": {
|
|
3378
|
+
"title": "Alt",
|
|
3379
|
+
"description": "The alt text for the preview image",
|
|
3380
|
+
"type": "string",
|
|
3381
|
+
"examples": [
|
|
3382
|
+
"Image of a business team working"
|
|
3383
|
+
]
|
|
3384
|
+
},
|
|
3360
3385
|
"link": {
|
|
3361
3386
|
"type": "object",
|
|
3362
3387
|
"title": "Link",
|
|
@@ -3370,6 +3395,15 @@
|
|
|
3370
3395
|
"examples": [
|
|
3371
3396
|
"https://example.com"
|
|
3372
3397
|
]
|
|
3398
|
+
},
|
|
3399
|
+
"text": {
|
|
3400
|
+
"title": "Text",
|
|
3401
|
+
"description": "The text for the link",
|
|
3402
|
+
"type": "string",
|
|
3403
|
+
"default": "Read article",
|
|
3404
|
+
"examples": [
|
|
3405
|
+
"Read article"
|
|
3406
|
+
]
|
|
3373
3407
|
}
|
|
3374
3408
|
},
|
|
3375
3409
|
"additionalProperties": false,
|
|
@@ -3514,6 +3548,14 @@
|
|
|
3514
3548
|
"img/close-up-young-business-team-working.png"
|
|
3515
3549
|
]
|
|
3516
3550
|
},
|
|
3551
|
+
"alt": {
|
|
3552
|
+
"title": "Alt",
|
|
3553
|
+
"description": "The alt text for the preview image",
|
|
3554
|
+
"type": "string",
|
|
3555
|
+
"examples": [
|
|
3556
|
+
"Image of a business team working"
|
|
3557
|
+
]
|
|
3558
|
+
},
|
|
3517
3559
|
"link": {
|
|
3518
3560
|
"type": "object",
|
|
3519
3561
|
"title": "Link",
|
|
@@ -3527,6 +3569,15 @@
|
|
|
3527
3569
|
"examples": [
|
|
3528
3570
|
"https://example.com"
|
|
3529
3571
|
]
|
|
3572
|
+
},
|
|
3573
|
+
"text": {
|
|
3574
|
+
"title": "Text",
|
|
3575
|
+
"description": "The text for the link",
|
|
3576
|
+
"type": "string",
|
|
3577
|
+
"default": "Read article",
|
|
3578
|
+
"examples": [
|
|
3579
|
+
"Read article"
|
|
3580
|
+
]
|
|
3530
3581
|
}
|
|
3531
3582
|
},
|
|
3532
3583
|
"additionalProperties": false,
|
|
@@ -69,6 +69,14 @@
|
|
|
69
69
|
"img/close-up-young-business-team-working.png"
|
|
70
70
|
]
|
|
71
71
|
},
|
|
72
|
+
"alt": {
|
|
73
|
+
"title": "Alt Text",
|
|
74
|
+
"description": "The alt text for the cover image",
|
|
75
|
+
"type": "string",
|
|
76
|
+
"examples": [
|
|
77
|
+
"Image of a business team working"
|
|
78
|
+
]
|
|
79
|
+
},
|
|
72
80
|
"type": {
|
|
73
81
|
"const": "blog-head"
|
|
74
82
|
}
|
|
@@ -67,6 +67,14 @@
|
|
|
67
67
|
"img/close-up-young-business-team-working.png"
|
|
68
68
|
]
|
|
69
69
|
},
|
|
70
|
+
"alt": {
|
|
71
|
+
"title": "Alt",
|
|
72
|
+
"description": "The alt text for the preview image",
|
|
73
|
+
"type": "string",
|
|
74
|
+
"examples": [
|
|
75
|
+
"Image of a business team working"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
70
78
|
"link": {
|
|
71
79
|
"type": "object",
|
|
72
80
|
"title": "Link",
|
|
@@ -80,6 +88,15 @@
|
|
|
80
88
|
"examples": [
|
|
81
89
|
"https://example.com"
|
|
82
90
|
]
|
|
91
|
+
},
|
|
92
|
+
"text": {
|
|
93
|
+
"title": "Text",
|
|
94
|
+
"description": "The text for the link",
|
|
95
|
+
"type": "string",
|
|
96
|
+
"default": "Read article",
|
|
97
|
+
"examples": [
|
|
98
|
+
"Read article"
|
|
99
|
+
]
|
|
83
100
|
}
|
|
84
101
|
},
|
|
85
102
|
"additionalProperties": false,
|
|
@@ -41,6 +41,12 @@
|
|
|
41
41
|
"format": "image",
|
|
42
42
|
"examples": ["img/close-up-young-business-team-working.png"]
|
|
43
43
|
},
|
|
44
|
+
"alt": {
|
|
45
|
+
"title": "Alt",
|
|
46
|
+
"description": "The alt text for the preview image",
|
|
47
|
+
"type": "string",
|
|
48
|
+
"examples": ["Image of a business team working"]
|
|
49
|
+
},
|
|
44
50
|
"link": {
|
|
45
51
|
"type": "object",
|
|
46
52
|
"title": "Link",
|
|
@@ -52,6 +58,13 @@
|
|
|
52
58
|
"type": "string",
|
|
53
59
|
"format": "uri",
|
|
54
60
|
"examples": ["https://example.com"]
|
|
61
|
+
},
|
|
62
|
+
"text": {
|
|
63
|
+
"title": "Text",
|
|
64
|
+
"description": "The text for the link",
|
|
65
|
+
"type": "string",
|
|
66
|
+
"default": "Read article",
|
|
67
|
+
"examples": ["Read article"]
|
|
55
68
|
}
|
|
56
69
|
},
|
|
57
70
|
"additionalProperties": false,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
3
|
import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
|
|
4
|
-
declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<
|
|
5
|
-
declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<
|
|
6
|
-
declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
6
|
+
declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
7
7
|
export type { BlogTeaserProps };
|
|
8
8
|
export { BlogTeaserContextDefault, BlogTeaserContext, BlogTeaser };
|
|
@@ -5,7 +5,7 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
5
5
|
import { PostTeaserContextDefault } from '@kickstartds/blog/lib/post-teaser';
|
|
6
6
|
import { Container } from '@kickstartds/core/lib/container';
|
|
7
7
|
|
|
8
|
-
const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, link, readingTime, author, className, ...rest }, ref) => {
|
|
8
|
+
const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, alt, link, readingTime, author, className, ...rest }, ref) => {
|
|
9
9
|
const teaserMetaItems = [];
|
|
10
10
|
if (date)
|
|
11
11
|
teaserMetaItems.push({
|
|
@@ -19,7 +19,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
|
|
|
19
19
|
});
|
|
20
20
|
return (jsx(Container, { name: "blog-teaser", children: jsx(PostTeaserContextDefault, { ...rest, className: classnames(className, "dsa-blog-teaser"),
|
|
21
21
|
// @ts-expect-error
|
|
22
|
-
image: { src: image, alt: headline }, meta: {
|
|
22
|
+
image: { src: image, alt: alt || headline }, meta: {
|
|
23
23
|
author: author
|
|
24
24
|
? {
|
|
25
25
|
image: author.image && { src: author.image },
|
|
@@ -31,7 +31,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
|
|
|
31
31
|
? {
|
|
32
32
|
// @ts-expect-error
|
|
33
33
|
target: link.url,
|
|
34
|
-
label: "Read
|
|
34
|
+
label: link.text || "Read article",
|
|
35
35
|
}
|
|
36
36
|
: undefined, title: headline, body: teaserText, categories: tags.map((tag) => {
|
|
37
37
|
return { label: tag.entry };
|
|
@@ -82,11 +82,12 @@
|
|
|
82
82
|
"id": "blog-blog-head--default",
|
|
83
83
|
"group": "Blog/ Blog Head",
|
|
84
84
|
"name": "Default",
|
|
85
|
-
"code": "<BlogHead\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n tags={[\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]}\n/>",
|
|
85
|
+
"code": "<BlogHead\n alt=\"Image of a business team working\"\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n tags={[\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]}\n/>",
|
|
86
86
|
"args": {
|
|
87
87
|
"date": "12/30/2022",
|
|
88
88
|
"headline": "The Future of AI",
|
|
89
89
|
"image": "img/close-up-young-business-team-working.png",
|
|
90
|
+
"alt": "Image of a business team working",
|
|
90
91
|
"tags": [
|
|
91
92
|
{
|
|
92
93
|
"entry": "Technology"
|
|
@@ -102,14 +103,16 @@
|
|
|
102
103
|
"id": "blog-blog-teaser--default",
|
|
103
104
|
"group": "Blog/ Blog Teaser",
|
|
104
105
|
"name": "Default",
|
|
105
|
-
"code": "<BlogTeaser\n author={{\n image: 'img/people/author-emily.png',\n name: 'Jane Smith',\n title: 'Senior AI Researcher'\n }}\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n link={{\n url: 'https://example.com'\n }}\n readingTime=\"5 min read\"\n tags={[\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]}\n teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
|
|
106
|
+
"code": "<BlogTeaser\n alt=\"Image of a business team working\"\n author={{\n image: 'img/people/author-emily.png',\n name: 'Jane Smith',\n title: 'Senior AI Researcher'\n }}\n date=\"12/30/2022\"\n headline=\"The Future of AI\"\n image=\"img/close-up-young-business-team-working.png\"\n link={{\n text: 'Read article',\n url: 'https://example.com'\n }}\n readingTime=\"5 min read\"\n tags={[\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]}\n teaserText=\"Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.\"\n/>",
|
|
106
107
|
"args": {
|
|
107
108
|
"date": "12/30/2022",
|
|
108
109
|
"headline": "The Future of AI",
|
|
109
110
|
"teaserText": "Dive into the future of AI in this detailed blog post. Discover how technology is rapidly evolving, the impact of AI on various industries, and what to expect in the coming years. Learn about the latest advancements, challenges, and the potential solutions that AI brings to the table.",
|
|
110
111
|
"image": "img/close-up-young-business-team-working.png",
|
|
112
|
+
"alt": "Image of a business team working",
|
|
111
113
|
"link": {
|
|
112
|
-
"url": "https://example.com"
|
|
114
|
+
"url": "https://example.com",
|
|
115
|
+
"text": "Read article"
|
|
113
116
|
},
|
|
114
117
|
"readingTime": "5 min read",
|
|
115
118
|
"author": {
|
|
@@ -184,7 +187,7 @@
|
|
|
184
187
|
"id": "pages-archetypes--blog-overview",
|
|
185
188
|
"group": "Pages/Archetypes",
|
|
186
189
|
"name": "BlogOverview",
|
|
187
|
-
"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 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 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 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 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 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 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 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 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 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 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 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 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
|
+
"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/>",
|
|
188
191
|
"args": {
|
|
189
192
|
"section": [
|
|
190
193
|
{
|
|
@@ -320,8 +323,10 @@
|
|
|
320
323
|
"headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
|
|
321
324
|
"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.",
|
|
322
325
|
"image": "img/close-up-young-business-team-working.png",
|
|
326
|
+
"alt": "Image of a business team working",
|
|
323
327
|
"link": {
|
|
324
328
|
"url": "https://example.com/article1",
|
|
329
|
+
"text": "Read article",
|
|
325
330
|
"label": "Read more"
|
|
326
331
|
},
|
|
327
332
|
"readingTime": "5 min read",
|
|
@@ -349,8 +354,10 @@
|
|
|
349
354
|
"headline": "Mastering the Art of Design Systems with Systemics",
|
|
350
355
|
"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..",
|
|
351
356
|
"image": "img/close-up-young-business-team-working.png",
|
|
357
|
+
"alt": "Image of a business team working",
|
|
352
358
|
"link": {
|
|
353
359
|
"url": "https://example.com/article1",
|
|
360
|
+
"text": "Read article",
|
|
354
361
|
"label": "Read more"
|
|
355
362
|
},
|
|
356
363
|
"readingTime": "5 min read",
|
|
@@ -370,8 +377,10 @@
|
|
|
370
377
|
"headline": "Unleashing Innovation with Headless Websites",
|
|
371
378
|
"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.",
|
|
372
379
|
"image": "img/close-up-young-business-team-working.png",
|
|
380
|
+
"alt": "Image of a business team working",
|
|
373
381
|
"link": {
|
|
374
382
|
"url": "https://example.com/article2",
|
|
383
|
+
"text": "Read article",
|
|
375
384
|
"label": "Read more"
|
|
376
385
|
},
|
|
377
386
|
"readingTime": "5 min read",
|
|
@@ -391,8 +400,10 @@
|
|
|
391
400
|
"headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
|
|
392
401
|
"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.",
|
|
393
402
|
"image": "img/close-up-young-business-team-working.png",
|
|
403
|
+
"alt": "Image of a business team working",
|
|
394
404
|
"link": {
|
|
395
405
|
"url": "https://example.com/article3",
|
|
406
|
+
"text": "Read article",
|
|
396
407
|
"label": "Read more"
|
|
397
408
|
},
|
|
398
409
|
"readingTime": "5 min read",
|
|
@@ -415,8 +426,10 @@
|
|
|
415
426
|
"headline": "Mastering the Art of Design Systems with Systemics",
|
|
416
427
|
"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..",
|
|
417
428
|
"image": "img/close-up-young-business-team-working.png",
|
|
429
|
+
"alt": "Image of a business team working",
|
|
418
430
|
"link": {
|
|
419
431
|
"url": "https://example.com/article1",
|
|
432
|
+
"text": "Read article",
|
|
420
433
|
"label": "Read more"
|
|
421
434
|
},
|
|
422
435
|
"readingTime": "5 min read",
|
|
@@ -436,8 +449,10 @@
|
|
|
436
449
|
"headline": "Unleashing Innovation with Headless Websites",
|
|
437
450
|
"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.",
|
|
438
451
|
"image": "img/close-up-young-business-team-working.png",
|
|
452
|
+
"alt": "Image of a business team working",
|
|
439
453
|
"link": {
|
|
440
454
|
"url": "https://example.com/article2",
|
|
455
|
+
"text": "Read article",
|
|
441
456
|
"label": "Read more"
|
|
442
457
|
},
|
|
443
458
|
"readingTime": "5 min read",
|
|
@@ -491,12 +506,13 @@
|
|
|
491
506
|
"id": "pages-archetypes--blog-post",
|
|
492
507
|
"group": "Pages/Archetypes",
|
|
493
508
|
"name": "BlogPost",
|
|
494
|
-
"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 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/>",
|
|
509
|
+
"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/>",
|
|
495
510
|
"args": {
|
|
496
511
|
"head": {
|
|
497
512
|
"date": "12/30/2022",
|
|
498
513
|
"headline": "The Future of AI: A Glimpse into the Unseen",
|
|
499
514
|
"image": "img/close-up-young-business-team-working.png",
|
|
515
|
+
"alt": "Image of a business team working",
|
|
500
516
|
"tags": [
|
|
501
517
|
{
|
|
502
518
|
"entry": "Technology"
|
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, 26 Nov 2024 09:32:22 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, 26 Nov 2024 09:32:27 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, 26 Nov 2024 09:32:24 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, 26 Nov 2024 09:32:29 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