@kickstartds/ds-agency-premium 1.4.13--canary.15.811.0 → 1.4.14

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.
Files changed (67) hide show
  1. package/dist/{BlogAsideProps-99489f0b.d.ts → BlogAsideProps-e1cbd5d3.d.ts} +4 -11
  2. package/dist/{BlogHeadProps-f9a49428.d.ts → BlogHeadProps-3f6e4072.d.ts} +2 -1
  3. package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-83d399b4.d.ts} +2 -2
  4. package/dist/{BlogPostProps-f9a49428.d.ts → BlogPostProps-3f6e4072.d.ts} +4 -4
  5. package/dist/BlogTagProps-f5855e93.d.ts +16 -0
  6. package/dist/{BlogTeaserProps-525f7f9f.d.ts → BlogTeaserProps-71a3cb5c.d.ts} +2 -1
  7. package/dist/PageProps-83d399b4.d.ts +49 -0
  8. package/dist/{SectionProps-83d399b4.d.ts → SectionProps-03ff6d21.d.ts} +1 -1
  9. package/dist/components/blog-aside/blog-aside.css +16 -8
  10. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +7 -21
  11. package/dist/components/blog-aside/blog-aside.schema.json +5 -16
  12. package/dist/components/blog-aside/index.d.ts +1 -1
  13. package/dist/components/blog-aside/index.js +2 -2
  14. package/dist/components/blog-head/blog-head.schema.dereffed.json +18 -4
  15. package/dist/components/blog-head/blog-head.schema.json +1 -2
  16. package/dist/components/blog-head/index.d.ts +1 -1
  17. package/dist/components/blog-head/index.js +1 -1
  18. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +54 -12
  19. package/dist/components/blog-overview/index.d.ts +1 -1
  20. package/dist/components/blog-post/blog-post.schema.dereffed.json +26 -25
  21. package/dist/components/blog-post/blog-post.schema.json +1 -1
  22. package/dist/components/blog-post/index.d.ts +1 -1
  23. package/dist/components/blog-post/index.js +1 -1
  24. package/dist/components/blog-tag/blog-tag.schema.dereffed.json +21 -0
  25. package/dist/components/blog-tag/blog-tag.schema.json +16 -0
  26. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +18 -4
  27. package/dist/components/blog-teaser/blog-teaser.schema.json +1 -2
  28. package/dist/components/blog-teaser/index.d.ts +1 -1
  29. package/dist/components/blog-teaser/index.js +1 -1
  30. package/dist/components/image-story/index.d.ts +1 -1
  31. package/dist/components/index/index.d.ts +5 -52
  32. package/dist/components/nav-flyout/nav-flyout.css +1 -6
  33. package/dist/components/nav-main/index.js +1 -0
  34. package/dist/components/nav-main/nav-main.css +11 -0
  35. package/dist/components/nav-toggle/nav-toggle.css +0 -5
  36. package/dist/components/nav-topbar/nav-topbar.css +1 -7
  37. package/dist/components/page/index.d.ts +4 -0
  38. package/dist/components/page/index.js +6 -0
  39. package/dist/components/page-wrapper/index.js +0 -6
  40. package/dist/components/page-wrapper/tokens.css +9 -9
  41. package/dist/components/presets.json +60 -197
  42. package/dist/components/providers/index.js +1 -7
  43. package/dist/components/section/index.d.ts +1 -1
  44. package/dist/components/section/section.css +2 -2
  45. package/dist/components/split/index.d.ts +1 -2
  46. package/dist/components/split/index.js +1 -11
  47. package/dist/components/split/split.css +10 -36
  48. package/dist/components/split/split.schema.dereffed.json +3 -12
  49. package/dist/components/split/split.schema.json +1 -7
  50. package/dist/components/teaser-card/teaser-card.css +1 -1
  51. package/dist/static/img/people/author-john.png +0 -0
  52. package/dist/tokens/themes.css +4 -4
  53. package/dist/tokens/tokens.css +9 -9
  54. package/dist/tokens/tokens.js +9 -9
  55. package/package.json +1 -1
  56. package/dist/components/contact/contact.css +0 -125
  57. package/dist/components/contact/contact.schema.dereffed.json +0 -125
  58. package/dist/components/contact/contact.schema.json +0 -107
  59. package/dist/components/contact/index.d.ts +0 -70
  60. package/dist/components/contact/index.js +0 -16
  61. package/dist/components/html/html.schema.json +0 -25
  62. package/dist/components/html/index.d.ts +0 -26
  63. package/dist/components/html/index.js +0 -6
  64. package/dist/static/img/people/contact-jim.png +0 -0
  65. package/dist/static/img/people/contact-john.png +0 -0
  66. package/dist/static/img/people/portrait-young-girl-smiling.jpg +0 -0
  67. /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
