@kickstartds/ds-agency-premium 1.4.6 → 1.4.7--canary.15.776.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BlogAsideProps-e1cbd5d3.d.ts → BlogAsideProps-99489f0b.d.ts} +11 -4
- package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-f9a49428.d.ts} +1 -2
- package/dist/{BlogOverviewProps-9f207f1c.d.ts → BlogOverviewProps-83d399b4.d.ts} +1 -1
- package/dist/{BlogPostProps-440f88a5.d.ts → BlogPostProps-83d399b4.d.ts} +2 -2
- package/dist/{BlogTeaserProps-f5855e93.d.ts → BlogTeaserProps-525f7f9f.d.ts} +1 -2
- package/dist/SectionProps-83d399b4.d.ts +1 -1
- package/dist/components/blog-aside/blog-aside.css +8 -16
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +21 -7
- package/dist/components/blog-aside/blog-aside.schema.json +16 -5
- 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 +4 -18
- package/dist/components/blog-head/blog-head.schema.json +2 -1
- 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 +12 -54
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +25 -25
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +1 -1
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +4 -18
- package/dist/components/blog-teaser/blog-teaser.schema.json +2 -1
- package/dist/components/blog-teaser/index.d.ts +1 -1
- package/dist/components/blog-teaser/index.js +1 -1
- package/dist/components/contact/contact.css +73 -0
- package/dist/components/contact/contact.schema.dereffed.json +108 -0
- package/dist/components/contact/contact.schema.json +94 -0
- package/dist/components/contact/index.d.ts +60 -0
- package/dist/components/contact/index.js +15 -0
- package/dist/components/html/html.schema.json +25 -0
- package/dist/components/html/index.d.ts +26 -0
- package/dist/components/html/index.js +6 -0
- package/dist/components/image-story/index.d.ts +1 -1
- package/dist/components/index/index.d.ts +2 -2
- package/dist/components/page-wrapper/index.js +6 -0
- package/dist/components/page-wrapper/tokens.css +3 -3
- package/dist/components/presets.json +94 -42
- package/dist/components/providers/index.js +7 -1
- package/dist/components/split/index.d.ts +2 -1
- package/dist/components/split/index.js +11 -1
- package/dist/components/split/split.css +36 -10
- package/dist/components/split/split.schema.dereffed.json +12 -3
- package/dist/components/split/split.schema.json +7 -1
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +3 -3
- package/dist/tokens/tokens.js +3 -3
- package/package.json +1 -1
- package/dist/BlogTagProps-f5855e93.d.ts +0 -16
- package/dist/components/blog-tag/blog-tag.schema.dereffed.json +0 -21
- package/dist/components/blog-tag/blog-tag.schema.json +0 -16
- /package/dist/{ImageStoryProps-e853e1e7.d.ts → ImageStoryProps-03ff6d21.d.ts} +0 -0
|
@@ -3,12 +3,15 @@
|
|
|
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: '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/>",
|
|
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/>",
|
|
7
7
|
"args": {
|
|
8
8
|
"author": {
|
|
9
9
|
"name": "Jane Smith",
|
|
10
10
|
"byline": "CEO at Company",
|
|
11
|
-
"image":
|
|
11
|
+
"image": {
|
|
12
|
+
"src": "img/people/author-emily.png",
|
|
13
|
+
"alt": "Picture of Jane Smith"
|
|
14
|
+
},
|
|
12
15
|
"twitter": "jane_smith",
|
|
13
16
|
"email": "jane.smith@example.com"
|
|
14
17
|
},
|
|
@@ -25,7 +28,8 @@
|
|
|
25
28
|
}
|
|
26
29
|
],
|
|
27
30
|
"readingTime": "5 min read",
|
|
28
|
-
"date": "12/30/2022"
|
|
31
|
+
"date": "12/30/2022",
|
|
32
|
+
"title": "Blog Post"
|
|
29
33
|
},
|
|
30
34
|
"screenshot": "img/screenshots/blog-blog-aside--default.png"
|
|
31
35
|
},
|
|
@@ -36,12 +40,12 @@
|
|
|
36
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/>",
|
|
37
41
|
"args": {
|
|
38
42
|
"date": "12/30/2022",
|
|
39
|
-
"headline": "The Future of AI",
|
|
40
|
-
"image": "img/close-up-young-business-team-working.png",
|
|
41
43
|
"tags": [
|
|
42
44
|
"Technology",
|
|
43
45
|
"AI"
|
|
44
|
-
]
|
|
46
|
+
],
|
|
47
|
+
"headline": "The Future of AI",
|
|
48
|
+
"image": "img/close-up-young-business-team-working.png"
|
|
45
49
|
},
|
|
46
50
|
"screenshot": "img/screenshots/blog-blog-head--default.png"
|
|
47
51
|
},
|
|
@@ -52,6 +56,10 @@
|
|
|
52
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/>",
|
|
53
57
|
"args": {
|
|
54
58
|
"date": "12/30/2022",
|
|
59
|
+
"tags": [
|
|
60
|
+
"Technology",
|
|
61
|
+
"AI"
|
|
62
|
+
],
|
|
55
63
|
"headline": "The Future of AI",
|
|
56
64
|
"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.",
|
|
57
65
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -64,11 +72,7 @@
|
|
|
64
72
|
"name": "Jane Smith",
|
|
65
73
|
"title": "Senior AI Researcher",
|
|
66
74
|
"image": "img/people/author-emily.png"
|
|
67
|
-
}
|
|
68
|
-
"tags": [
|
|
69
|
-
"Technology",
|
|
70
|
-
"AI"
|
|
71
|
-
]
|
|
75
|
+
}
|
|
72
76
|
},
|
|
73
77
|
"screenshot": "img/screenshots/blog-blog-teaser--default.png"
|
|
74
78
|
},
|
|
@@ -128,7 +132,7 @@
|
|
|
128
132
|
"id": "pages-archetypes--blog-overview",
|
|
129
133
|
"group": "Pages/Archetypes",
|
|
130
134
|
"name": "BlogOverview",
|
|
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
|
+
"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/>",
|
|
132
136
|
"args": {
|
|
133
137
|
"section": [
|
|
134
138
|
{
|
|
@@ -261,6 +265,11 @@
|
|
|
261
265
|
"latestTitle": "Latest Post",
|
|
262
266
|
"latest": {
|
|
263
267
|
"date": "12/30/2022",
|
|
268
|
+
"tags": [
|
|
269
|
+
"Design Systems",
|
|
270
|
+
"Headless Websites",
|
|
271
|
+
"Training"
|
|
272
|
+
],
|
|
264
273
|
"headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
|
|
265
274
|
"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.",
|
|
266
275
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -273,17 +282,17 @@
|
|
|
273
282
|
"name": "John Doe",
|
|
274
283
|
"title": "CEO",
|
|
275
284
|
"image": "img/people/author-alex.png"
|
|
276
|
-
}
|
|
277
|
-
"tags": [
|
|
278
|
-
"Design Systems",
|
|
279
|
-
"Headless Websites",
|
|
280
|
-
"Training"
|
|
281
|
-
]
|
|
285
|
+
}
|
|
282
286
|
},
|
|
283
287
|
"listTitle": "Recent Posts",
|
|
284
288
|
"list": [
|
|
285
289
|
{
|
|
286
290
|
"date": "12/30/2022",
|
|
291
|
+
"tags": [
|
|
292
|
+
"tech",
|
|
293
|
+
"tech",
|
|
294
|
+
"tech"
|
|
295
|
+
],
|
|
287
296
|
"headline": "This is a blog post headline",
|
|
288
297
|
"teaserText": "This is a teaser text for the blog post",
|
|
289
298
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -300,6 +309,11 @@
|
|
|
300
309
|
},
|
|
301
310
|
{
|
|
302
311
|
"date": "12/30/2022",
|
|
312
|
+
"tags": [
|
|
313
|
+
"tech",
|
|
314
|
+
"tech",
|
|
315
|
+
"tech"
|
|
316
|
+
],
|
|
303
317
|
"headline": "This is a blog post headline",
|
|
304
318
|
"teaserText": "This is a teaser text for the blog post",
|
|
305
319
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -316,6 +330,11 @@
|
|
|
316
330
|
},
|
|
317
331
|
{
|
|
318
332
|
"date": "12/30/2022",
|
|
333
|
+
"tags": [
|
|
334
|
+
"tech",
|
|
335
|
+
"tech",
|
|
336
|
+
"tech"
|
|
337
|
+
],
|
|
319
338
|
"headline": "This is a blog post headline",
|
|
320
339
|
"teaserText": "This is a teaser text for the blog post",
|
|
321
340
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -335,6 +354,11 @@
|
|
|
335
354
|
"more": [
|
|
336
355
|
{
|
|
337
356
|
"date": "12/30/2022",
|
|
357
|
+
"tags": [
|
|
358
|
+
"Design Systems",
|
|
359
|
+
"Headless Websites",
|
|
360
|
+
"Training"
|
|
361
|
+
],
|
|
338
362
|
"headline": "Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality",
|
|
339
363
|
"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.",
|
|
340
364
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -347,15 +371,15 @@
|
|
|
347
371
|
"name": "John Doe",
|
|
348
372
|
"title": "CEO",
|
|
349
373
|
"image": "img/people/author-alex.png"
|
|
350
|
-
}
|
|
351
|
-
"tags": [
|
|
352
|
-
"Design Systems",
|
|
353
|
-
"Headless Websites",
|
|
354
|
-
"Training"
|
|
355
|
-
]
|
|
374
|
+
}
|
|
356
375
|
},
|
|
357
376
|
{
|
|
358
377
|
"date": "12/30/2022",
|
|
378
|
+
"tags": [
|
|
379
|
+
"Innovation",
|
|
380
|
+
"Headless Websites",
|
|
381
|
+
"Systemics"
|
|
382
|
+
],
|
|
359
383
|
"headline": "Unleashing Innovation with Headless Websites: The Future of Digital Experiences",
|
|
360
384
|
"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.",
|
|
361
385
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -368,15 +392,15 @@
|
|
|
368
392
|
"name": "Jane Doe",
|
|
369
393
|
"title": "CTO",
|
|
370
394
|
"image": "img/people/author-emily.png"
|
|
371
|
-
}
|
|
372
|
-
"tags": [
|
|
373
|
-
"Innovation",
|
|
374
|
-
"Headless Websites",
|
|
375
|
-
"Systemics"
|
|
376
|
-
]
|
|
395
|
+
}
|
|
377
396
|
},
|
|
378
397
|
{
|
|
379
398
|
"date": "12/30/2022",
|
|
399
|
+
"tags": [
|
|
400
|
+
"Digital Excellence",
|
|
401
|
+
"Systemics",
|
|
402
|
+
"Design System Trainings"
|
|
403
|
+
],
|
|
380
404
|
"headline": "Investing in Digital Excellence: Systemics' Design System Trainings",
|
|
381
405
|
"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.",
|
|
382
406
|
"image": "img/close-up-young-business-team-working.png",
|
|
@@ -389,12 +413,7 @@
|
|
|
389
413
|
"name": "John Doe",
|
|
390
414
|
"title": "CEO",
|
|
391
415
|
"image": "img/people/author-alex.png"
|
|
392
|
-
}
|
|
393
|
-
"tags": [
|
|
394
|
-
"Digital Excellence",
|
|
395
|
-
"Systemics",
|
|
396
|
-
"Design System Trainings"
|
|
397
|
-
]
|
|
416
|
+
}
|
|
398
417
|
}
|
|
399
418
|
],
|
|
400
419
|
"cta": {
|
|
@@ -431,22 +450,25 @@
|
|
|
431
450
|
"id": "pages-archetypes--blog-post",
|
|
432
451
|
"group": "Pages/Archetypes",
|
|
433
452
|
"name": "BlogPost",
|
|
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 **
|
|
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/>",
|
|
435
454
|
"args": {
|
|
436
455
|
"head": {
|
|
437
456
|
"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",
|
|
440
457
|
"tags": [
|
|
441
458
|
"Technology",
|
|
442
459
|
"AI"
|
|
443
|
-
]
|
|
460
|
+
],
|
|
461
|
+
"headline": "The Future of AI: A Glimpse into the Unseen",
|
|
462
|
+
"image": "img/close-up-young-business-team-working.png"
|
|
444
463
|
},
|
|
445
464
|
"aside": {
|
|
446
465
|
"author": {
|
|
447
466
|
"name": "Jane Doe",
|
|
448
467
|
"byline": "Senior Developer",
|
|
449
|
-
"image":
|
|
468
|
+
"image": {
|
|
469
|
+
"src": "img/people/author-emily.png",
|
|
470
|
+
"alt": "Picture of Jane Smith"
|
|
471
|
+
},
|
|
450
472
|
"twitter": "Janedoe",
|
|
451
473
|
"email": "Jane.doe@example.com"
|
|
452
474
|
},
|
|
@@ -622,10 +644,40 @@
|
|
|
622
644
|
"contentAlign": "center",
|
|
623
645
|
"text": "Get started with our design system today and experience a new level of efficiency and consistency in your projects."
|
|
624
646
|
},
|
|
625
|
-
"content": "\n## Introduction\nThe future of **
|
|
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 "
|
|
626
648
|
},
|
|
627
649
|
"screenshot": "img/screenshots/pages-archetypes--blog-post.png"
|
|
628
650
|
},
|
|
651
|
+
{
|
|
652
|
+
"id": "components-contact--person",
|
|
653
|
+
"group": "Components/Contact",
|
|
654
|
+
"name": "Person",
|
|
655
|
+
"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 subtitle=\"CEO at Company\"\n title=\"Jane Smith\"\n/>",
|
|
656
|
+
"args": {
|
|
657
|
+
"image": {
|
|
658
|
+
"src": "img/people/author-emily.png",
|
|
659
|
+
"alt": "Picture of Jane Smith",
|
|
660
|
+
"width": 300
|
|
661
|
+
},
|
|
662
|
+
"title": "Jane Smith",
|
|
663
|
+
"subtitle": "CEO at Company",
|
|
664
|
+
"links": [
|
|
665
|
+
{
|
|
666
|
+
"icon": "twitter",
|
|
667
|
+
"label": "@jane_smith",
|
|
668
|
+
"href": "#",
|
|
669
|
+
"newTab": false
|
|
670
|
+
},
|
|
671
|
+
{
|
|
672
|
+
"icon": "email",
|
|
673
|
+
"label": "jane.smith@example.com",
|
|
674
|
+
"href": "mailto:mail@example.com",
|
|
675
|
+
"newTab": false
|
|
676
|
+
}
|
|
677
|
+
]
|
|
678
|
+
},
|
|
679
|
+
"screenshot": "img/screenshots/components-contact--person.png"
|
|
680
|
+
},
|
|
629
681
|
{
|
|
630
682
|
"id": "components-cta--banner",
|
|
631
683
|
"group": "Components/Cta",
|
|
@@ -2,6 +2,7 @@ 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';
|
|
5
6
|
import { HeadlineProvider } from '../headline/index.js';
|
|
6
7
|
import { ThemeProvider } from '@bedrock-layout/spacing-constants';
|
|
7
8
|
import { ButtonGroupProvider } from '../button-group/index.js';
|
|
@@ -14,6 +15,11 @@ import '../section/js/Section.client.js';
|
|
|
14
15
|
import '@kickstartds/core/lib/component';
|
|
15
16
|
import '@kickstartds/base/lib/teaser-box';
|
|
16
17
|
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';
|
|
17
23
|
import 'markdown-to-jsx';
|
|
18
24
|
import '@kickstartds/base/lib/headline';
|
|
19
25
|
import '@kickstartds/base/lib/button-group';
|
|
@@ -32,7 +38,7 @@ const theme = {
|
|
|
32
38
|
};
|
|
33
39
|
const BedrockProvider = (props) => (jsx(ThemeProvider, { theme: theme, ...props }));
|
|
34
40
|
|
|
35
|
-
const Providers = (props) => (jsx(BedrockProvider, { children: jsx(ButtonProvider, { children: jsx(ButtonGroupProvider, { children: jsx(HeadlineProvider, { children: jsx(SectionProvider, { children: jsx(TeaserBoxProvider, { ...props }) }) }) }) }) }));
|
|
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 }) }) }) }) }) }) }));
|
|
36
42
|
const providerDecorator = (storyFn, context) => (jsx(Providers, { children: storyFn(context) }));
|
|
37
43
|
|
|
38
44
|
export { Providers as default, providerDecorator };
|
|
@@ -6,7 +6,8 @@ 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"
|
|
9
|
+
layout?: "sidebarRight" | "sidebarLeft";
|
|
10
|
+
mainSectionWidth?: "narrow" | "medium" | "wide";
|
|
10
11
|
}
|
|
11
12
|
declare const Split: FC<PropsWithChildren<SplitProps>>;
|
|
12
13
|
export { Split };
|
|
@@ -2,6 +2,16 @@ import "./split.css";
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
|
|
5
|
-
const Split = ({ layout, children, }) => (jsx("div", { className: classnames(
|
|
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 }));
|
|
6
16
|
|
|
7
17
|
export { Split };
|
|
@@ -1,24 +1,50 @@
|
|
|
1
|
-
.l-split
|
|
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 {
|
|
2
9
|
display: flex;
|
|
3
10
|
flex-wrap: wrap;
|
|
4
|
-
gap: var(--
|
|
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);
|
|
5
21
|
}
|
|
6
22
|
@media (min-width: 48em) {
|
|
7
|
-
.l-split
|
|
23
|
+
.l-split {
|
|
8
24
|
justify-content: space-between;
|
|
9
25
|
}
|
|
10
26
|
}
|
|
11
|
-
.l-split
|
|
12
|
-
flex-basis: calc(var(--l-section--content-width-default) - var(--l-section--content-padding) * 2);
|
|
27
|
+
.l-split > * {
|
|
13
28
|
flex-grow: 1;
|
|
14
29
|
flex-shrink: 1;
|
|
15
30
|
}
|
|
16
|
-
.l-split--
|
|
17
|
-
flex-
|
|
18
|
-
|
|
19
|
-
|
|
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);
|
|
20
46
|
position: -webkit-sticky;
|
|
21
47
|
position: sticky;
|
|
22
|
-
top: var(--ks-spacing-stack-l);
|
|
48
|
+
top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
|
|
23
49
|
height: fit-content;
|
|
24
50
|
}
|
|
@@ -8,9 +8,18 @@
|
|
|
8
8
|
"type": "string",
|
|
9
9
|
"enum": [
|
|
10
10
|
"sidebarRight",
|
|
11
|
-
"sidebarLeft"
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
"sidebarLeft"
|
|
12
|
+
],
|
|
13
|
+
"default": "sidebarRight"
|
|
14
|
+
},
|
|
15
|
+
"mainSectionWidth": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"enum": [
|
|
18
|
+
"narrow",
|
|
19
|
+
"medium",
|
|
20
|
+
"wide"
|
|
21
|
+
],
|
|
22
|
+
"default": "medium"
|
|
14
23
|
},
|
|
15
24
|
"type": {
|
|
16
25
|
"const": "split"
|
|
@@ -6,7 +6,13 @@
|
|
|
6
6
|
"properties": {
|
|
7
7
|
"layout": {
|
|
8
8
|
"type": "string",
|
|
9
|
-
"enum": ["sidebarRight", "sidebarLeft",
|
|
9
|
+
"enum": ["sidebarRight", "sidebarLeft"],
|
|
10
|
+
"default": "sidebarRight"
|
|
11
|
+
},
|
|
12
|
+
"mainSectionWidth": {
|
|
13
|
+
"type": "string",
|
|
14
|
+
"enum": ["narrow", "medium", "wide"],
|
|
15
|
+
"default": "medium"
|
|
10
16
|
}
|
|
11
17
|
},
|
|
12
18
|
"additionalProperties": false
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 Aug 2024 10:22:16 GMT
|
|
4
4
|
*/
|
|
5
5
|
:root [ks-theme=business] {
|
|
6
6
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -2727,7 +2727,7 @@
|
|
|
2727
2727
|
}
|
|
2728
2728
|
/**
|
|
2729
2729
|
* Do not edit directly
|
|
2730
|
-
* Generated on
|
|
2730
|
+
* Generated on Tue, 27 Aug 2024 10:22:20 GMT
|
|
2731
2731
|
*/
|
|
2732
2732
|
:root [ks-theme=google] {
|
|
2733
2733
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -5458,7 +5458,7 @@
|
|
|
5458
5458
|
}
|
|
5459
5459
|
/**
|
|
5460
5460
|
* Do not edit directly
|
|
5461
|
-
* Generated on
|
|
5461
|
+
* Generated on Tue, 27 Aug 2024 10:22:18 GMT
|
|
5462
5462
|
*/
|
|
5463
5463
|
:root [ks-theme=ngo] {
|
|
5464
5464
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
|
@@ -8459,7 +8459,7 @@
|
|
|
8459
8459
|
}
|
|
8460
8460
|
/**
|
|
8461
8461
|
* Do not edit directly
|
|
8462
|
-
* Generated on
|
|
8462
|
+
* Generated on Tue, 27 Aug 2024 10:22:22 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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 Aug 2024 10:22:13 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root, [ks-theme] {
|
|
@@ -116,8 +116,8 @@
|
|
|
116
116
|
--ks-background-color-secondary-inverted-interactive-active-base: var(--ks-color-secondary-inverted-to-bg-2-base);
|
|
117
117
|
--ks-background-color-secondary-inverted-interactive-selected-base: var(--ks-color-secondary-inverted-to-bg-4-base);
|
|
118
118
|
--ks-background-color-secondary-inverted-translucent-base: var(--ks-color-secondary-inverted-alpha-5-base);
|
|
119
|
-
--ks-border-color-accent-base: var(--ks-color-
|
|
120
|
-
--ks-border-color-accent-inverted-base: var(--ks-color-
|
|
119
|
+
--ks-border-color-accent-base: var(--ks-color-fg-to-bg-7-base);
|
|
120
|
+
--ks-border-color-accent-inverted-base: var(--ks-color-fg-inverted-to-bg-7-base);
|
|
121
121
|
--ks-border-color-clear-base: var(--ks-color-transparent-base);
|
|
122
122
|
--ks-border-color-clear-interactive-base: var(--ks-color-transparent-base);
|
|
123
123
|
--ks-border-color-clear-interactive-hover-base: var(--ks-color-primary-alpha-8-base);
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 27 Aug 2024 10:22:14 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const KsBackgroundColorAccentBase = "#230a2b";
|
|
@@ -115,8 +115,8 @@ export const KsBackgroundColorSecondaryInvertedInteractiveHoverBase = "#e43489";
|
|
|
115
115
|
export const KsBackgroundColorSecondaryInvertedInteractiveActiveBase = "#e43489";
|
|
116
116
|
export const KsBackgroundColorSecondaryInvertedInteractiveSelectedBase = "#e868a6";
|
|
117
117
|
export const KsBackgroundColorSecondaryInvertedTranslucentBase = "rgba(226, 24, 121, 0.5)";
|
|
118
|
-
export const KsBorderColorAccentBase = "#
|
|
119
|
-
export const KsBorderColorAccentInvertedBase = "#
|
|
118
|
+
export const KsBorderColorAccentBase = "#424355";
|
|
119
|
+
export const KsBorderColorAccentInvertedBase = "#b9b9c0";
|
|
120
120
|
export const KsBorderColorClearBase = "rgba(0, 0, 0, 0)";
|
|
121
121
|
export const KsBorderColorClearInteractiveBase = "rgba(0, 0, 0, 0)";
|
|
122
122
|
export const KsBorderColorClearInteractiveHoverBase = "rgba(226, 24, 121, 0.13)";
|
package/package.json
CHANGED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
3
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
4
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
5
|
-
*/
|
|
6
|
-
/**
|
|
7
|
-
* Name of the tag entry
|
|
8
|
-
*/
|
|
9
|
-
type Entry = string;
|
|
10
|
-
/**
|
|
11
|
-
* Tag given to a blog post
|
|
12
|
-
*/
|
|
13
|
-
interface BlogTagProps {
|
|
14
|
-
entry: Entry;
|
|
15
|
-
}
|
|
16
|
-
export { Entry, BlogTagProps };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
|
|
4
|
-
"title": "Blog Tag",
|
|
5
|
-
"description": "Tag given to a blog post",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"entry": {
|
|
9
|
-
"title": "Entry",
|
|
10
|
-
"description": "Name of the tag entry",
|
|
11
|
-
"type": "string"
|
|
12
|
-
},
|
|
13
|
-
"type": {
|
|
14
|
-
"const": "blog-tag"
|
|
15
|
-
}
|
|
16
|
-
},
|
|
17
|
-
"additionalProperties": false,
|
|
18
|
-
"required": [
|
|
19
|
-
"entry"
|
|
20
|
-
]
|
|
21
|
-
}
|