@kickstartds/ds-agency-premium 1.6.71--canary.45.1893.0 → 1.6.71--canary.45.1899.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/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +1 -1
- package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-789f8508.d.ts} +1 -6
- package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-2ff0068e.d.ts} +2 -7
- package/dist/SectionProps-21d04028.d.ts +3 -3
- package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-789f8508.d.ts} +2 -2
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +6 -32
- package/dist/components/blog-post/blog-post.schema.dereffed.json +6 -32
- package/dist/components/cta/cta.schema.dereffed.json +0 -6
- package/dist/components/cta/cta.schema.json +0 -6
- package/dist/components/cta/index.d.ts +1 -1
- package/dist/components/cta/index.js +1 -1
- package/dist/components/hero/hero.css +23 -27
- package/dist/components/hero/hero.schema.dereffed.json +3 -7
- package/dist/components/hero/hero.schema.json +9 -7
- package/dist/components/hero/index.d.ts +1 -1
- package/dist/components/hero/index.js +15 -5
- package/dist/components/page/page.schema.dereffed.json +6 -26
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +2 -16
- package/dist/components/section/section.schema.dereffed.json +6 -26
- package/dist/components/slider/index.d.ts +1 -1
- package/dist/components/slider/slider.schema.dereffed.json +3 -13
- package/dist/components/split-even/index.d.ts +3 -3
- package/dist/components/split-even/split-even.schema.dereffed.json +12 -52
- package/dist/components/split-weighted/index.d.ts +3 -3
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +12 -52
- package/dist/components/testimonials/index.d.ts +1 -1
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
|
@@ -355,7 +355,7 @@
|
|
|
355
355
|
"id": "page-archetypes-blog-overview--blog-overview",
|
|
356
356
|
"group": "Page Archetypes/Blog Overview",
|
|
357
357
|
"name": "BlogOverview",
|
|
358
|
-
"code": "<BlogOverview\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n url: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n align: 'center',\n padding: false,\n src: 'img/people/contact-person.png'\n },\n
|
|
358
|
+
"code": "<BlogOverview\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n url: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n align: 'center',\n padding: false,\n src: 'img/people/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n padding: false,\n sub: 'Chat with us about getting your product or platform to market faster',\n text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n textAlign: 'left',\n width: 'wide'\n }}\n latest={{\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n },\n {\n entry: 'Headless Websites'\n },\n {\n entry: 'Training'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article3'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Training'\n }\n ],\n teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n }\n ]}\n listTitle=\"Recent Posts\"\n more={[\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n alt: 'Image of a business team working',\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n text: 'Read article',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n }\n ]}\n moreTitle=\"Featured Posts\"\n section={[\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: '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: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: '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: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: 'default',\n width: 'default'\n }\n ]}\n/>",
|
|
359
359
|
"args": {
|
|
360
360
|
"section": [
|
|
361
361
|
{
|
|
@@ -668,7 +668,6 @@
|
|
|
668
668
|
"textAlign": "left",
|
|
669
669
|
"align": "center",
|
|
670
670
|
"padding": false,
|
|
671
|
-
"inverted": false,
|
|
672
671
|
"fullWidth": true,
|
|
673
672
|
"contentAlign": "center",
|
|
674
673
|
"text": "Our modular design approach allows for flexibility and scalability in your application's architecture.",
|
|
@@ -681,7 +680,7 @@
|
|
|
681
680
|
"id": "page-archetypes-blog-post--blog-post",
|
|
682
681
|
"group": "Page Archetypes/Blog Post",
|
|
683
682
|
"name": "BlogPost",
|
|
684
|
-
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Doe',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/contact-isabella.png'\n },\n links: [\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false,\n url: 'tel:+4922868896620'\n },\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false,\n url: 'mailto:mail@example.com'\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n icon: 'twitter',\n title: 'Share on Twitter',\n url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n },\n {\n icon: 'linkedin',\n title: 'Share on LinkedIn',\n url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\n }\n ]\n }}\n contact={{\n copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'vertical',\n fullWidth: false,\n src: 'img/people/contact-john.png'\n },\n links: [\n {\n icon: 'xing',\n label: 'john.smith',\n newTab: false,\n url: 'mailto:mail@example.com'\n },\n {\n icon: 'twitter',\n label: '@john_smith',\n newTab: false,\n url: '#'\n }\n ],\n subtitle: 'Sales Representative',\n title: 'John Smith'\n }}\n content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n \"\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n url: '#'\n }\n ],\n colorNeutral: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n align: 'center',\n padding: true\n },\n
|
|
683
|
+
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Doe',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/contact-isabella.png'\n },\n links: [\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false,\n url: 'tel:+4922868896620'\n },\n {\n ariaLabel: 'Link to Isabella Doe\\'s social media profile',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false,\n url: 'mailto:mail@example.com'\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n icon: 'twitter',\n title: 'Share on Twitter',\n url: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog'\n },\n {\n icon: 'linkedin',\n title: 'Share on LinkedIn',\n url: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline'\n }\n ]\n }}\n contact={{\n copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'vertical',\n fullWidth: false,\n src: 'img/people/contact-john.png'\n },\n links: [\n {\n icon: 'xing',\n label: 'john.smith',\n newTab: false,\n url: 'mailto:mail@example.com'\n },\n {\n icon: 'twitter',\n label: '@john_smith',\n newTab: false,\n url: '#'\n }\n ],\n subtitle: 'Sales Representative',\n title: 'John Smith'\n }}\n content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n \"\n cta={{\n align: 'center',\n buttons: [\n {\n icon: 'person',\n label: 'Contact Us',\n url: '#'\n },\n {\n icon: 'date',\n label: 'Learn More',\n url: '#'\n }\n ],\n colorNeutral: false,\n headline: 'Ready to Transform Your Development Process?',\n highlightText: false,\n image: {\n align: 'center',\n padding: true\n },\n order: {\n desktopImageLast: true,\n mobileImageLast: false\n },\n padding: false,\n sub: 'Start your journey today.',\n text: 'Get started with our design system today and experience a new level of efficiency and consistency in your projects.',\n textAlign: 'center'\n }}\n head={{\n alt: 'Image of a business team working',\n date: '12/30/2022',\n headline: 'The Future of AI: A Glimpse into the Unseen',\n image: 'img/close-up-young-business-team-working.png',\n tags: [\n {\n entry: 'Technology'\n },\n {\n entry: 'AI'\n }\n ]\n }}\n section={[\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: '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: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: '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: 'default',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n transition: 'default',\n width: 'default'\n }\n ]}\n/>",
|
|
685
684
|
"args": {
|
|
686
685
|
"head": {
|
|
687
686
|
"date": "12/30/2022",
|
|
@@ -900,7 +899,6 @@
|
|
|
900
899
|
"textAlign": "center",
|
|
901
900
|
"align": "center",
|
|
902
901
|
"padding": false,
|
|
903
|
-
"inverted": false,
|
|
904
902
|
"text": "Get started with our design system today and experience a new level of efficiency and consistency in your projects."
|
|
905
903
|
},
|
|
906
904
|
"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 ",
|
|
@@ -1575,7 +1573,6 @@
|
|
|
1575
1573
|
"textAlign": "center",
|
|
1576
1574
|
"align": "center",
|
|
1577
1575
|
"padding": false,
|
|
1578
|
-
"inverted": false,
|
|
1579
1576
|
"text": "Get started with our design system today and experience a new level of efficiency and consistency in your projects."
|
|
1580
1577
|
},
|
|
1581
1578
|
"screenshot": "img/screenshots/components-cta--banner.png"
|
|
@@ -1608,7 +1605,6 @@
|
|
|
1608
1605
|
"textAlign": "center",
|
|
1609
1606
|
"align": "center",
|
|
1610
1607
|
"padding": false,
|
|
1611
|
-
"inverted": false,
|
|
1612
1608
|
"text": "Our design system is built with scalability and efficiency in mind. It allows for consistent UI across different platforms, making your development process smoother and faster."
|
|
1613
1609
|
},
|
|
1614
1610
|
"screenshot": "img/screenshots/components-cta--highlighted.png"
|
|
@@ -1641,7 +1637,6 @@
|
|
|
1641
1637
|
"textAlign": "left",
|
|
1642
1638
|
"align": "center",
|
|
1643
1639
|
"padding": false,
|
|
1644
|
-
"inverted": false,
|
|
1645
1640
|
"text": "Our design system offers a seamless and efficient way to build scalable applications. Experience the speed & scalability unlike anything seen before with our Headless CMS powered websites, web apps & composable architecture."
|
|
1646
1641
|
},
|
|
1647
1642
|
"screenshot": "img/screenshots/components-cta--left-aligned.png"
|
|
@@ -1680,7 +1675,6 @@
|
|
|
1680
1675
|
"textAlign": "left",
|
|
1681
1676
|
"align": "center",
|
|
1682
1677
|
"padding": true,
|
|
1683
|
-
"inverted": false,
|
|
1684
1678
|
"text": "Our over-ear headphones provide an immersive audio experience. With noise-cancellation technology and high-quality sound.",
|
|
1685
1679
|
"backgroundImage": "img/bg_dot-carpet-blue.svg"
|
|
1686
1680
|
},
|
|
@@ -1720,7 +1714,6 @@
|
|
|
1720
1714
|
"textAlign": "left",
|
|
1721
1715
|
"align": "center",
|
|
1722
1716
|
"padding": true,
|
|
1723
|
-
"inverted": false,
|
|
1724
1717
|
"text": "Our modular design approach allows for flexibility and scalability in your application's architecture."
|
|
1725
1718
|
},
|
|
1726
1719
|
"screenshot": "img/screenshots/components-cta--contact-banner.png"
|
|
@@ -1754,7 +1747,6 @@
|
|
|
1754
1747
|
"textAlign": "left",
|
|
1755
1748
|
"align": "center",
|
|
1756
1749
|
"padding": true,
|
|
1757
|
-
"inverted": false,
|
|
1758
1750
|
"text": "Here at Systemics, we bring a range of design system services that can make a difference.",
|
|
1759
1751
|
"backgroundColor": "#d9e4ff"
|
|
1760
1752
|
},
|
|
@@ -1794,7 +1786,6 @@
|
|
|
1794
1786
|
"textAlign": "left",
|
|
1795
1787
|
"align": "center",
|
|
1796
1788
|
"padding": true,
|
|
1797
|
-
"inverted": false,
|
|
1798
1789
|
"text": "We value efficiency without compromising quality. Our secret weapon? kickstartDS, a revolutionary code-first and open source framework for creating design systems.\n\nThis tool accelerates our development, saving you valuable time and helping us deliver top-notch results faster."
|
|
1799
1790
|
},
|
|
1800
1791
|
"screenshot": "img/screenshots/components-cta--angled-image.png"
|
|
@@ -1830,7 +1821,6 @@
|
|
|
1830
1821
|
"textAlign": "left",
|
|
1831
1822
|
"align": "center",
|
|
1832
1823
|
"padding": true,
|
|
1833
|
-
"inverted": false,
|
|
1834
1824
|
"text": "Leverage our expertise in creating scalable and robust applications using modern technologies.",
|
|
1835
1825
|
"backgroundColor": "#ffd4ea"
|
|
1836
1826
|
},
|
|
@@ -1870,7 +1860,6 @@
|
|
|
1870
1860
|
"textAlign": "left",
|
|
1871
1861
|
"align": "bottom",
|
|
1872
1862
|
"padding": false,
|
|
1873
|
-
"inverted": false,
|
|
1874
1863
|
"text": "At Systemics, we believe in the power of technology to transform businesses. Our team of experienced professionals is dedicated to providing innovative solutions that meet the unique needs of your business.\n\nWe understand that every business is different, and that's why we offer custom solutions tailored to your specific business needs and requirements.",
|
|
1875
1864
|
"backgroundImage": "img/grid-bg.svg"
|
|
1876
1865
|
},
|
|
@@ -3122,7 +3111,6 @@
|
|
|
3122
3111
|
"indent": "none"
|
|
3123
3112
|
},
|
|
3124
3113
|
"textPosition": "below",
|
|
3125
|
-
"inverted": false,
|
|
3126
3114
|
"headline": "Welcome to Our Dynamic Workplace",
|
|
3127
3115
|
"sub": "Where Creativity Meets Innovation",
|
|
3128
3116
|
"text": "Experience the perfect blend of creativity, innovation, and productivity in our modern office environment."
|
|
@@ -3160,7 +3148,6 @@
|
|
|
3160
3148
|
"indent": "none"
|
|
3161
3149
|
},
|
|
3162
3150
|
"textPosition": "center",
|
|
3163
|
-
"inverted": false,
|
|
3164
3151
|
"headline": "Master Scalable Solutions",
|
|
3165
3152
|
"text": "Harness our expertise in crafting scalable and robust applications using cutting-edge technologies."
|
|
3166
3153
|
},
|
|
@@ -3197,7 +3184,6 @@
|
|
|
3197
3184
|
"indent": "none"
|
|
3198
3185
|
},
|
|
3199
3186
|
"textPosition": "left",
|
|
3200
|
-
"inverted": false,
|
|
3201
3187
|
"headline": "Discover Our Design System",
|
|
3202
3188
|
"sub": "Scalable. Efficient. Seamless.",
|
|
3203
3189
|
"text": "Our design system provides a seamless and efficient framework for building scalable applications. Experience unprecedented speed and scalability with our Headless CMS powered websites, web apps & composable architecture."
|
|
@@ -402,12 +402,6 @@
|
|
|
402
402
|
"type": "boolean",
|
|
403
403
|
"default": false
|
|
404
404
|
},
|
|
405
|
-
"inverted": {
|
|
406
|
-
"title": "Inverted",
|
|
407
|
-
"description": "Toggle inversion of the component",
|
|
408
|
-
"type": "boolean",
|
|
409
|
-
"default": false
|
|
410
|
-
},
|
|
411
405
|
"type": {
|
|
412
406
|
"const": "cta"
|
|
413
407
|
}
|
|
@@ -870,19 +864,15 @@
|
|
|
870
864
|
"enum": [
|
|
871
865
|
"center",
|
|
872
866
|
"below",
|
|
867
|
+
"offset",
|
|
873
868
|
"left",
|
|
874
869
|
"right",
|
|
875
|
-
"corner"
|
|
870
|
+
"corner",
|
|
871
|
+
"bottom"
|
|
876
872
|
],
|
|
877
873
|
"type": "string",
|
|
878
874
|
"default": "bottom"
|
|
879
875
|
},
|
|
880
|
-
"inverted": {
|
|
881
|
-
"type": "boolean",
|
|
882
|
-
"title": "Inverted",
|
|
883
|
-
"description": "Inverted color scheme for the box",
|
|
884
|
-
"default": false
|
|
885
|
-
},
|
|
886
876
|
"type": {
|
|
887
877
|
"const": "hero"
|
|
888
878
|
}
|
|
@@ -1698,12 +1688,6 @@
|
|
|
1698
1688
|
"type": "boolean",
|
|
1699
1689
|
"default": false
|
|
1700
1690
|
},
|
|
1701
|
-
"inverted": {
|
|
1702
|
-
"title": "Inverted",
|
|
1703
|
-
"description": "Toggle inversion of the component",
|
|
1704
|
-
"type": "boolean",
|
|
1705
|
-
"default": false
|
|
1706
|
-
},
|
|
1707
1691
|
"type": {
|
|
1708
1692
|
"const": "cta"
|
|
1709
1693
|
}
|
|
@@ -2083,19 +2067,15 @@
|
|
|
2083
2067
|
"enum": [
|
|
2084
2068
|
"center",
|
|
2085
2069
|
"below",
|
|
2070
|
+
"offset",
|
|
2086
2071
|
"left",
|
|
2087
2072
|
"right",
|
|
2088
|
-
"corner"
|
|
2073
|
+
"corner",
|
|
2074
|
+
"bottom"
|
|
2089
2075
|
],
|
|
2090
2076
|
"type": "string",
|
|
2091
2077
|
"default": "bottom"
|
|
2092
2078
|
},
|
|
2093
|
-
"inverted": {
|
|
2094
|
-
"type": "boolean",
|
|
2095
|
-
"title": "Inverted",
|
|
2096
|
-
"description": "Inverted color scheme for the box",
|
|
2097
|
-
"default": false
|
|
2098
|
-
},
|
|
2099
2079
|
"type": {
|
|
2100
2080
|
"const": "hero"
|
|
2101
2081
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { SliderProps } from "../../SliderProps-
|
|
3
|
+
import { SliderProps } from "../../SliderProps-789f8508.js";
|
|
4
4
|
declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export type { SliderProps };
|
|
6
6
|
export { Slider };
|
|
@@ -223,12 +223,6 @@
|
|
|
223
223
|
"type": "boolean",
|
|
224
224
|
"default": false
|
|
225
225
|
},
|
|
226
|
-
"inverted": {
|
|
227
|
-
"title": "Inverted",
|
|
228
|
-
"description": "Toggle inversion of the component",
|
|
229
|
-
"type": "boolean",
|
|
230
|
-
"default": false
|
|
231
|
-
},
|
|
232
226
|
"type": {
|
|
233
227
|
"const": "cta"
|
|
234
228
|
}
|
|
@@ -608,19 +602,15 @@
|
|
|
608
602
|
"enum": [
|
|
609
603
|
"center",
|
|
610
604
|
"below",
|
|
605
|
+
"offset",
|
|
611
606
|
"left",
|
|
612
607
|
"right",
|
|
613
|
-
"corner"
|
|
608
|
+
"corner",
|
|
609
|
+
"bottom"
|
|
614
610
|
],
|
|
615
611
|
"type": "string",
|
|
616
612
|
"default": "bottom"
|
|
617
613
|
},
|
|
618
|
-
"inverted": {
|
|
619
|
-
"type": "boolean",
|
|
620
|
-
"title": "Inverted",
|
|
621
|
-
"description": "Inverted color scheme for the box",
|
|
622
|
-
"default": false
|
|
623
|
-
},
|
|
624
614
|
"type": {
|
|
625
615
|
"const": "hero"
|
|
626
616
|
}
|
|
@@ -6,18 +6,18 @@ import { FC } from "react";
|
|
|
6
6
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
7
|
* and run json-schema-to-typescript to regenerate this file.
|
|
8
8
|
*/
|
|
9
|
-
import { CtaProps } from "../../CtaProps-
|
|
9
|
+
import { CtaProps } from "../../CtaProps-789f8508.js";
|
|
10
10
|
import { DividerProps } from "../../DividerProps-2ef31901.js";
|
|
11
11
|
import { FaqProps } from "../../FaqProps-ad618cd5.js";
|
|
12
12
|
import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
|
|
13
13
|
import { GalleryProps } from "../../GalleryProps-76e7de44.js";
|
|
14
|
-
import { HeroProps } from "../../HeroProps-
|
|
14
|
+
import { HeroProps } from "../../HeroProps-2ff0068e.js";
|
|
15
15
|
import { HtmlProps } from "../../HtmlProps-9d091769.js";
|
|
16
16
|
import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
|
|
17
17
|
import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
|
|
18
18
|
import { LogosProps } from "../../LogosProps-f9474fe2.js";
|
|
19
19
|
import { MosaicProps } from "../../MosaicProps-d52c7151.js";
|
|
20
|
-
import { SliderProps } from "../../SliderProps-
|
|
20
|
+
import { SliderProps } from "../../SliderProps-789f8508.js";
|
|
21
21
|
import { StatsProps } from "../../StatsProps-bf5ef578.js";
|
|
22
22
|
import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
|
|
23
23
|
import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
|
|
@@ -242,12 +242,6 @@
|
|
|
242
242
|
"type": "boolean",
|
|
243
243
|
"default": false
|
|
244
244
|
},
|
|
245
|
-
"inverted": {
|
|
246
|
-
"title": "Inverted",
|
|
247
|
-
"description": "Toggle inversion of the component",
|
|
248
|
-
"type": "boolean",
|
|
249
|
-
"default": false
|
|
250
|
-
},
|
|
251
245
|
"type": {
|
|
252
246
|
"const": "cta"
|
|
253
247
|
}
|
|
@@ -710,19 +704,15 @@
|
|
|
710
704
|
"enum": [
|
|
711
705
|
"center",
|
|
712
706
|
"below",
|
|
707
|
+
"offset",
|
|
713
708
|
"left",
|
|
714
709
|
"right",
|
|
715
|
-
"corner"
|
|
710
|
+
"corner",
|
|
711
|
+
"bottom"
|
|
716
712
|
],
|
|
717
713
|
"type": "string",
|
|
718
714
|
"default": "bottom"
|
|
719
715
|
},
|
|
720
|
-
"inverted": {
|
|
721
|
-
"type": "boolean",
|
|
722
|
-
"title": "Inverted",
|
|
723
|
-
"description": "Inverted color scheme for the box",
|
|
724
|
-
"default": false
|
|
725
|
-
},
|
|
726
716
|
"type": {
|
|
727
717
|
"const": "hero"
|
|
728
718
|
}
|
|
@@ -1538,12 +1528,6 @@
|
|
|
1538
1528
|
"type": "boolean",
|
|
1539
1529
|
"default": false
|
|
1540
1530
|
},
|
|
1541
|
-
"inverted": {
|
|
1542
|
-
"title": "Inverted",
|
|
1543
|
-
"description": "Toggle inversion of the component",
|
|
1544
|
-
"type": "boolean",
|
|
1545
|
-
"default": false
|
|
1546
|
-
},
|
|
1547
1531
|
"type": {
|
|
1548
1532
|
"const": "cta"
|
|
1549
1533
|
}
|
|
@@ -1923,19 +1907,15 @@
|
|
|
1923
1907
|
"enum": [
|
|
1924
1908
|
"center",
|
|
1925
1909
|
"below",
|
|
1910
|
+
"offset",
|
|
1926
1911
|
"left",
|
|
1927
1912
|
"right",
|
|
1928
|
-
"corner"
|
|
1913
|
+
"corner",
|
|
1914
|
+
"bottom"
|
|
1929
1915
|
],
|
|
1930
1916
|
"type": "string",
|
|
1931
1917
|
"default": "bottom"
|
|
1932
1918
|
},
|
|
1933
|
-
"inverted": {
|
|
1934
|
-
"type": "boolean",
|
|
1935
|
-
"title": "Inverted",
|
|
1936
|
-
"description": "Inverted color scheme for the box",
|
|
1937
|
-
"default": false
|
|
1938
|
-
},
|
|
1939
1919
|
"type": {
|
|
1940
1920
|
"const": "hero"
|
|
1941
1921
|
}
|
|
@@ -3153,12 +3133,6 @@
|
|
|
3153
3133
|
"type": "boolean",
|
|
3154
3134
|
"default": false
|
|
3155
3135
|
},
|
|
3156
|
-
"inverted": {
|
|
3157
|
-
"title": "Inverted",
|
|
3158
|
-
"description": "Toggle inversion of the component",
|
|
3159
|
-
"type": "boolean",
|
|
3160
|
-
"default": false
|
|
3161
|
-
},
|
|
3162
3136
|
"type": {
|
|
3163
3137
|
"const": "cta"
|
|
3164
3138
|
}
|
|
@@ -3621,19 +3595,15 @@
|
|
|
3621
3595
|
"enum": [
|
|
3622
3596
|
"center",
|
|
3623
3597
|
"below",
|
|
3598
|
+
"offset",
|
|
3624
3599
|
"left",
|
|
3625
3600
|
"right",
|
|
3626
|
-
"corner"
|
|
3601
|
+
"corner",
|
|
3602
|
+
"bottom"
|
|
3627
3603
|
],
|
|
3628
3604
|
"type": "string",
|
|
3629
3605
|
"default": "bottom"
|
|
3630
3606
|
},
|
|
3631
|
-
"inverted": {
|
|
3632
|
-
"type": "boolean",
|
|
3633
|
-
"title": "Inverted",
|
|
3634
|
-
"description": "Inverted color scheme for the box",
|
|
3635
|
-
"default": false
|
|
3636
|
-
},
|
|
3637
3607
|
"type": {
|
|
3638
3608
|
"const": "hero"
|
|
3639
3609
|
}
|
|
@@ -4449,12 +4419,6 @@
|
|
|
4449
4419
|
"type": "boolean",
|
|
4450
4420
|
"default": false
|
|
4451
4421
|
},
|
|
4452
|
-
"inverted": {
|
|
4453
|
-
"title": "Inverted",
|
|
4454
|
-
"description": "Toggle inversion of the component",
|
|
4455
|
-
"type": "boolean",
|
|
4456
|
-
"default": false
|
|
4457
|
-
},
|
|
4458
4422
|
"type": {
|
|
4459
4423
|
"const": "cta"
|
|
4460
4424
|
}
|
|
@@ -4834,19 +4798,15 @@
|
|
|
4834
4798
|
"enum": [
|
|
4835
4799
|
"center",
|
|
4836
4800
|
"below",
|
|
4801
|
+
"offset",
|
|
4837
4802
|
"left",
|
|
4838
4803
|
"right",
|
|
4839
|
-
"corner"
|
|
4804
|
+
"corner",
|
|
4805
|
+
"bottom"
|
|
4840
4806
|
],
|
|
4841
4807
|
"type": "string",
|
|
4842
4808
|
"default": "bottom"
|
|
4843
4809
|
},
|
|
4844
|
-
"inverted": {
|
|
4845
|
-
"type": "boolean",
|
|
4846
|
-
"title": "Inverted",
|
|
4847
|
-
"description": "Inverted color scheme for the box",
|
|
4848
|
-
"default": false
|
|
4849
|
-
},
|
|
4850
4810
|
"type": {
|
|
4851
4811
|
"const": "hero"
|
|
4852
4812
|
}
|
|
@@ -6,18 +6,18 @@ import { FC } from "react";
|
|
|
6
6
|
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
7
7
|
* and run json-schema-to-typescript to regenerate this file.
|
|
8
8
|
*/
|
|
9
|
-
import { CtaProps } from "../../CtaProps-
|
|
9
|
+
import { CtaProps } from "../../CtaProps-789f8508.js";
|
|
10
10
|
import { DividerProps } from "../../DividerProps-2ef31901.js";
|
|
11
11
|
import { FaqProps } from "../../FaqProps-ad618cd5.js";
|
|
12
12
|
import { FeaturesProps } from "../../FeaturesProps-a9041d97.js";
|
|
13
13
|
import { GalleryProps } from "../../GalleryProps-76e7de44.js";
|
|
14
|
-
import { HeroProps } from "../../HeroProps-
|
|
14
|
+
import { HeroProps } from "../../HeroProps-2ff0068e.js";
|
|
15
15
|
import { HtmlProps } from "../../HtmlProps-9d091769.js";
|
|
16
16
|
import { ImageStoryProps } from "../../ImageStoryProps-e853e1e7.js";
|
|
17
17
|
import { ImageTextProps } from "../../ImageTextProps-9286cca4.js";
|
|
18
18
|
import { LogosProps } from "../../LogosProps-f9474fe2.js";
|
|
19
19
|
import { MosaicProps } from "../../MosaicProps-d52c7151.js";
|
|
20
|
-
import { SliderProps } from "../../SliderProps-
|
|
20
|
+
import { SliderProps } from "../../SliderProps-789f8508.js";
|
|
21
21
|
import { StatsProps } from "../../StatsProps-bf5ef578.js";
|
|
22
22
|
import { TeaserCardProps } from "../../TeaserCardProps-994cb119.js";
|
|
23
23
|
import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
|