@@ -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: {\n alt: 'Picture of Jane Smith',\n src: 'img/people/author-emily.png'\n },\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 title=\"Blog Post\"\n/>",
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
  },
@@ -28,8 +25,7 @@
28
25
  }
29
26
  ],
30
27
  "readingTime": "5 min read",
31
- "date": "12/30/2022",
32
- "title": "Blog Post"
28
+ "date": "12/30/2022"
33
29
  },
34
30
  "screenshot": "img/screenshots/blog-blog-aside--default.png"
35
31
  },
@@ -37,15 +33,19 @@
37
33
  "id": "blog-blog-head--default",
38
34
  "group": "Blog/ Blog Head",
39
35
  "name": "Default",
40
- "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/>",
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 {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]}\n/>",
41
37
  "args": {
42
38
  "date": "12/30/2022",
43
- "tags": [
44
- "Technology",
45
- "AI"
46
- ],
47
39
  "headline": "The Future of AI",
48
- "image": "img/close-up-young-business-team-working.png"
40
+ "image": "img/close-up-young-business-team-working.png",
41
+ "tags": [
42
+ {
43
+ "entry": "Technology"
44
+ },
45
+ {
46
+ "entry": "AI"
47
+ }
48
+ ]
49
49
  },
50
50
  "screenshot": "img/screenshots/blog-blog-head--default.png"
51
51
  },
@@ -53,13 +53,9 @@
53
53
  "id": "blog-blog-teaser--default",
54
54
  "group": "Blog/ Blog Teaser",
55
55
  "name": "Default",
56
- "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
+ "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 {\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/>",
57
57
  "args": {
58
58
  "date": "12/30/2022",
59
- "tags": [
60
- "Technology",
61
- "AI"
62
- ],
63
59
  "headline": "The Future of AI",
64
60
  "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.",
65
61
  "image": "img/close-up-young-business-team-working.png",
@@ -72,7 +68,15 @@
72
68
  "name": "Jane Smith",
73
69
  "title": "Senior AI Researcher",
74
70
  "image": "img/people/author-emily.png"
75
- }
71
+ },
72
+ "tags": [
73
+ {
74
+ "entry": "Technology"
75
+ },
76
+ {
77
+ "entry": "AI"
78
+ }
79
+ ]
76
80
  },
77
81
  "screenshot": "img/screenshots/blog-blog-teaser--default.png"
78
82
  },
@@ -132,7 +136,7 @@
132
136
  "id": "pages-archetypes--blog-overview",
133
137
  "group": "Pages/Archetypes",
134
138
  "name": "BlogOverview",
