@kickstartds/ds-agency-premium 1.5.5 → 1.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BlogOverviewProps-4e046144.d.ts → BlogOverviewProps-9f207f1c.d.ts} +3 -3
- package/dist/{BlogPostProps-6b3cff22.d.ts → BlogPostProps-d9decb7c.d.ts} +3 -3
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +130 -94
- package/dist/components/blog-overview/blog-overview.schema.json +2 -2
- package/dist/components/blog-overview/index.d.ts +1 -1
- package/dist/components/blog-overview/index.js +7 -8
- package/dist/components/blog-post/blog-post.schema.dereffed.json +94 -130
- package/dist/components/blog-post/blog-post.schema.json +2 -2
- package/dist/components/blog-post/index.d.ts +1 -1
- package/dist/components/blog-post/index.js +3 -7
- package/dist/components/index/index.d.ts +2 -2
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +46 -44
- 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
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { SectionProps } from "./SectionProps-83d399b4.js";
|
|
7
7
|
import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
|
|
8
|
-
import {
|
|
8
|
+
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
9
9
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
10
10
|
/**
|
|
11
11
|
* Collection of sections (with their contents) to render as the blog overview intro
|
|
@@ -46,9 +46,9 @@ interface BlogOverviewProps {
|
|
|
46
46
|
moreTitle?: MoreTitle;
|
|
47
47
|
more?: Posts1;
|
|
48
48
|
/**
|
|
49
|
-
* Referenced component
|
|
49
|
+
* Referenced component CtaProps
|
|
50
50
|
*/
|
|
51
|
-
|
|
51
|
+
cta?: CtaProps;
|
|
52
52
|
/**
|
|
53
53
|
* Referenced component SeoProps
|
|
54
54
|
*/
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
import { BlogHeadProps } from "./BlogHeadProps-3f6e4072.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
|
|
8
8
|
import { SectionProps } from "./SectionProps-83d399b4.js";
|
|
9
|
-
import {
|
|
9
|
+
import { ContactProps } from "./ContactProps-68c71984.js";
|
|
10
10
|
import { SeoProps } from "./SeoProps-f2d6dcaa.js";
|
|
11
11
|
/**
|
|
12
12
|
* Body text for the blog post, overwrites sections if present
|
|
@@ -31,9 +31,9 @@ interface BlogPostProps {
|
|
|
31
31
|
content?: Text;
|
|
32
32
|
section?: BlogSections;
|
|
33
33
|
/**
|
|
34
|
-
* Referenced component
|
|
34
|
+
* Referenced component ContactProps
|
|
35
35
|
*/
|
|
36
|
-
|
|
36
|
+
contact?: ContactProps;
|
|
37
37
|
/**
|
|
38
38
|
* Referenced component SeoProps
|
|
39
39
|
*/
|
|
@@ -3595,130 +3595,166 @@
|
|
|
3595
3595
|
]
|
|
3596
3596
|
}
|
|
3597
3597
|
},
|
|
3598
|
-
"
|
|
3598
|
+
"cta": {
|
|
3599
3599
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3600
|
-
"$id": "http://schema.mydesignsystem.com/
|
|
3601
|
-
"title": "
|
|
3602
|
-
"description": "Component used for user interaction",
|
|
3600
|
+
"$id": "http://schema.mydesignsystem.com/cta.schema.json",
|
|
3601
|
+
"title": "Cta",
|
|
3603
3602
|
"type": "object",
|
|
3604
3603
|
"properties": {
|
|
3605
|
-
"
|
|
3606
|
-
"
|
|
3607
|
-
"
|
|
3608
|
-
"src": {
|
|
3609
|
-
"type": "string",
|
|
3610
|
-
"format": "image",
|
|
3611
|
-
"title": "Image Source",
|
|
3612
|
-
"description": "URL of the image to display",
|
|
3613
|
-
"examples": [
|
|
3614
|
-
"img/people/author-emily.png"
|
|
3615
|
-
]
|
|
3616
|
-
},
|
|
3617
|
-
"alt": {
|
|
3618
|
-
"type": "string",
|
|
3619
|
-
"title": "Alt Text",
|
|
3620
|
-
"description": "Alt text of the image",
|
|
3621
|
-
"examples": [
|
|
3622
|
-
"Picture of Jane Smith"
|
|
3623
|
-
]
|
|
3624
|
-
},
|
|
3625
|
-
"fullWidth": {
|
|
3626
|
-
"type": "boolean",
|
|
3627
|
-
"title": "Full Width",
|
|
3628
|
-
"description": "Image uses all the horizontal space vailable",
|
|
3629
|
-
"default": false
|
|
3630
|
-
},
|
|
3631
|
-
"aspectRatio": {
|
|
3632
|
-
"type": "string",
|
|
3633
|
-
"title": "aspectRatio",
|
|
3634
|
-
"description": "Aspect Ratio of the Images",
|
|
3635
|
-
"enum": [
|
|
3636
|
-
"wide",
|
|
3637
|
-
"square",
|
|
3638
|
-
"vertical"
|
|
3639
|
-
],
|
|
3640
|
-
"default": "square"
|
|
3641
|
-
}
|
|
3642
|
-
},
|
|
3643
|
-
"additionalProperties": false
|
|
3644
|
-
},
|
|
3645
|
-
"title": {
|
|
3646
|
-
"title": "Title",
|
|
3647
|
-
"description": "Name, company name, etc.",
|
|
3604
|
+
"headline": {
|
|
3605
|
+
"title": "Component Headline",
|
|
3606
|
+
"description": "Headline for the Component element",
|
|
3648
3607
|
"type": "string",
|
|
3608
|
+
"format": "markdown",
|
|
3649
3609
|
"examples": [
|
|
3650
|
-
"
|
|
3610
|
+
"Headline"
|
|
3651
3611
|
]
|
|
3652
3612
|
},
|
|
3653
|
-
"
|
|
3654
|
-
"title": "
|
|
3655
|
-
"description": "
|
|
3613
|
+
"sub": {
|
|
3614
|
+
"title": "Component Subheadline",
|
|
3615
|
+
"description": "Subheadline below the component headline",
|
|
3656
3616
|
"type": "string",
|
|
3617
|
+
"format": "markdown",
|
|
3657
3618
|
"examples": [
|
|
3658
|
-
"
|
|
3619
|
+
"Subheadline"
|
|
3659
3620
|
]
|
|
3660
3621
|
},
|
|
3661
|
-
"
|
|
3622
|
+
"text": {
|
|
3623
|
+
"title": "Component Text",
|
|
3624
|
+
"description": "Info text for the component element",
|
|
3625
|
+
"type": "string",
|
|
3626
|
+
"format": "markdown"
|
|
3627
|
+
},
|
|
3628
|
+
"highlightText": {
|
|
3629
|
+
"type": "boolean",
|
|
3630
|
+
"title": "Highlight Text",
|
|
3631
|
+
"description": "Visually highlight the text",
|
|
3632
|
+
"default": false
|
|
3633
|
+
},
|
|
3634
|
+
"colorNeutral": {
|
|
3635
|
+
"title": "Color Neutral",
|
|
3636
|
+
"description": "Make the text and buttons color neutral",
|
|
3637
|
+
"default": false,
|
|
3638
|
+
"type": "boolean"
|
|
3639
|
+
},
|
|
3640
|
+
"fullWidth": {
|
|
3641
|
+
"title": "Width",
|
|
3642
|
+
"description": "Set the width of the content to the full width of the element",
|
|
3643
|
+
"type": "boolean",
|
|
3644
|
+
"default": false
|
|
3645
|
+
},
|
|
3646
|
+
"buttons": {
|
|
3662
3647
|
"type": "array",
|
|
3663
3648
|
"items": {
|
|
3649
|
+
"title": "Button",
|
|
3664
3650
|
"type": "object",
|
|
3665
3651
|
"properties": {
|
|
3666
|
-
"icon": {
|
|
3667
|
-
"type": "string"
|
|
3668
|
-
},
|
|
3669
3652
|
"label": {
|
|
3670
|
-
"type": "string"
|
|
3653
|
+
"type": "string",
|
|
3654
|
+
"title": "Label",
|
|
3655
|
+
"description": "Text content to display inside the button",
|
|
3656
|
+
"examples": [
|
|
3657
|
+
"Book a meeting"
|
|
3658
|
+
]
|
|
3671
3659
|
},
|
|
3672
|
-
"
|
|
3660
|
+
"icon": {
|
|
3673
3661
|
"type": "string",
|
|
3674
|
-
"
|
|
3662
|
+
"title": "Icon",
|
|
3663
|
+
"description": "Choose an icon"
|
|
3675
3664
|
},
|
|
3676
|
-
"
|
|
3677
|
-
"
|
|
3678
|
-
"
|
|
3679
|
-
"
|
|
3680
|
-
"
|
|
3665
|
+
"target": {
|
|
3666
|
+
"type": "string",
|
|
3667
|
+
"title": "Target",
|
|
3668
|
+
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
3669
|
+
"format": "uri"
|
|
3681
3670
|
}
|
|
3682
3671
|
},
|
|
3683
3672
|
"additionalProperties": false
|
|
3673
|
+
}
|
|
3674
|
+
},
|
|
3675
|
+
"backgroundColor": {
|
|
3676
|
+
"title": "Background color",
|
|
3677
|
+
"description": "Background color for the whole element",
|
|
3678
|
+
"type": "string",
|
|
3679
|
+
"format": "color"
|
|
3680
|
+
},
|
|
3681
|
+
"backgroundImage": {
|
|
3682
|
+
"title": "Background image",
|
|
3683
|
+
"description": "Background image for the whole element",
|
|
3684
|
+
"type": "string",
|
|
3685
|
+
"format": "image"
|
|
3686
|
+
},
|
|
3687
|
+
"image": {
|
|
3688
|
+
"title": "Image",
|
|
3689
|
+
"description": "Image displayed alongside the text content",
|
|
3690
|
+
"type": "object",
|
|
3691
|
+
"properties": {
|
|
3692
|
+
"src": {
|
|
3693
|
+
"title": "Image source",
|
|
3694
|
+
"description": "Image source to use",
|
|
3695
|
+
"type": "string",
|
|
3696
|
+
"format": "image"
|
|
3697
|
+
},
|
|
3698
|
+
"padding": {
|
|
3699
|
+
"title": "Padding",
|
|
3700
|
+
"description": "Toggle padding of the image",
|
|
3701
|
+
"type": "boolean",
|
|
3702
|
+
"default": true
|
|
3703
|
+
},
|
|
3704
|
+
"alt": {
|
|
3705
|
+
"title": "Alt text",
|
|
3706
|
+
"description": "Image description",
|
|
3707
|
+
"type": "string"
|
|
3708
|
+
}
|
|
3684
3709
|
},
|
|
3685
|
-
"
|
|
3686
|
-
[
|
|
3687
|
-
{
|
|
3688
|
-
"icon": "phone",
|
|
3689
|
-
"label": "0228 / 688 966 20",
|
|
3690
|
-
"href": "tel:+4922868896620"
|
|
3691
|
-
},
|
|
3692
|
-
{
|
|
3693
|
-
"icon": "email",
|
|
3694
|
-
"label": "mail@example.com",
|
|
3695
|
-
"href": "mailto:mail@example.com"
|
|
3696
|
-
}
|
|
3697
|
-
]
|
|
3698
|
-
]
|
|
3710
|
+
"additionalProperties": false
|
|
3699
3711
|
},
|
|
3700
|
-
"
|
|
3701
|
-
"title": "
|
|
3702
|
-
"
|
|
3712
|
+
"order": {
|
|
3713
|
+
"title": "Order",
|
|
3714
|
+
"description": "Choose what comes first on mobile and desktop: image or text",
|
|
3715
|
+
"type": "object",
|
|
3716
|
+
"properties": {
|
|
3717
|
+
"mobileImageLast": {
|
|
3718
|
+
"title": "Mobile image after text",
|
|
3719
|
+
"description": "Switch to displaying the image after the text on mobile",
|
|
3720
|
+
"type": "boolean",
|
|
3721
|
+
"default": false
|
|
3722
|
+
},
|
|
3723
|
+
"desktopImageLast": {
|
|
3724
|
+
"title": "Desktop image after text",
|
|
3725
|
+
"description": "Switch to displaying the image after the text on desktop",
|
|
3726
|
+
"type": "boolean",
|
|
3727
|
+
"default": true
|
|
3728
|
+
}
|
|
3729
|
+
},
|
|
3730
|
+
"additionalProperties": false
|
|
3703
3731
|
},
|
|
3704
|
-
"
|
|
3705
|
-
"title": "
|
|
3706
|
-
"description": "
|
|
3707
|
-
"
|
|
3732
|
+
"textAlign": {
|
|
3733
|
+
"title": "Text Alignment",
|
|
3734
|
+
"description": "Choose the alginment of the text",
|
|
3735
|
+
"enum": [
|
|
3736
|
+
"left",
|
|
3737
|
+
"center"
|
|
3738
|
+
],
|
|
3739
|
+
"type": "string",
|
|
3740
|
+
"default": "left"
|
|
3708
3741
|
},
|
|
3709
|
-
"
|
|
3710
|
-
"title": "
|
|
3711
|
-
"description": "
|
|
3712
|
-
"type": "string"
|
|
3742
|
+
"contentAlign": {
|
|
3743
|
+
"title": "Vertical alignment of the content",
|
|
3744
|
+
"description": "Select a vertical alignment for the image",
|
|
3745
|
+
"type": "string",
|
|
3746
|
+
"enum": [
|
|
3747
|
+
"center",
|
|
3748
|
+
"top",
|
|
3749
|
+
"bottom"
|
|
3750
|
+
],
|
|
3751
|
+
"default": "center"
|
|
3713
3752
|
},
|
|
3714
3753
|
"type": {
|
|
3715
|
-
"const": "
|
|
3754
|
+
"const": "cta"
|
|
3716
3755
|
}
|
|
3717
3756
|
},
|
|
3718
|
-
"additionalProperties": false
|
|
3719
|
-
"required": [
|
|
3720
|
-
"name"
|
|
3721
|
-
]
|
|
3757
|
+
"additionalProperties": false
|
|
3722
3758
|
},
|
|
3723
3759
|
"seo": {
|
|
3724
3760
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
"$ref": "http://schema.mydesignsystem.com/blog-teaser.schema.json"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
|
-
"
|
|
55
|
-
"$ref": "http://schema.mydesignsystem.com/
|
|
54
|
+
"cta": {
|
|
55
|
+
"$ref": "http://schema.mydesignsystem.com/cta.schema.json"
|
|
56
56
|
},
|
|
57
57
|
"seo": {
|
|
58
58
|
"$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BlogOverviewProps } from "../../BlogOverviewProps-
|
|
1
|
+
import { BlogOverviewProps } from "../../BlogOverviewProps-9f207f1c.js";
|
|
2
2
|
import { FC, PropsWithChildren } from "react";
|
|
3
3
|
declare const BlogOverview: FC<PropsWithChildren<BlogOverviewProps>>;
|
|
4
4
|
export { BlogOverview };
|
|
@@ -2,7 +2,7 @@ import { createElement } from 'react';
|
|
|
2
2
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Section } from '../section/index.js';
|
|
4
4
|
import { BlogTeaser } from '../blog-teaser/index.js';
|
|
5
|
-
import {
|
|
5
|
+
import { Cta } from '../cta/index.js';
|
|
6
6
|
import { Divider } from '@kickstartds/base/lib/divider';
|
|
7
7
|
import 'classnames';
|
|
8
8
|
import '@kickstartds/core/lib/react';
|
|
@@ -11,14 +11,13 @@ import '../section/js/Section.client.js';
|
|
|
11
11
|
import '@kickstartds/core/lib/component';
|
|
12
12
|
import '@kickstartds/blog/lib/post-teaser';
|
|
13
13
|
import '@kickstartds/core/lib/container';
|
|
14
|
-
import '@kickstartds/
|
|
15
|
-
import '@kickstartds/base/lib/
|
|
16
|
-
import '
|
|
17
|
-
import '@kickstartds/base/lib/
|
|
18
|
-
import '@kickstartds/base/lib/rich-text';
|
|
14
|
+
import '@kickstartds/content/lib/storytelling';
|
|
15
|
+
import '@kickstartds/base/lib/button';
|
|
16
|
+
import '../button-group/index.js';
|
|
17
|
+
import '@kickstartds/base/lib/button-group';
|
|
19
18
|
|
|
20
|
-
const BlogOverview = ({ latestTitle, latest,
|
|
21
|
-
return (jsxs(Fragment, { children: [children, latest && (jsx(Section, { width: "wide", headline: { text: latestTitle }, children: jsx(BlogTeaser, { ...latest }) })), list && list.length > 0 && (jsx(Section, { headline: { text: listTitle }, children: list.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), jsx(Section, { spaceAfter: "none", spaceBefore: "none", children: jsx(Divider, {}) }), more && more.length > 0 && (jsx(Section, { headline: { text: moreTitle }, children: more.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })),
|
|
19
|
+
const BlogOverview = ({ latestTitle, latest, cta, listTitle, list, children, moreTitle, more, }) => {
|
|
20
|
+
return (jsxs(Fragment, { children: [children, latest && (jsx(Section, { width: "wide", headline: { text: latestTitle }, children: jsx(BlogTeaser, { ...latest }) })), list && list.length > 0 && (jsx(Section, { headline: { text: listTitle }, children: list.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), jsx(Section, { spaceAfter: "none", spaceBefore: "none", children: jsx(Divider, {}) }), more && more.length > 0 && (jsx(Section, { headline: { text: moreTitle }, children: more.map((article) => (createElement(BlogTeaser, { ...article, key: article.headline }))) })), cta && (jsx(Section, { width: "wide", children: jsx(Cta, { ...cta }) }))] }));
|
|
22
21
|
};
|
|
23
22
|
BlogOverview.displayName = "BlogOverview";
|
|
24
23
|
|
|
@@ -3368,166 +3368,130 @@
|
|
|
3368
3368
|
"required": []
|
|
3369
3369
|
}
|
|
3370
3370
|
},
|
|
3371
|
-
"
|
|
3371
|
+
"contact": {
|
|
3372
3372
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3373
|
-
"$id": "http://schema.mydesignsystem.com/
|
|
3374
|
-
"title": "
|
|
3373
|
+
"$id": "http://schema.mydesignsystem.com/contact.schema.json",
|
|
3374
|
+
"title": "Contact",
|
|
3375
|
+
"description": "Component used for user interaction",
|
|
3375
3376
|
"type": "object",
|
|
3376
3377
|
"properties": {
|
|
3377
|
-
"
|
|
3378
|
-
"
|
|
3379
|
-
"
|
|
3378
|
+
"image": {
|
|
3379
|
+
"type": "object",
|
|
3380
|
+
"properties": {
|
|
3381
|
+
"src": {
|
|
3382
|
+
"type": "string",
|
|
3383
|
+
"format": "image",
|
|
3384
|
+
"title": "Image Source",
|
|
3385
|
+
"description": "URL of the image to display",
|
|
3386
|
+
"examples": [
|
|
3387
|
+
"img/people/author-emily.png"
|
|
3388
|
+
]
|
|
3389
|
+
},
|
|
3390
|
+
"alt": {
|
|
3391
|
+
"type": "string",
|
|
3392
|
+
"title": "Alt Text",
|
|
3393
|
+
"description": "Alt text of the image",
|
|
3394
|
+
"examples": [
|
|
3395
|
+
"Picture of Jane Smith"
|
|
3396
|
+
]
|
|
3397
|
+
},
|
|
3398
|
+
"fullWidth": {
|
|
3399
|
+
"type": "boolean",
|
|
3400
|
+
"title": "Full Width",
|
|
3401
|
+
"description": "Image uses all the horizontal space vailable",
|
|
3402
|
+
"default": false
|
|
3403
|
+
},
|
|
3404
|
+
"aspectRatio": {
|
|
3405
|
+
"type": "string",
|
|
3406
|
+
"title": "aspectRatio",
|
|
3407
|
+
"description": "Aspect Ratio of the Images",
|
|
3408
|
+
"enum": [
|
|
3409
|
+
"wide",
|
|
3410
|
+
"square",
|
|
3411
|
+
"vertical"
|
|
3412
|
+
],
|
|
3413
|
+
"default": "square"
|
|
3414
|
+
}
|
|
3415
|
+
},
|
|
3416
|
+
"additionalProperties": false
|
|
3417
|
+
},
|
|
3418
|
+
"title": {
|
|
3419
|
+
"title": "Title",
|
|
3420
|
+
"description": "Name, company name, etc.",
|
|
3380
3421
|
"type": "string",
|
|
3381
|
-
"format": "markdown",
|
|
3382
3422
|
"examples": [
|
|
3383
|
-
"
|
|
3423
|
+
"Jane Smith"
|
|
3384
3424
|
]
|
|
3385
3425
|
},
|
|
3386
|
-
"
|
|
3387
|
-
"title": "
|
|
3388
|
-
"description": "
|
|
3426
|
+
"subtitle": {
|
|
3427
|
+
"title": "Subtitle",
|
|
3428
|
+
"description": "Position, profession, department, location, etc.",
|
|
3389
3429
|
"type": "string",
|
|
3390
|
-
"format": "markdown",
|
|
3391
3430
|
"examples": [
|
|
3392
|
-
"
|
|
3431
|
+
"CEO at Company"
|
|
3393
3432
|
]
|
|
3394
3433
|
},
|
|
3395
|
-
"
|
|
3396
|
-
"title": "Component Text",
|
|
3397
|
-
"description": "Info text for the component element",
|
|
3398
|
-
"type": "string",
|
|
3399
|
-
"format": "markdown"
|
|
3400
|
-
},
|
|
3401
|
-
"highlightText": {
|
|
3402
|
-
"type": "boolean",
|
|
3403
|
-
"title": "Highlight Text",
|
|
3404
|
-
"description": "Visually highlight the text",
|
|
3405
|
-
"default": false
|
|
3406
|
-
},
|
|
3407
|
-
"colorNeutral": {
|
|
3408
|
-
"title": "Color Neutral",
|
|
3409
|
-
"description": "Make the text and buttons color neutral",
|
|
3410
|
-
"default": false,
|
|
3411
|
-
"type": "boolean"
|
|
3412
|
-
},
|
|
3413
|
-
"fullWidth": {
|
|
3414
|
-
"title": "Width",
|
|
3415
|
-
"description": "Set the width of the content to the full width of the element",
|
|
3416
|
-
"type": "boolean",
|
|
3417
|
-
"default": false
|
|
3418
|
-
},
|
|
3419
|
-
"buttons": {
|
|
3434
|
+
"links": {
|
|
3420
3435
|
"type": "array",
|
|
3421
3436
|
"items": {
|
|
3422
|
-
"title": "Button",
|
|
3423
3437
|
"type": "object",
|
|
3424
3438
|
"properties": {
|
|
3425
|
-
"label": {
|
|
3426
|
-
"type": "string",
|
|
3427
|
-
"title": "Label",
|
|
3428
|
-
"description": "Text content to display inside the button",
|
|
3429
|
-
"examples": [
|
|
3430
|
-
"Book a meeting"
|
|
3431
|
-
]
|
|
3432
|
-
},
|
|
3433
3439
|
"icon": {
|
|
3434
|
-
"type": "string"
|
|
3435
|
-
"title": "Icon",
|
|
3436
|
-
"description": "Choose an icon"
|
|
3440
|
+
"type": "string"
|
|
3437
3441
|
},
|
|
3438
|
-
"
|
|
3442
|
+
"label": {
|
|
3443
|
+
"type": "string"
|
|
3444
|
+
},
|
|
3445
|
+
"href": {
|
|
3439
3446
|
"type": "string",
|
|
3440
|
-
"title": "Target",
|
|
3441
|
-
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
3442
3447
|
"format": "uri"
|
|
3448
|
+
},
|
|
3449
|
+
"newTab": {
|
|
3450
|
+
"title": "Open link in new Tab",
|
|
3451
|
+
"description": "Open link in new Tab",
|
|
3452
|
+
"type": "boolean",
|
|
3453
|
+
"default": false
|
|
3443
3454
|
}
|
|
3444
3455
|
},
|
|
3445
3456
|
"additionalProperties": false
|
|
3446
|
-
}
|
|
3447
|
-
},
|
|
3448
|
-
"backgroundColor": {
|
|
3449
|
-
"title": "Background color",
|
|
3450
|
-
"description": "Background color for the whole element",
|
|
3451
|
-
"type": "string",
|
|
3452
|
-
"format": "color"
|
|
3453
|
-
},
|
|
3454
|
-
"backgroundImage": {
|
|
3455
|
-
"title": "Background image",
|
|
3456
|
-
"description": "Background image for the whole element",
|
|
3457
|
-
"type": "string",
|
|
3458
|
-
"format": "image"
|
|
3459
|
-
},
|
|
3460
|
-
"image": {
|
|
3461
|
-
"title": "Image",
|
|
3462
|
-
"description": "Image displayed alongside the text content",
|
|
3463
|
-
"type": "object",
|
|
3464
|
-
"properties": {
|
|
3465
|
-
"src": {
|
|
3466
|
-
"title": "Image source",
|
|
3467
|
-
"description": "Image source to use",
|
|
3468
|
-
"type": "string",
|
|
3469
|
-
"format": "image"
|
|
3470
|
-
},
|
|
3471
|
-
"padding": {
|
|
3472
|
-
"title": "Padding",
|
|
3473
|
-
"description": "Toggle padding of the image",
|
|
3474
|
-
"type": "boolean",
|
|
3475
|
-
"default": true
|
|
3476
|
-
},
|
|
3477
|
-
"alt": {
|
|
3478
|
-
"title": "Alt text",
|
|
3479
|
-
"description": "Image description",
|
|
3480
|
-
"type": "string"
|
|
3481
|
-
}
|
|
3482
3457
|
},
|
|
3483
|
-
"
|
|
3458
|
+
"examples": [
|
|
3459
|
+
[
|
|
3460
|
+
{
|
|
3461
|
+
"icon": "phone",
|
|
3462
|
+
"label": "0228 / 688 966 20",
|
|
3463
|
+
"href": "tel:+4922868896620"
|
|
3464
|
+
},
|
|
3465
|
+
{
|
|
3466
|
+
"icon": "email",
|
|
3467
|
+
"label": "mail@example.com",
|
|
3468
|
+
"href": "mailto:mail@example.com"
|
|
3469
|
+
}
|
|
3470
|
+
]
|
|
3471
|
+
]
|
|
3484
3472
|
},
|
|
3485
|
-
"
|
|
3486
|
-
"title": "
|
|
3487
|
-
"
|
|
3488
|
-
"type": "object",
|
|
3489
|
-
"properties": {
|
|
3490
|
-
"mobileImageLast": {
|
|
3491
|
-
"title": "Mobile image after text",
|
|
3492
|
-
"description": "Switch to displaying the image after the text on mobile",
|
|
3493
|
-
"type": "boolean",
|
|
3494
|
-
"default": false
|
|
3495
|
-
},
|
|
3496
|
-
"desktopImageLast": {
|
|
3497
|
-
"title": "Desktop image after text",
|
|
3498
|
-
"description": "Switch to displaying the image after the text on desktop",
|
|
3499
|
-
"type": "boolean",
|
|
3500
|
-
"default": true
|
|
3501
|
-
}
|
|
3502
|
-
},
|
|
3503
|
-
"additionalProperties": false
|
|
3473
|
+
"copy": {
|
|
3474
|
+
"title": "Copy text",
|
|
3475
|
+
"type": "string"
|
|
3504
3476
|
},
|
|
3505
|
-
"
|
|
3506
|
-
"title": "
|
|
3507
|
-
"description": "
|
|
3508
|
-
"
|
|
3509
|
-
"left",
|
|
3510
|
-
"center"
|
|
3511
|
-
],
|
|
3512
|
-
"type": "string",
|
|
3513
|
-
"default": "left"
|
|
3477
|
+
"className": {
|
|
3478
|
+
"title": "Class",
|
|
3479
|
+
"description": "Additional css classes attached to the wrapping element",
|
|
3480
|
+
"type": "string"
|
|
3514
3481
|
},
|
|
3515
|
-
"
|
|
3516
|
-
"title": "
|
|
3517
|
-
"description": "
|
|
3518
|
-
"type": "string"
|
|
3519
|
-
"enum": [
|
|
3520
|
-
"center",
|
|
3521
|
-
"top",
|
|
3522
|
-
"bottom"
|
|
3523
|
-
],
|
|
3524
|
-
"default": "center"
|
|
3482
|
+
"component": {
|
|
3483
|
+
"title": "`ks-component` attribute",
|
|
3484
|
+
"description": "Optional custom component identifier",
|
|
3485
|
+
"type": "string"
|
|
3525
3486
|
},
|
|
3526
3487
|
"type": {
|
|
3527
|
-
"const": "
|
|
3488
|
+
"const": "contact"
|
|
3528
3489
|
}
|
|
3529
3490
|
},
|
|
3530
|
-
"additionalProperties": false
|
|
3491
|
+
"additionalProperties": false,
|
|
3492
|
+
"required": [
|
|
3493
|
+
"name"
|
|
3494
|
+
]
|
|
3531
3495
|
},
|
|
3532
3496
|
"seo": {
|
|
3533
3497
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"$ref": "http://schema.mydesignsystem.com/section.schema.json"
|
|
27
27
|
}
|
|
28
28
|
},
|
|
29
|
-
"
|
|
30
|
-
"$ref": "http://schema.mydesignsystem.com/
|
|
29
|
+
"contact": {
|
|
30
|
+
"$ref": "http://schema.mydesignsystem.com/contact.schema.json"
|
|
31
31
|
},
|
|
32
32
|
"seo": {
|
|
33
33
|
"$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
|
|
@@ -4,7 +4,8 @@ import { BlogHead } from '../blog-head/index.js';
|
|
|
4
4
|
import { Section } from '../section/index.js';
|
|
5
5
|
import { BlogAside } from '../blog-aside/index.js';
|
|
6
6
|
import { Text } from '../text/index.js';
|
|
7
|
-
import {
|
|
7
|
+
import { Contact } from '../contact/index.js';
|
|
8
|
+
import { Divider } from '@kickstartds/base/lib/divider';
|
|
8
9
|
import 'classnames';
|
|
9
10
|
import 'react';
|
|
10
11
|
import '@kickstartds/blog/lib/post-head';
|
|
@@ -16,7 +17,6 @@ import '@kickstartds/blog/lib/post-meta';
|
|
|
16
17
|
import '@kickstartds/blog/lib/post-share-bar';
|
|
17
18
|
import '@kickstartds/core/lib/container';
|
|
18
19
|
import '../blog-author/index.js';
|
|
19
|
-
import '../contact/index.js';
|
|
20
20
|
import '@kickstartds/base/lib/picture';
|
|
21
21
|
import '@kickstartds/base/lib/contact';
|
|
22
22
|
import '@kickstartds/base/lib/link';
|
|
@@ -25,12 +25,8 @@ import '@kickstartds/base/lib/rich-text';
|
|
|
25
25
|
import '../headline/index.js';
|
|
26
26
|
import 'markdown-to-jsx';
|
|
27
27
|
import '@kickstartds/base/lib/headline';
|
|
28
|
-
import '@kickstartds/content/lib/storytelling';
|
|
29
|
-
import '@kickstartds/base/lib/button';
|
|
30
|
-
import '../button-group/index.js';
|
|
31
|
-
import '@kickstartds/base/lib/button-group';
|
|
32
28
|
|
|
33
|
-
const BlogPost = ({ head, content, aside,
|
|
29
|
+
const BlogPost = ({ head, content, aside, contact, children, }) => (jsxs(Fragment, { children: [jsx(Section, { width: "wide", children: jsxs(Split, { mainSectionWidth: "narrow", layout: "sidebarRight", children: [jsxs("div", { children: [head && jsx(BlogHead, { ...head }), content ? jsx(Text, { text: content }) : children] }), jsx(BlogAside, { ...aside })] }) }), contact && (jsxs(Fragment, { children: [jsx(Section, { spaceAfter: "none", spaceBefore: "none", children: jsx(Divider, {}) }), jsx(Section, { content: { mode: "list" }, children: jsx(Contact, { ...contact }) })] }))] }));
|
|
34
30
|
BlogPost.displayName = "BlogPost";
|
|
35
31
|
|
|
36
32
|
export { BlogPost };
|
|
@@ -24,7 +24,7 @@ interface SettingsProps {
|
|
|
24
24
|
*/
|
|
25
25
|
seo: SeoProps;
|
|
26
26
|
}
|
|
27
|
-
export * from "../../BlogPostProps-
|
|
28
|
-
export * from "../../BlogOverviewProps-
|
|
27
|
+
export * from "../../BlogPostProps-d9decb7c.js";
|
|
28
|
+
export * from "../../BlogOverviewProps-9f207f1c.js";
|
|
29
29
|
export * from "../../PageProps-aa29c554.js";
|
|
30
30
|
export { SettingsProps };
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
"id": "pages-archetypes--blog-overview",
|
|
155
155
|
"group": "Pages/Archetypes",
|
|
156
156
|
"name": "BlogOverview",
|
|
157
|
-
"code": "<BlogOverview\n
|
|
157
|
+
"code": "<BlogOverview\n cta={{\n buttons: [\n {\n icon: 'person',\n label: 'Contact us',\n target: '#'\n },\n {\n icon: 'date',\n label: 'Book a meeting',\n target: '#'\n }\n ],\n colorNeutral: false,\n contentAlign: 'center',\n fullWidth: true,\n headline: 'Get in touch',\n highlightText: false,\n image: {\n padding: false,\n src: 'img/contact-person.png'\n },\n order: {\n desktopImageLast: false,\n mobileImageLast: false\n },\n sub: 'Chat with us about getting your product or platform to market faster',\n text: 'Our modular design approach allows for flexibility and scalability in your application\\'s architecture.',\n textAlign: 'left',\n width: 'wide'\n }}\n latest={{\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics: A Journey from Vision to Reality',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n },\n {\n entry: 'Headless Websites'\n },\n {\n entry: 'Training'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence. We discuss our unique approach to Design System Consulting, where we align your vision with actionable strategies for seamless and captivating user experiences.'\n }}\n latestTitle=\"Latest Post\"\n list={[\n {\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n },\n {\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Investing in Digital Excellence: Systemics\\' Design System Trainings',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article3'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Training'\n }\n ],\n teaserText: 'Investing in your digital team\\'s growth is crucial for sustainable success. In this article, we highlight Systemics\\' Design System Trainings, designed to equip your team with the skills they need to harness your design system effectively.'\n }\n ]}\n listTitle=\"Recent Posts\"\n more={[\n {\n author: {\n image: 'img/people/author-alex.png',\n name: 'John Doe',\n title: 'CEO'\n },\n date: '12/30/2022',\n headline: 'Mastering the Art of Design Systems with Systemics',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article1'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Design Systems'\n }\n ],\n teaserText: 'In this enlightening article, we delve into how Systemics, your go-to Design System agency, brings clarity and coherence to your brand\\'s digital presence..'\n },\n {\n author: {\n image: 'img/people/author-emily.png',\n name: 'Jane Doe',\n title: 'CTO'\n },\n date: '12/30/2022',\n headline: 'Unleashing Innovation with Headless Websites',\n image: 'img/close-up-young-business-team-working.png',\n link: {\n label: 'Read more',\n url: 'https://example.com/article2'\n },\n readingTime: '5 min read',\n tags: [\n {\n entry: 'Headless Websites'\n }\n ],\n teaserText: 'Dive into the exciting world of headless architecture with Systemics. This article explores our Headless Websites service, a playground of innovation and creativity for brands seeking to redefine their digital journey.'\n }\n ]}\n moreTitle=\"Featured Posts\"\n section={[\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n },\n {\n backgroundColor: 'default',\n buttons: [\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n },\n {\n disabled: false,\n label: 'Book a meeting',\n size: 'medium',\n variant: 'secondary'\n }\n ],\n content: {\n align: 'center',\n gutter: 'default',\n mode: 'list',\n tileWidth: 'default',\n width: 'unset'\n },\n headerSpacing: false,\n headline: {\n large: false,\n text: 'Section headline',\n width: 'unset'\n },\n inverted: false,\n spaceAfter: 'default',\n spaceBefore: 'default',\n spotlight: false,\n style: 'default',\n width: 'default'\n }\n ]}\n/>",
|
|
158
158
|
"args": {
|
|
159
159
|
"section": [
|
|
160
160
|
{
|
|
@@ -423,30 +423,36 @@
|
|
|
423
423
|
]
|
|
424
424
|
}
|
|
425
425
|
],
|
|
426
|
-
"
|
|
427
|
-
"
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
"title": "John Smith",
|
|
434
|
-
"subtitle": "Sales Representative",
|
|
435
|
-
"links": [
|
|
426
|
+
"cta": {
|
|
427
|
+
"headline": "Get in touch",
|
|
428
|
+
"sub": "Chat with us about getting your product or platform to market faster",
|
|
429
|
+
"highlightText": false,
|
|
430
|
+
"colorNeutral": false,
|
|
431
|
+
"fullWidth": true,
|
|
432
|
+
"buttons": [
|
|
436
433
|
{
|
|
437
|
-
"
|
|
438
|
-
"
|
|
439
|
-
"
|
|
440
|
-
"newTab": false
|
|
434
|
+
"label": "Contact us",
|
|
435
|
+
"icon": "person",
|
|
436
|
+
"target": "#"
|
|
441
437
|
},
|
|
442
438
|
{
|
|
443
|
-
"
|
|
444
|
-
"
|
|
445
|
-
"
|
|
446
|
-
"newTab": false
|
|
439
|
+
"label": "Book a meeting",
|
|
440
|
+
"icon": "date",
|
|
441
|
+
"target": "#"
|
|
447
442
|
}
|
|
448
443
|
],
|
|
449
|
-
"
|
|
444
|
+
"image": {
|
|
445
|
+
"padding": false,
|
|
446
|
+
"src": "img/contact-person.png"
|
|
447
|
+
},
|
|
448
|
+
"order": {
|
|
449
|
+
"mobileImageLast": false,
|
|
450
|
+
"desktopImageLast": false
|
|
451
|
+
},
|
|
452
|
+
"textAlign": "left",
|
|
453
|
+
"contentAlign": "center",
|
|
454
|
+
"text": "Our modular design approach allows for flexibility and scalability in your application's architecture.",
|
|
455
|
+
"width": "wide"
|
|
450
456
|
}
|
|
451
457
|
},
|
|
452
458
|
"screenshot": "img/screenshots/pages-archetypes--blog-overview.png"
|
|
@@ -455,7 +461,7 @@
|
|
|
455
461
|
"id": "pages-archetypes--blog-post",
|
|
456
462
|
"group": "Pages/Archetypes",
|
|
457
463
|
"name": "BlogPost",
|
|
458
|
-
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/author-emily.png'\n },\n links: [\n {\n href: 'tel:+4922868896620',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n href: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]\n }}\n 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
|
|
464
|
+
"code": "<BlogPost\n aside={{\n author: {\n byline: 'Senior Developer',\n email: 'Jane.doe@example.com',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'square',\n fullWidth: false,\n src: 'img/people/author-emily.png'\n },\n links: [\n {\n href: 'tel:+4922868896620',\n icon: 'phone',\n label: '0228 / 688 966 20',\n newTab: false\n },\n {\n href: 'mailto:mail@example.com',\n icon: 'email',\n label: 'mail@example.com',\n newTab: false\n }\n ],\n name: 'Jane Doe',\n twitter: 'Janedoe'\n },\n date: '12/30/2022',\n readingTime: '5 min read',\n socialSharing: [\n {\n href: 'https://twitter.com/share?text=This%20is%20a%20blog%20post%20headline&url=https://example.com/blog',\n icon: 'twitter',\n title: 'Share on Twitter'\n },\n {\n href: 'https://www.linkedin.com/shareArticle?mini=true&url=https://example.com/blog&title=This%20is%20a%20blog%20post%20headline',\n icon: 'linkedin',\n title: 'Share on LinkedIn'\n }\n ]\n }}\n contact={{\n copy: 'Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences.',\n image: {\n alt: 'Picture of Jane Smith',\n aspectRatio: 'vertical',\n fullWidth: false,\n src: 'img/people/contact-john.png'\n },\n links: [\n {\n href: 'mailto:mail@example.com',\n icon: 'xing',\n label: 'john.smith',\n newTab: false\n },\n {\n href: '#',\n icon: 'twitter',\n label: '@john_smith',\n newTab: false\n }\n ],\n subtitle: 'Sales Representative',\n title: 'John Smith'\n }}\n content=\"\n## Introduction\nThe future of **Artificial Intelligence (AI)** is a topic that has been the subject of much debate. It's a field that's constantly evolving, with new advancements and breakthroughs happening all the time. [Learn more about AI](https://en.wikipedia.org/wiki/Artificial_intelligence)\n\n## The Current State of AI\nToday, AI is already a part of our daily lives. From *smart home devices* to *recommendation algorithms* on our favorite streaming services, AI is everywhere.\n\n## The Potential of AI\nThe potential of AI is immense. It has the ability to revolutionize industries, from healthcare to finance, and everything in between.\n\n## The Challenges of AI\nHowever, with great potential comes great challenges. Issues such as data privacy and the ethical implications of AI are just some of the hurdles that need to be overcome.\n\n## The Role of AI in Society\nAI has the potential to greatly impact society. It can lead to job creation in new industries, and can also help solve complex societal problems.\n\n## Conclusion\nThe future of AI is exciting and full of potential. However, it's important that we navigate this future with caution, ensuring that the benefits of AI are accessible to all, while minimizing its potential risks.\n \"\n 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/>",
|
|
459
465
|
"args": {
|
|
460
466
|
"head": {
|
|
461
467
|
"date": "12/30/2022",
|
|
@@ -640,34 +646,30 @@
|
|
|
640
646
|
]
|
|
641
647
|
}
|
|
642
648
|
],
|
|
643
|
-
"
|
|
644
|
-
"
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
649
|
+
"contact": {
|
|
650
|
+
"image": {
|
|
651
|
+
"src": "img/people/contact-john.png",
|
|
652
|
+
"alt": "Picture of Jane Smith",
|
|
653
|
+
"fullWidth": false,
|
|
654
|
+
"aspectRatio": "vertical"
|
|
655
|
+
},
|
|
656
|
+
"title": "John Smith",
|
|
657
|
+
"subtitle": "Sales Representative",
|
|
658
|
+
"links": [
|
|
650
659
|
{
|
|
651
|
-
"
|
|
652
|
-
"
|
|
653
|
-
"
|
|
660
|
+
"icon": "xing",
|
|
661
|
+
"label": "john.smith",
|
|
662
|
+
"href": "mailto:mail@example.com",
|
|
663
|
+
"newTab": false
|
|
654
664
|
},
|
|
655
665
|
{
|
|
656
|
-
"
|
|
657
|
-
"
|
|
658
|
-
"
|
|
666
|
+
"icon": "twitter",
|
|
667
|
+
"label": "@john_smith",
|
|
668
|
+
"href": "#",
|
|
669
|
+
"newTab": false
|
|
659
670
|
}
|
|
660
671
|
],
|
|
661
|
-
"
|
|
662
|
-
"padding": true
|
|
663
|
-
},
|
|
664
|
-
"order": {
|
|
665
|
-
"mobileImageLast": false,
|
|
666
|
-
"desktopImageLast": true
|
|
667
|
-
},
|
|
668
|
-
"textAlign": "center",
|
|
669
|
-
"contentAlign": "center",
|
|
670
|
-
"text": "Get started with our design system today and experience a new level of efficiency and consistency in your projects."
|
|
672
|
+
"copy": "Leads with a vision for innovative, user-centric web designs, ensuring each project merges creativity with functionality to deliver outstanding digital experiences."
|
|
671
673
|
},
|
|
672
674
|
"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 "
|
|
673
675
|
},
|
package/dist/tokens/themes.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 04 Sep 2024 07:
|
|
3
|
+
* Generated on Wed, 04 Sep 2024 07:52:06 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 Wed, 04 Sep 2024 07:
|
|
2730
|
+
* Generated on Wed, 04 Sep 2024 07:52:10 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 Wed, 04 Sep 2024 07:
|
|
5461
|
+
* Generated on Wed, 04 Sep 2024 07:52:08 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 Wed, 04 Sep 2024 07:
|
|
8462
|
+
* Generated on Wed, 04 Sep 2024 07:52:13 GMT
|
|
8463
8463
|
*/
|
|
8464
8464
|
:root [ks-theme=telekom] {
|
|
8465
8465
|
--ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);
|
package/dist/tokens/tokens.css
CHANGED
package/dist/tokens/tokens.js
CHANGED