@kickstartds/ds-agency-premium 1.4.6--canary.767.c06aa08.0 → 1.4.6
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/{BlogAsideProps-99489f0b.d.ts → BlogAsideProps-e1cbd5d3.d.ts} +4 -11
- package/dist/{BlogHeadProps-f9a49428.d.ts → BlogHeadProps-3f6e4072.d.ts} +2 -1
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-440f88a5.d.ts +2 -2
- package/dist/BlogTagProps-f5855e93.d.ts +16 -0
- package/dist/{BlogTeaserProps-525f7f9f.d.ts → BlogTeaserProps-f5855e93.d.ts} +2 -1
- package/dist/components/blog-aside/blog-aside.css +5 -2
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +7 -21
- package/dist/components/blog-aside/blog-aside.schema.json +5 -16
- package/dist/components/blog-aside/index.d.ts +1 -1
- package/dist/components/blog-aside/index.js +2 -2
- package/dist/components/blog-head/blog-head.schema.dereffed.json +18 -4
- package/dist/components/blog-head/blog-head.schema.json +1 -2
- package/dist/components/blog-head/index.d.ts +1 -1
- package/dist/components/blog-head/index.js +1 -1
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +54 -12
- package/dist/components/blog-post/blog-post.schema.dereffed.json +25 -25
- package/dist/components/blog-tag/blog-tag.schema.dereffed.json +21 -0
- package/dist/components/blog-tag/blog-tag.schema.json +16 -0
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +18 -4
- package/dist/components/blog-teaser/blog-teaser.schema.json +1 -2
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/blog-teaser/index.js +1 -1
- package/dist/components/page-wrapper/index.js +0 -6
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +40 -92
- package/dist/components/providers/index.js +1 -7
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- package/dist/components/contact/contact.css +0 -73
- package/dist/components/contact/contact.schema.dereffed.json +0 -108
- package/dist/components/contact/contact.schema.json +0 -94
- package/dist/components/contact/index.d.ts +0 -60
- package/dist/components/contact/index.js +0 -15
|
@@ -3,15 +3,12 @@
|
|
|
3
3
|
"id": "blog-blog-aside--default",
|
|
4
4
|
"group": "Blog/ Blog Aside",
|
|
5
5
|
"name": "Default",
|
|
6
|
-
"code": "<BlogAside\n author={{\n byline: 'CEO at Company',\n email: 'jane.smith@example.com',\n image:
|
|
6
|
+
"code": "<BlogAside\n author={{\n byline: 'CEO at Company',\n email: 'jane.smith@example.com',\n image: 'img/people/author-emily.png',\n name: 'Jane Smith',\n twitter: 'jane_smith'\n }}\n date=\"12/30/2022\"\n readingTime=\"5 min read\"\n socialSharing={[\n {\n href: 'https://twitter.com/share?text=The%20Future%20of%20AI&url=https://example.com/blog/the-future-of-ai',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog/the-future-of-ai&title=The%20Future%20of%20AI&summary=The%20Future%20of%20AI&source=LinkedIn',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]}\n/>",
|
|
7
7
|
"args": {
|
|
8
8
|
"author": {
|
|
9
9
|
"name": "Jane Smith",
|
|
10
10
|
"byline": "CEO at Company",
|
|
11
|
-
"image":
|
|
12
|
-
"src": "img/people/author-emily.png",
|
|
13
|
-
"alt": "Picture of Jane Smith"
|
|
14
|
-
},
|
|
11
|
+
"image": "img/people/author-emily.png",
|
|
15
12
|
"twitter": "jane_smith",
|
|
16
13
|
"email": "jane.smith@example.com"
|
|
17
14
|
},
|
|
@@ -39,12 +36,12 @@
|
|
|
39
36
|
"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 'Technology',\n 'AI'\n ]}\n/>",
|
|
40
37
|
"args": {
|
|
41
38
|
"date": "12/30/2022",
|
|
39
|
+
"headline": "The Future of AI",
|
|
40
|
+
"image": "img/close-up-young-business-team-working.png",
|
|
42
41
|
"tags": [
|
|
43
42
|
"Technology",
|
|
44
43
|
"AI"
|
|
45
|
-
]
|
|
46
|
-
"headline": "The Future of AI",
|
|
47
|
-
"image": "img/close-up-young-business-team-working.png"
|
|
44
|
+
]
|
|
48
45
|
},
|
|
49
46
|
"screenshot": "img/screenshots/blog-blog-head--default.png"
|
|
50
47
|
},
|
|
@@ -55,10 +52,6 @@
|
|
|
55
52
|
"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 label: 'Read more',\n url: 'https://example.com'\n }}\n readingTime=\"5 min read\"\n tags={[\n 'Technology',\n 'AI'\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/>",
|
|
56
53
|
"args": {
|
|
57
54
|
"date": "12/30/2022",
|
|
58
|
-
"tags": [
|
|
59
|
-
"Technology",
|
|
60
|
-
"AI"
|
|
61
|
-
],
|
|
62
55
|
"headline": "The Future of AI",
|
|
63
56
|
"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.",
|
|
64
57
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -71,7 +64,11 @@
|
|
|
71
64
|
"name": "Jane Smith",
|
|
72
65
|
"title": "Senior AI Researcher",
|
|
73
66
|
"image": "img/people/author-emily.png"
|
|
74
|
-
}
|
|
67
|
+
},
|
|
68
|
+
"tags": [
|
|
69
|
+
"Technology",
|
|
70
|
+
"AI"
|
|
71
|
+
]
|
|
75
72
|
},
|
|
76
73
|
"screenshot": "img/screenshots/blog-blog-teaser--default.png"
|
|
77
74
|
},
|
|
@@ -131,7 +128,7 @@
|
|
|
131
128
|
"id": "pages-archetypes--blog-overview",
|
|
132
129
|
"group": "Pages/Archetypes",
|
|
133
130
|
"name": "BlogOverview",
|
|
134
|
-
"code": "<BlogOverview\n cta={{\n buttons: [\n {\n label: 'Book a meeting'\n },\n {\n label: 'Book a meeting'\n },\n {\n label: 'Book a meeting'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: false,\n headline: 'Headline',\n highlightText: false,\n image: {\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n sub: 'Subheadline',\n textAlign: 'left'\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 'Design Systems',\n 'Headless Websites',\n 'Training'\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. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'This is a blog post headline',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com'\n },\n readingTime: '5 min read',\n
|
|
131
|
+
"code": "<BlogOverview\n cta={{\n buttons: [\n {\n label: 'Book a meeting'\n },\n {\n label: 'Book a meeting'\n },\n {\n label: 'Book a meeting'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: false,\n headline: 'Headline',\n highlightText: false,\n image: {\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n sub: 'Subheadline',\n textAlign: 'left'\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 'Design Systems',\n 'Headless Websites',\n 'Training'\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. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'This is a blog post headline',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com'\n },\n readingTime: '5 min read',\n teaserText: 'This is a teaser text for the blog post'\n },\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'This is a blog post headline',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com'\n },\n readingTime: '5 min read',\n teaserText: 'This is a teaser text for the blog post'\n },\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'This is a blog post headline',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com'\n },\n readingTime: '5 min read',\n teaserText: 'This is a teaser text for the blog post'\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: 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 'Design Systems',\n 'Headless Websites',\n 'Training'\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. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.'\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: The Future of Digital Experiences',\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 'Innovation',\n 'Headless Websites',\n 'Systemics'\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. Discover how our experts leverage headless CMS architecture to provide unparalleled flexibility while maintaining design integrity. We make content distribution dynamic and responsive, tailoring it to users\\' preferences for a seamless journey across devices and platforms.'\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 'Digital Excellence',\n 'Systemics',\n 'Design System Trainings'\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. Understand how our trainings promote collaboration, shared understanding, and continuous learning, ensuring your design system remains an evolving cornerstone of your digital success.'\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/>",
|
|
135
132
|
"args": {
|
|
136
133
|
"section": [
|
|
137
134
|
{
|
|
@@ -264,11 +261,6 @@
|
|
|
264
261
|
"latestTitle": "Latest Post",
|
|
265
262
|
"latest": {
|
|
266
263
|
"date": "12/30/2022",
|
|
267
|
-
"tags": [
|
|
268
|
-
"Design Systems",
|
|
269
|
-
"Headless Websites",
|
|
270
|
-
"Training"
|
|
271
|
-
],
|
|
272
264
|
"headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
|
|
273
265
|
"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. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.",
|
|
274
266
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -281,17 +273,17 @@
|
|
|
281
273
|
"name": "John Doe",
|
|
282
274
|
"title": "CEO",
|
|
283
275
|
"image": "img/people/author-alex.png"
|
|
284
|
-
}
|
|
276
|
+
},
|
|
277
|
+
"tags": [
|
|
278
|
+
"Design Systems",
|
|
279
|
+
"Headless Websites",
|
|
280
|
+
"Training"
|
|
281
|
+
]
|
|
285
282
|
},
|
|
286
283
|
"listTitle": "Recent Posts",
|
|
287
284
|
"list": [
|
|
288
285
|
{
|
|
289
286
|
"date": "12/30/2022",
|
|
290
|
-
"tags": [
|
|
291
|
-
"tech",
|
|
292
|
-
"tech",
|
|
293
|
-
"tech"
|
|
294
|
-
],
|
|
295
287
|
"headline": "This is a blog post headline",
|
|
296
288
|
"teaserText": "This is a teaser text for the blog post",
|
|
297
289
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -308,11 +300,6 @@
|
|
|
308
300
|
},
|
|
309
301
|
{
|
|
310
302
|
"date": "12/30/2022",
|
|
311
|
-
"tags": [
|
|
312
|
-
"tech",
|
|
313
|
-
"tech",
|
|
314
|
-
"tech"
|
|
315
|
-
],
|
|
316
303
|
"headline": "This is a blog post headline",
|
|
317
304
|
"teaserText": "This is a teaser text for the blog post",
|
|
318
305
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -329,11 +316,6 @@
|
|
|
329
316
|
},
|
|
330
317
|
{
|
|
331
318
|
"date": "12/30/2022",
|
|
332
|
-
"tags": [
|
|
333
|
-
"tech",
|
|
334
|
-
"tech",
|
|
335
|
-
"tech"
|
|
336
|
-
],
|
|
337
319
|
"headline": "This is a blog post headline",
|
|
338
320
|
"teaserText": "This is a teaser text for the blog post",
|
|
339
321
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -353,11 +335,6 @@
|
|
|
353
335
|
"more": [
|
|
354
336
|
{
|
|
355
337
|
"date": "12/30/2022",
|
|
356
|
-
"tags": [
|
|
357
|
-
"Design Systems",
|
|
358
|
-
"Headless Websites",
|
|
359
|
-
"Training"
|
|
360
|
-
],
|
|
361
338
|
"headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
|
|
362
339
|
"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. Learn how we transform ideas into tangible results with our Design System Creation service, empowering your brand to communicate effectively across digital platforms.",
|
|
363
340
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -370,15 +347,15 @@
|
|
|
370
347
|
"name": "John Doe",
|
|
371
348
|
"title": "CEO",
|
|
372
349
|
"image": "img/people/author-alex.png"
|
|
373
|
-
}
|
|
350
|
+
},
|
|
351
|
+
"tags": [
|
|
352
|
+
"Design Systems",
|
|
353
|
+
"Headless Websites",
|
|
354
|
+
"Training"
|
|
355
|
+
]
|
|
374
356
|
},
|
|
375
357
|
{
|
|
376
358
|
"date": "12/30/2022",
|
|
377
|
-
"tags": [
|
|
378
|
-
"Innovation",
|
|
379
|
-
"Headless Websites",
|
|
380
|
-
"Systemics"
|
|
381
|
-
],
|
|
382
359
|
"headline": "Unleashing Innovation with Headless Websites: The Future of Digital Experiences",
|
|
383
360
|
"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. Discover how our experts leverage headless CMS architecture to provide unparalleled flexibility while maintaining design integrity. We make content distribution dynamic and responsive, tailoring it to users' preferences for a seamless journey across devices and platforms.",
|
|
384
361
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -391,15 +368,15 @@
|
|
|
391
368
|
"name": "Jane Doe",
|
|
392
369
|
"title": "CTO",
|
|
393
370
|
"image": "img/people/author-emily.png"
|
|
394
|
-
}
|
|
371
|
+
},
|
|
372
|
+
"tags": [
|
|
373
|
+
"Innovation",
|
|
374
|
+
"Headless Websites",
|
|
375
|
+
"Systemics"
|
|
376
|
+
]
|
|
395
377
|
},
|
|
396
378
|
{
|
|
397
379
|
"date": "12/30/2022",
|
|
398
|
-
"tags": [
|
|
399
|
-
"Digital Excellence",
|
|
400
|
-
"Systemics",
|
|
401
|
-
"Design System Trainings"
|
|
402
|
-
],
|
|
403
380
|
"headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
|
|
404
381
|
"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. Understand how our trainings promote collaboration, shared understanding, and continuous learning, ensuring your design system remains an evolving cornerstone of your digital success.",
|
|
405
382
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -412,7 +389,12 @@
|
|
|
412
389
|
"name": "John Doe",
|
|
413
390
|
"title": "CEO",
|
|
414
391
|
"image": "img/people/author-alex.png"
|
|
415
|
-
}
|
|
392
|
+
},
|
|
393
|
+
"tags": [
|
|
394
|
+
"Digital Excellence",
|
|
395
|
+
"Systemics",
|
|
396
|
+
"Design System Trainings"
|
|
397
|
+
]
|
|
416
398
|
}
|
|
417
399
|
],
|
|
418
400
|
"cta": {
|
|
@@ -449,25 +431,22 @@
|
|
|
449
431
|
"id": "pages-archetypes--blog-post",
|
|
450
432
|
"group": "Pages/Archetypes",
|
|
451
433
|
"name": "BlogPost",
|
|
452
|
-
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image:
|
|
434
|
+
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: 'img/people/author-emily.png',\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 content=\"\n## Introduction\nThe future of **ArtiEficial 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 'Technology',\n 'AI'\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/>",
|
|
453
435
|
"args": {
|
|
454
436
|
"head": {
|
|
455
437
|
"date": "12/30/2022",
|
|
438
|
+
"headline": "The Future of AI: A Glimpse into the Unseen",
|
|
439
|
+
"image": "img/close-up-young-business-team-working.png",
|
|
456
440
|
"tags": [
|
|
457
441
|
"Technology",
|
|
458
442
|
"AI"
|
|
459
|
-
]
|
|
460
|
-
"headline": "The Future of AI: A Glimpse into the Unseen",
|
|
461
|
-
"image": "img/close-up-young-business-team-working.png"
|
|
443
|
+
]
|
|
462
444
|
},
|
|
463
445
|
"aside": {
|
|
464
446
|
"author": {
|
|
465
447
|
"name": "Jane Doe",
|
|
466
448
|
"byline": "Senior Developer",
|
|
467
|
-
"image":
|
|
468
|
-
"src": "img/people/author-emily.png",
|
|
469
|
-
"alt": "Picture of Jane Smith"
|
|
470
|
-
},
|
|
449
|
+
"image": "img/people/author-emily.png",
|
|
471
450
|
"twitter": "Janedoe",
|
|
472
451
|
"email": "Jane.doe@example.com"
|
|
473
452
|
},
|
|
@@ -647,37 +626,6 @@
|
|
|
647
626
|
},
|
|
648
627
|
"screenshot": "img/screenshots/pages-archetypes--blog-post.png"
|
|
649
628
|
},
|
|
650
|
-
{
|
|
651
|
-
"id": "components-contact--person",
|
|
652
|
-
"group": "Components/Contact",
|
|
653
|
-
"name": "Person",
|
|
654
|
-
"code": "<Contact\n image={{\n alt: 'Picture of Jane Smith',\n src: 'img/people/author-emily.png',\n width: 300\n }}\n links={[\n {\n href: '#',\n icon: 'twitter',\n label: '@jane_smith',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'jane.smith@example.com',\n newTab: false\n }\n ]}\n name=\"CEO at Company\"\n subtitle=\"Geschäftsführer\"\n title=\"Jane Smith\"\n/>",
|
|
655
|
-
"args": {
|
|
656
|
-
"image": {
|
|
657
|
-
"src": "img/people/author-emily.png",
|
|
658
|
-
"alt": "Picture of Jane Smith",
|
|
659
|
-
"width": 300
|
|
660
|
-
},
|
|
661
|
-
"title": "Jane Smith",
|
|
662
|
-
"subtitle": "Geschäftsführer",
|
|
663
|
-
"links": [
|
|
664
|
-
{
|
|
665
|
-
"icon": "twitter",
|
|
666
|
-
"label": "@jane_smith",
|
|
667
|
-
"href": "#",
|
|
668
|
-
"newTab": false
|
|
669
|
-
},
|
|
670
|
-
{
|
|
671
|
-
"icon": "email",
|
|
672
|
-
"label": "jane.smith@example.com",
|
|
673
|
-
"href": "mailto:mail@example.com",
|
|
674
|
-
"newTab": false
|
|
675
|
-
}
|
|
676
|
-
],
|
|
677
|
-
"name": "CEO at Company"
|
|
678
|
-
},
|
|
679
|
-
"screenshot": "img/screenshots/components-contact--person.png"
|
|
680
|
-
},
|
|
681
629
|
{
|
|
682
630
|
"id": "components-cta--banner",
|
|
683
631
|
"group": "Components/Cta",
|
|
@@ -2,7 +2,6 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
2
2
|
import { ButtonProvider } from '../button/index.js';
|
|
3
3
|
import { SectionProvider } from '../section/index.js';
|
|
4
4
|
import { TeaserBoxProvider } from '../teaser-card/index.js';
|
|
5
|
-
import { ContactProvider } from '../contact/index.js';
|
|
6
5
|
import { HeadlineProvider } from '../headline/index.js';
|
|
7
6
|
import { ThemeProvider } from '@bedrock-layout/spacing-constants';
|
|
8
7
|
import { ButtonGroupProvider } from '../button-group/index.js';
|
|
@@ -15,11 +14,6 @@ import '../section/js/Section.client.js';
|
|
|
15
14
|
import '@kickstartds/core/lib/component';
|
|
16
15
|
import '@kickstartds/base/lib/teaser-box';
|
|
17
16
|
import '@kickstartds/core/lib/container';
|
|
18
|
-
import '@kickstartds/base/lib/picture';
|
|
19
|
-
import '@kickstartds/base/lib/contact';
|
|
20
|
-
import '@kickstartds/base/lib/link';
|
|
21
|
-
import '@kickstartds/base/lib/icon';
|
|
22
|
-
import '@kickstartds/base/lib/rich-text';
|
|
23
17
|
import 'markdown-to-jsx';
|
|
24
18
|
import '@kickstartds/base/lib/headline';
|
|
25
19
|
import '@kickstartds/base/lib/button-group';
|
|
@@ -38,7 +32,7 @@ const theme = {
|
|
|
38
32
|
};
|
|
39
33
|
const BedrockProvider = (props) => (jsx(ThemeProvider, { theme: theme, ...props }));
|
|
40
34
|
|
|
41
|
-
const Providers = (props) => (jsx(BedrockProvider, { children: jsx(ButtonProvider, { children: jsx(
|
|
35
|
+
const Providers = (props) => (jsx(BedrockProvider, { children: jsx(ButtonProvider, { children: jsx(ButtonGroupProvider, { children: jsx(HeadlineProvider, { children: jsx(SectionProvider, { children: jsx(TeaserBoxProvider, { ...props }) }) }) }) }) }));
|
|
42
36
|
const providerDecorator = (storyFn, context) => (jsx(Providers, { children: storyFn(context) }));
|
|
43
37
|
|
|
44
38
|
export { Providers as default, providerDecorator };
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Mon, 26 Aug 2024
|
|
3
|
+
* Generated on Mon, 26 Aug 2024 14:46:35 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 Mon, 26 Aug 2024
|
|
2730
|
+
* Generated on Mon, 26 Aug 2024 14:46:39 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 Mon, 26 Aug 2024
|
|
5461
|
+
* Generated on Mon, 26 Aug 2024 14:46:37 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 Mon, 26 Aug 2024
|
|
8462
|
+
* Generated on Mon, 26 Aug 2024 14:46:41 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
.dsa-contact {
|
|
2
|
-
--dsa-contact--gap: var(--ks-spacing-stack-m) var(--ks-spacing-inline-m);
|
|
3
|
-
--dsa-contact__header--gap: 0;
|
|
4
|
-
--dsa-contact__body--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
|
|
5
|
-
--dsa-contact__title--color: var(--ks-text-color-display);
|
|
6
|
-
--dsa-contact__title--font: var(--ks-font-display-l);
|
|
7
|
-
--dsa-contact__title--font-weight: var(--dsa-topic--font-weight);
|
|
8
|
-
--dsa-contact__subtitle--color: var(--ks-text-color-copy);
|
|
9
|
-
--dsa-contact__subtitle--font: var(--ks-font-copy-m);
|
|
10
|
-
--dsa-contact__subtitle--font-weight: var(--ks-font-weight-regular);
|
|
11
|
-
--dsa-contact__links--gap: 0;
|
|
12
|
-
--dsa-contact__links--color: var(--dsa-link--color);
|
|
13
|
-
--dsa-contact__links--font: var(--ks-font-interface-s);
|
|
14
|
-
--dsa-contact__links__icon--margin-right: var(--ks-spacing-inline-xs);
|
|
15
|
-
--dsa-contact__links__icon--size: 1.5rem;
|
|
16
|
-
--dsa-contact__links__icon--color: var(--dsa-link--color);
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.dsa-contact {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-wrap: wrap;
|
|
22
|
-
gap: var(--dsa-contact--gap);
|
|
23
|
-
justify-content: center;
|
|
24
|
-
}
|
|
25
|
-
.dsa-contact__image, .dsa-contact__body {
|
|
26
|
-
flex-grow: 1;
|
|
27
|
-
}
|
|
28
|
-
.dsa-contact__body {
|
|
29
|
-
display: flex;
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
gap: var(--dsa-contact__body--gap);
|
|
32
|
-
}
|
|
33
|
-
.dsa-contact__header {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: column;
|
|
36
|
-
gap: var(--dsa-contact__header--gap);
|
|
37
|
-
}
|
|
38
|
-
.dsa-contact__title {
|
|
39
|
-
font: var(--dsa-contact__title--font);
|
|
40
|
-
color: var(--dsa-contact__title--color);
|
|
41
|
-
font-weight: var(--dsa-contact__title--font-weight);
|
|
42
|
-
}
|
|
43
|
-
.dsa-contact__subtitle {
|
|
44
|
-
font: var(--dsa-contact__subtitle--font);
|
|
45
|
-
color: var(--dsa-contact__subtitle--color);
|
|
46
|
-
font-weight: var(--dsa-contact__subtitle--font-weight);
|
|
47
|
-
}
|
|
48
|
-
.dsa-contact__image {
|
|
49
|
-
align-self: center;
|
|
50
|
-
}
|
|
51
|
-
.dsa-contact__links {
|
|
52
|
-
display: flex;
|
|
53
|
-
flex-direction: column;
|
|
54
|
-
gap: var(--dsa-contact__links--gap);
|
|
55
|
-
font: var(--dsa-contact__links--font);
|
|
56
|
-
list-style: none;
|
|
57
|
-
padding: 0;
|
|
58
|
-
margin: 0;
|
|
59
|
-
}
|
|
60
|
-
.dsa-contact__links .icon {
|
|
61
|
-
width: var(--dsa-contact__links__icon--size);
|
|
62
|
-
height: var(--dsa-contact__links__icon--size);
|
|
63
|
-
color: var(--dsa-contact__links__icon--color);
|
|
64
|
-
margin-right: var(--dsa-contact__links__icon--margin-right);
|
|
65
|
-
}
|
|
66
|
-
.dsa-contact .c-headline {
|
|
67
|
-
--c-headline--color: var(--dsa-contact__headline--color);
|
|
68
|
-
--c-headline--font: var(--dsa-contact__headline--font);
|
|
69
|
-
--c-headline--font-weight: var(--dsa-contact__headline--font-weight);
|
|
70
|
-
--c-headline__subheadline--color: var(--dsa-contact__headline__subheadline--color);
|
|
71
|
-
--c-headline__subheadline--font: var(--dsa-contact__headline__subheadline--font);
|
|
72
|
-
--c-headline__subheadline--font-weight: var(--dsa-contact__headline__subheadline--font-weight);
|
|
73
|
-
}
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/contact.schema.json",
|
|
4
|
-
"title": "Contact",
|
|
5
|
-
"description": "Component used for user interaction",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"image": {
|
|
9
|
-
"type": "object",
|
|
10
|
-
"properties": {
|
|
11
|
-
"src": {
|
|
12
|
-
"type": "string",
|
|
13
|
-
"format": "image",
|
|
14
|
-
"title": "Image Source",
|
|
15
|
-
"description": "URL of the image to display",
|
|
16
|
-
"examples": [
|
|
17
|
-
"img/people/author-emily.png"
|
|
18
|
-
]
|
|
19
|
-
},
|
|
20
|
-
"alt": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"title": "Alt Text",
|
|
23
|
-
"description": "Alt text of the image",
|
|
24
|
-
"examples": [
|
|
25
|
-
"Picture of Jane Smith"
|
|
26
|
-
]
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
"additionalProperties": false
|
|
30
|
-
},
|
|
31
|
-
"title": {
|
|
32
|
-
"title": "Title",
|
|
33
|
-
"description": "Name, company name, etc.",
|
|
34
|
-
"type": "string",
|
|
35
|
-
"examples": [
|
|
36
|
-
"Max Mütze"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
"subtitle": {
|
|
40
|
-
"title": "Subtitle",
|
|
41
|
-
"description": "Position, profession, department, location, etc.",
|
|
42
|
-
"type": "string",
|
|
43
|
-
"examples": [
|
|
44
|
-
"Geschäftsführer"
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
|
-
"links": {
|
|
48
|
-
"type": "array",
|
|
49
|
-
"items": {
|
|
50
|
-
"type": "object",
|
|
51
|
-
"properties": {
|
|
52
|
-
"icon": {
|
|
53
|
-
"type": "string"
|
|
54
|
-
},
|
|
55
|
-
"label": {
|
|
56
|
-
"type": "string"
|
|
57
|
-
},
|
|
58
|
-
"href": {
|
|
59
|
-
"type": "string",
|
|
60
|
-
"format": "uri"
|
|
61
|
-
},
|
|
62
|
-
"newTab": {
|
|
63
|
-
"title": "Open link in new Tab",
|
|
64
|
-
"description": "Open link in new Tab",
|
|
65
|
-
"type": "boolean",
|
|
66
|
-
"default": false
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
"additionalProperties": false
|
|
70
|
-
},
|
|
71
|
-
"examples": [
|
|
72
|
-
[
|
|
73
|
-
{
|
|
74
|
-
"icon": "phone",
|
|
75
|
-
"label": "0228 / 688 966 20",
|
|
76
|
-
"href": "tel:+4922868896620"
|
|
77
|
-
},
|
|
78
|
-
{
|
|
79
|
-
"icon": "email",
|
|
80
|
-
"label": "mail@example.com",
|
|
81
|
-
"href": "mailto:mail@example.com"
|
|
82
|
-
}
|
|
83
|
-
]
|
|
84
|
-
]
|
|
85
|
-
},
|
|
86
|
-
"copy": {
|
|
87
|
-
"title": "Copy text",
|
|
88
|
-
"type": "string"
|
|
89
|
-
},
|
|
90
|
-
"className": {
|
|
91
|
-
"title": "Class",
|
|
92
|
-
"description": "Additional css classes attached to the wrapping element",
|
|
93
|
-
"type": "string"
|
|
94
|
-
},
|
|
95
|
-
"component": {
|
|
96
|
-
"title": "`ks-component` attribute",
|
|
97
|
-
"description": "Optional custom component identifier",
|
|
98
|
-
"type": "string"
|
|
99
|
-
},
|
|
100
|
-
"type": {
|
|
101
|
-
"const": "contact"
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
"additionalProperties": false,
|
|
105
|
-
"required": [
|
|
106
|
-
"name"
|
|
107
|
-
]
|
|
108
|
-
}
|