135
- "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 tags: [\n 'tech',\n 'tech',\n 'tech'\n ],\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 tags: [\n 'tech',\n 'tech',\n 'tech'\n ],\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 tags: [\n 'tech',\n 'tech',\n 'tech'\n ],\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/>",
139
+ "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/>",
136
140
  "args": {
137
141
  "section": [
138
142
  {
@@ -265,11 +269,6 @@
265
269
  "latestTitle": "Latest Post",
266
270
  "latest": {
267
271
  "date": "12/30/2022",
268
- "tags": [
269
- "Design Systems",
270
- "Headless Websites",
271
- "Training"
272
- ],
273
272
  "headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
274
273
  "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.",
275
274
  "image": "img/close-up-young-business-team-working.png",
@@ -282,17 +281,17 @@
282
281
  "name": "John Doe",
283
282
  "title": "CEO",
284
283
  "image": "img/people/author-alex.png"
285
- }
284
+ },
285
+ "tags": [
286
+ "Design Systems",
287
+ "Headless Websites",
288
+ "Training"
289
+ ]
286
290
  },
287
291
  "listTitle": "Recent Posts",
288
292
  "list": [
289
293
  {
290
294
  "date": "12/30/2022",
291
- "tags": [
292
- "tech",
293
- "tech",
294
- "tech"
295
- ],
296
295
  "headline": "This is a blog post headline",
297
296
  "teaserText": "This is a teaser text for the blog post",
298
297
  "image": "img/close-up-young-business-team-working.png",
@@ -309,11 +308,6 @@
309
308
  },
310
309
  {
311
310
  "date": "12/30/2022",
312
- "tags": [
313
- "tech",
314
- "tech",
315
- "tech"
316
- ],
317
311
  "headline": "This is a blog post headline",
318
312
  "teaserText": "This is a teaser text for the blog post",
319
313
  "image": "img/close-up-young-business-team-working.png",
@@ -330,11 +324,6 @@
330
324
  },
331
325
  {
332
326
  "date": "12/30/2022",
333
- "tags": [
334
- "tech",
335
- "tech",
336
- "tech"
337
- ],
338
327
  "headline": "This is a blog post headline",
339
328
  "teaserText": "This is a teaser text for the blog post",
340
329
  "image": "img/close-up-young-business-team-working.png",
@@ -354,11 +343,6 @@
354
343
  "more": [
355
344
  {
356
345
  "date": "12/30/2022",
357
- "tags": [
358
- "Design Systems",
359
- "Headless Websites",
360
- "Training"
361
- ],
362
346
  "headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
363
347
  "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.",
364
348
  "image": "img/close-up-young-business-team-working.png",
@@ -371,15 +355,15 @@
371
355
  "name": "John Doe",
372
356
  "title": "CEO",
373
357
  "image": "img/people/author-alex.png"
374
- }
358
+ },
359
+ "tags": [
360
+ "Design Systems",
361
+ "Headless Websites",
362
+ "Training"
363
+ ]
375
364
  },
376
365
  {
377
366
  "date": "12/30/2022",
378
- "tags": [
379
- "Innovation",
380
- "Headless Websites",
381
- "Systemics"
382
- ],
383
367
  "headline": "Unleashing Innovation with Headless Websites: The Future of Digital Experiences",
384
368
  "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.",
385
369
  "image": "img/close-up-young-business-team-working.png",
@@ -392,15 +376,15 @@
392
376
  "name": "Jane Doe",
393
377
  "title": "CTO",
394
378
  "image": "img/people/author-emily.png"
395
- }
379
+ },
380
+ "tags": [
381
+ "Innovation",
382
+ "Headless Websites",
383
+ "Systemics"
384
+ ]
396
385
  },
397
386
  {
398
387
  "date": "12/30/2022",
399
- "tags": [
400
- "Digital Excellence",
401
- "Systemics",
402
- "Design System Trainings"
403
- ],
404
388
  "headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
405
389
  "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.",
406
390
  "image": "img/close-up-young-business-team-working.png",
@@ -413,7 +397,12 @@
413
397
  "name": "John Doe",
414
398
  "title": "CEO",
415
399
  "image": "img/people/author-alex.png"
416
- }
400
+ },
401
+ "tags": [
402
+ "Digital Excellence",
403
+ "Systemics",
404
+ "Design System Trainings"
405
+ ]
417
406
  }
418
407
  ],
419
408
  "cta": {
@@ -450,25 +439,26 @@
450
439
  "id": "pages-archetypes--blog-post",
451
440
  "group": "Pages/Archetypes",
452
441
  "name": "BlogPost",
453
- "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 src: 'img/people/author-emily.png'\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 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 '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/>",
442
+ "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 {\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/>",
454
443
  "args": {
455
444
  "head": {
456
445
  "date": "12/30/2022",
457
- "tags": [
458
- "Technology",
459
- "AI"
460
- ],
461
446
  "headline": "The Future of AI: A Glimpse into the Unseen",
462
- "image": "img/close-up-young-business-team-working.png"
447
+ "image": "img/close-up-young-business-team-working.png",
448
+ "tags": [
449
+ {
450
+ "entry": "Technology"
451
+ },
452
+ {
453
+ "entry": "AI"
454
+ }
455
+ ]
463
456
  },
464
457
  "aside": {
465
458
  "author": {
466
459
  "name": "Jane Doe",
467
460
  "byline": "Senior Developer",
468
- "image": {
469
- "src": "img/people/author-emily.png",
470
- "alt": "Picture of Jane Smith"
471
- },
461
+ "image": "img/people/author-emily.png",
472
462
  "twitter": "Janedoe",
473
463
  "email": "Jane.doe@example.com"
474
464
  },
@@ -644,137 +634,10 @@
644
634
  "contentAlign": "center",
645
635
  "text": "Get started with our design system today and experience a new level of efficiency and consistency in your projects."
646
636
  },
647
- "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 "
637
+ "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 "
648
638
  },
649
639
  "screenshot": "img/screenshots/pages-archetypes--blog-post.png"
650
640
  },
651
- {
652
- "id": "components-contact--wide-image",
653
- "group": "Components/Contact",
654
- "name": "WideImage",
655
- "code": "<Contact\n image={{\n alt: 'Picture of Jane Smith',\n aspectRatio: 'wide',\n fullWidth: false,\n src: 'img/people/portrait-young-girl-smiling.jpg'\n }}\n links={[\n {\n href: '#',\n icon: 'twitter',\n label: '@Isabella_Doe',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'linkedin',\n label: 'Isabella.Doe',\n newTab: false\n }\n ]}\n subtitle=\"Creative Director\"\n title=\"Isabella Doe\"\n/>",
656
- "args": {
657
- "image": {
658
- "src": "img/people/portrait-young-girl-smiling.jpg",
659
- "alt": "Picture of Jane Smith",
660
- "fullWidth": false,
661
- "aspectRatio": "wide"
662
- },
663
- "title": "Isabella Doe",
664
- "subtitle": "Creative Director",
665
- "links": [
666
- {
667
- "icon": "twitter",
668
- "label": "@Isabella_Doe",
669
- "href": "#",
670
- "newTab": false
671
- },
672
- {
673
- "icon": "linkedin",
674
- "label": "Isabella.Doe",
675
- "href": "mailto:mail@example.com",
676
- "newTab": false
677
- }
678
- ]
679
- },
680
- "screenshot": "img/screenshots/components-contact--wide-image.png"
681
- },
682
- {
683
- "id": "components-contact--circular-avatar",
684
- "group": "Components/Contact",
685
- "name": "CircularAvatar",
686
- "code": "<Contact\n copy=\"Leads with a vision for innovative, user-centric web designs\"\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: '#',\n icon: 'twitter',\n label: '@jane_smith',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'linkedin',\n label: 'jane.smith',\n newTab: false\n }\n ]}\n subtitle=\"CEO at DS Agency\"\n title=\"Jane Smith\"\n/>",
687
- "args": {
688
- "image": {
689
- "src": "img/people/author-emily.png",
690
- "alt": "Picture of Jane Smith",
691
- "fullWidth": false,
692
- "aspectRatio": "square"
693
- },
694
- "title": "Jane Smith",
695
- "subtitle": "CEO at DS Agency",
696
- "links": [
697
- {
698
- "icon": "twitter",
699
- "label": "@jane_smith",
700
- "href": "#",
701
- "newTab": false
702
- },
703
- {
704
- "icon": "linkedin",
705
- "label": "jane.smith",
706
- "href": "mailto:mail@example.com",
707
- "newTab": false
708
- }
709
- ],
710
- "copy": "Leads with a vision for innovative, user-centric web designs"
711
- },
712
- "screenshot": "img/screenshots/components-contact--circular-avatar.png"
713
- },
714
- {
715
- "id": "components-contact--vertical-image-with-paragraph",
716
- "group": "Components/Contact",
717
- "name": "VerticalImageWithParagraph",
718
- "code": "<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/>",
719
- "args": {
720
- "image": {
721
- "src": "img/people/contact-john.png",
722
- "alt": "Picture of Jane Smith",
723
- "fullWidth": false,
724
- "aspectRatio": "vertical"
725
- },
726
- "title": "John Smith",
727
- "subtitle": "Sales Representative",
728
- "links": [
729
- {
730
- "icon": "xing",
731
- "label": "john.smith",
732
- "href": "mailto:mail@example.com",
733
- "newTab": false
734
- },
735
- {
736
- "icon": "twitter",
737
- "label": "@john_smith",
738
- "href": "#",
739
- "newTab": false
740
- }
741
- ],
742
- "copy": "Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences."
743
- },
744
- "screenshot": "img/screenshots/components-contact--vertical-image-with-paragraph.png"
745
- },
746
- {
747
- "id": "components-contact--full-image-width",
748
- "group": "Components/Contact",
749
- "name": "FullImageWidth",
750
- "code": "<Contact\n copy=\"Blends artistic flair with technical expertise, creating visually stunning and intuitive websites that captivate users and drive engagement.\"\n image={{\n alt: 'Picture of Jane Smith',\n aspectRatio: 'wide',\n fullWidth: true,\n src: 'img/people/contact-jim.png'\n }}\n links={[\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'jim.johnsson@mail.com',\n newTab: false\n },\n {\n href: '#',\n icon: 'facebook',\n label: '@jim_johnsson',\n newTab: false\n }\n ]}\n subtitle=\"Lead Designer\"\n title=\"Jim Johnsson\"\n/>",
751
- "args": {
752
- "image": {
753
- "src": "img/people/contact-jim.png",
754
- "alt": "Picture of Jane Smith",
755
- "fullWidth": true,
756
- "aspectRatio": "wide"
757
- },
758
- "title": "Jim Johnsson",
759
- "subtitle": "Lead Designer",
760
- "links": [
761
- {
762
- "icon": "email",
763
- "label": "jim.johnsson@mail.com",
764
- "href": "mailto:mail@example.com",
765
- "newTab": false
766
- },
767
- {
768
- "icon": "facebook",
769
- "label": "@jim_johnsson",
770
- "href": "#",
771
- "newTab": false
772
- }
773
- ],
774
- "copy": "Blends artistic flair with technical expertise, creating visually stunning and intuitive websites that captivate users and drive engagement."
775
- },
776
- "screenshot": "img/screenshots/components-contact--full-image-width.png"
777
- },
778
641
  {
779
642
  "id": "components-cta--banner",
780
643
  "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(ContactProvider, { children: jsx(ButtonGroupProvider, { children: jsx(HeadlineProvider, { children: jsx(SectionProvider, { children: jsx(TeaserBoxProvider, { ...props }) }) }) }) }) }) }));
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 };
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
3
- import { SectionProps } from "../../SectionProps-83d399b4.js";
3
+ import { SectionProps } from "../../SectionProps-03ff6d21.js";
4
4
  declare const SectionContextDefault: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const SectionContext: import("react").Context<import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Section: import("react").ForwardRefExoticComponent<SectionProps & Omit<HTMLAttributes<HTMLElement>, "style" | "content"> & import("react").RefAttributes<HTMLDivElement>>;
@@ -18,9 +18,9 @@
18
18
  --dsa-section__content--width_wide: 75rem;
19
19
  --dsa-section__content--width_max: 100vw;
20
20
  --dsa-section__content--width_full: 100vw;
21
- --dsa-section--background-color_default: var(--ks-color-bg);
22
- --dsa-section--background-color_bold: var(--ks-background-color-bold);
21
+ --dsa-section--background-color_default: var(--ks-background-color-default);
23
22
  --dsa-section--background-color_accent: var(--ks-background-color-accent);
23
+ --dsa-section--background-color_bold: var(--ks-background-color-bold);
24
24
  --dsa-section__slider-arrow--color: var(--ks-text-color-interface-interactive);
25
25
  --dsa-section__slider-arrow--background-color: transparent;
26
26
  --dsa-section__slider-arrow--size: 2rem;
@@ -6,8 +6,7 @@ import { FC, PropsWithChildren } from "react";
6
6
  * and run json-schema-to-typescript to regenerate this file.
7
7
  */
8
8
  interface SplitProps {
9
- layout?: "sidebarRight" | "sidebarLeft";
10
- mainSectionWidth?: "narrow" | "medium" | "wide";
9
+ layout?: "sidebarRight" | "sidebarLeft" | "even";
11
10
  }
12
11
  declare const Split: FC<PropsWithChildren<SplitProps>>;
13
12
  export { Split };
@@ -2,16 +2,6 @@ import "./split.css";
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import classnames from 'classnames';
4
4
 
5
- const Split = ({ layout = "sidebarRight", mainSectionWidth = "default", children, }) => (jsx("div", { className: classnames("l-split", layout === "sidebarRight"
6
- ? "l-split--sidebar-right"
7
- : layout === "sidebarLeft"
8
- ? "l-split--sidebar-left"
9
- : "l-split--sidebar-right", mainSectionWidth === "narrow"
10
- ? "l-split--narrow"
11
- : mainSectionWidth === "medium"
12
- ? "l-split--medium"
13
- : mainSectionWidth === "wide"
14
- ? "l-split--wide"
15
- : "l-split--medium"), children: children }));
5
+ const Split = ({ layout, children, }) => (jsx("div", { className: classnames(`l-split l-split--${layout}`), children: children }));
16
6
 
17
7
  export { Split };
@@ -1,50 +1,24 @@
1
- .l-split {
2
- --dsa-split--gap-vertical: var(--ks-spacing-stack-l);
3
- --dsa-split--gap-horizontal: var(--ks-spacing-inline-l);
4
- --dsa-split__side--top-margin: var(--ks-spacing-stack-l);
5
- --dsa-split__side--flex-basis: 210px;
6
- }
7
-
8
- .l-split {
1
+ .l-split--sidebarRight {
9
2
  display: flex;
10
3
  flex-wrap: wrap;
11
- gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
12
- }
13
- .l-split--narrow {
14
- --split__main--flex-basis: var(--l-section--content-width-narrow);
15
- }
16
- .l-split--medium {
17
- --split__main--flex-basis: var(--l-section--content-width-default);
18
- }
19
- .l-split--wide {
20
- --split__main--flex-basis: var(--l-section--content-width-wide);
4
+ gap: var(--ks-spacing-stack-l) var(--ks-spacing-inline-xl);
21
5
  }
22
6
  @media (min-width: 48em) {
23
- .l-split {
7
+ .l-split--sidebarRight {
24
8
  justify-content: space-between;
25
9
  }
26
10
  }
27
- .l-split > * {
11
+ .l-split--sidebarRight > :first-child {
12
+ flex-basis: calc(var(--l-section--content-width-default) - var(--l-section--content-padding) * 2);
28
13
  flex-grow: 1;
29
14
  flex-shrink: 1;
30
15
  }
31
- .l-split--sidebar-right > :first-child {
32
- flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
33
- }
34
- .l-split--sidebar-right > :last-child {
35
- flex-basis: var(--dsa-split__side--flex-basis, 210px);
36
- position: -webkit-sticky;
37
- position: sticky;
38
- top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
39
- height: fit-content;
40
- }
41
- .l-split--sidebar-left > :last-child {
42
- flex-basis: calc(var(--split__main--flex-basis) - var(--l-section--content-padding) * 2);
43
- }
44
- .l-split--sidebar-left > :first-child {
45
- flex-basis: var(--dsa-split__side--flex-basis, 210px);
16
+ .l-split--sidebarRight > :last-child {
17
+ flex-grow: 1;
18
+ flex-shrink: 1;
19
+ flex-basis: 210px;
46
20
  position: -webkit-sticky;
47
21
  position: sticky;
48
- top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
22
+ top: var(--ks-spacing-stack-l);
49
23
  height: fit-content;
50
24
  }