@kickstartds/ds-agency-premium 1.4.6--canary.767.c06aa08.0 → 1.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/dist/{BlogAsideProps-99489f0b.d.ts → BlogAsideProps-e1cbd5d3.d.ts} +4 -11
  2. package/dist/{BlogHeadProps-f9a49428.d.ts → BlogHeadProps-3f6e4072.d.ts} +2 -1
  3. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  4. package/dist/BlogPostProps-440f88a5.d.ts +2 -2
  5. package/dist/BlogTagProps-f5855e93.d.ts +16 -0
  6. package/dist/{BlogTeaserProps-525f7f9f.d.ts → BlogTeaserProps-f5855e93.d.ts} +2 -1
  7. package/dist/components/blog-aside/blog-aside.css +5 -2
  8. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +7 -21
  9. package/dist/components/blog-aside/blog-aside.schema.json +5 -16
  10. package/dist/components/blog-aside/index.d.ts +1 -1
  11. package/dist/components/blog-aside/index.js +2 -2
  12. package/dist/components/blog-head/blog-head.schema.dereffed.json +18 -4
  13. package/dist/components/blog-head/blog-head.schema.json +1 -2
  14. package/dist/components/blog-head/index.d.ts +1 -1
  15. package/dist/components/blog-head/index.js +1 -1
  16. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +54 -12
  17. package/dist/components/blog-post/blog-post.schema.dereffed.json +25 -25
  18. package/dist/components/blog-tag/blog-tag.schema.dereffed.json +21 -0
  19. package/dist/components/blog-tag/blog-tag.schema.json +16 -0
  20. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +18 -4
  21. package/dist/components/blog-teaser/blog-teaser.schema.json +1 -2
  22. package/dist/components/blog-teaser/index.d.ts +1 -1
  23. package/dist/components/blog-teaser/index.js +1 -1
  24. package/dist/components/page-wrapper/index.js +0 -6
  25. package/dist/components/page-wrapper/tokens.css +1 -1
  26. package/dist/components/presets.json +40 -92
  27. package/dist/components/providers/index.js +1 -7
  28. package/dist/tokens/themes.css +4 -4
  29. package/dist/tokens/tokens.css +1 -1
  30. package/dist/tokens/tokens.js +1 -1
  31. package/package.json +1 -1
  32. package/dist/components/contact/contact.css +0 -73
  33. package/dist/components/contact/contact.schema.dereffed.json +0 -108
  34. package/dist/components/contact/contact.schema.json +0 -94
  35. package/dist/components/contact/index.d.ts +0 -60
  36. package/dist/components/contact/index.js +0 -15
@@ -12,13 +12,9 @@ type Name = string;
12
12
  */
13
13
  type Byline = string;
14
14
  /**
15
- * URL of the image to display
15
+ * The image URL of the author
16
16
  */
17
- type ImageSource = string;
18
- /**
19
- * Alt text of the image
20
- */
21
- type AltText = string;
17
+ type Image = string;
22
18
  /**
23
19
  * The Twitter name of the author
24
20
  */
@@ -71,11 +67,8 @@ interface BlogAsideProps {
71
67
  interface Author {
72
68
  name: Name;
73
69
  byline?: Byline;
74
- image?: {
75
- src?: ImageSource;
76
- alt?: AltText;
77
- };
70
+ image?: Image;
78
71
  twitter?: Twitter;
79
72
  email?: Email;
80
73
  }
81
- export { Name, Byline, ImageSource, AltText, Twitter, Email, Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps, Author };
74
+ export { Name, Byline, Image, Twitter, Email, Icon, Href, Title, SocialSharing, ReadingTime, PublishedDate, BlogAsideProps, Author };
@@ -3,6 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
+ import { BlogTagProps } from "./BlogTagProps-f5855e93.js";
6
7
  /**
7
8
  * The date when the blog post was published
8
9
  */
@@ -10,7 +11,7 @@ type PublishedDate = string;
10
11
  /**
11
12
  * The tags associated with the blog post
12
13
  */
13
- type Tags = string[];
14
+ type Tags = BlogTagProps[];
14
15
  /**
15
16
  * The headline of the blog post
16
17
  */
@@ -4,7 +4,7 @@
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
6
  import { SectionProps } from "./SectionProps-83d399b4.js";
7
- import { BlogTeaserProps } from "./BlogTeaserProps-525f7f9f.js";
7
+ import { BlogTeaserProps } from "./BlogTeaserProps-f5855e93.js";
8
8
  import { CtaProps } from "./CtaProps-93230a76.js";
9
9
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
10
10
  /**
@@ -3,8 +3,8 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- import { BlogHeadProps } from "./BlogHeadProps-f9a49428.js";
7
- import { BlogAsideProps } from "./BlogAsideProps-99489f0b.js";
6
+ import { BlogHeadProps } from "./BlogHeadProps-3f6e4072.js";
7
+ import { BlogAsideProps } from "./BlogAsideProps-e1cbd5d3.js";
8
8
  import { SectionProps } from "./SectionProps-83d399b4.js";
9
9
  import { CtaProps } from "./CtaProps-93230a76.js";
10
10
  import { SeoProps } from "./SeoProps-f2d6dcaa.js";
@@ -0,0 +1,16 @@
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 };
@@ -3,6 +3,7 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
+ import { BlogTagProps } from "./BlogTagProps-f5855e93.js";
6
7
  /**
7
8
  * The date of the blog post
8
9
  */
@@ -10,7 +11,7 @@ type Date = string;
10
11
  /**
11
12
  * The tags for the blog post
12
13
  */
13
- type Tags = string[];
14
+ type Tags = BlogTagProps[];
14
15
  /**
15
16
  * The headline of the blog post
16
17
  */
@@ -1,6 +1,8 @@
1
1
  .dsa-blog-aside {
2
2
  --dsa-blog-aside__title--color: var(--dsa-headline--color);
3
3
  --dsa-blog-aside__title--font: var(--dsa-headline_h3--font);
4
+ --dsa-blog-aside__copy--color: var(--dsa-rich-text--color);
5
+ --dsa-blog-aside__copy--font: var(--dsa-rich-text--font);
4
6
  --dsa-blog-aside__links--color: var(--dsa-link--color);
5
7
  --dsa-blog-aside__divider--color: var(--ks-border-color-accent);
6
8
  }
@@ -15,8 +17,9 @@
15
17
  --c-post-meta_item--color: var(--dsa-post-aside__meta__item--color, var(--ks-text-color-interface));
16
18
  --c-post-meta_item--icon-size: var(--dsa-post-aside__meta__item__icon--size, 1.2em);
17
19
  }
18
- .dsa-blog-aside .dsa-contact {
19
- justify-content: flex-start;
20
+ .dsa-blog-aside .c-contact__copy {
21
+ --c-rich-text-font: var(--dsa-post-aside__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
22
+ --c-rich-text-color: var(--dsa-post-aside__copy--color, var(--dsa-rich-text--color, var(--ks-text-color-default)));
20
23
  }
21
24
  .dsa-blog-aside .dsa-headline .dsa-headline__headline {
22
25
  font: var(--dsa-post-aside__title--font, var(--dsa-headline_h3--font, var(--ks-font-display-l)));
@@ -27,27 +27,13 @@
27
27
  ]
28
28
  },
29
29
  "image": {
30
- "type": "object",
31
- "properties": {
32
- "src": {
33
- "type": "string",
34
- "format": "image",
35
- "title": "Image Source",
36
- "description": "URL of the image to display",
37
- "examples": [
38
- "img/people/author-emily.png"
39
- ]
40
- },
41
- "alt": {
42
- "type": "string",
43
- "title": "Alt Text",
44
- "description": "Alt text of the image",
45
- "examples": [
46
- "Picture of Jane Smith"
47
- ]
48
- }
49
- },
50
- "additionalProperties": false
30
+ "title": "Image",
31
+ "description": "The image URL of the author",
32
+ "type": "string",
33
+ "format": "image",
34
+ "examples": [
35
+ "img/people/author-emily.png"
36
+ ]
51
37
  },
52
38
  "twitter": {
53
39
  "title": "Twitter",
@@ -23,22 +23,11 @@
23
23
  "examples": ["CEO at Company"]
24
24
  },
25
25
  "image": {
26
- "type": "object",
27
- "properties": {
28
- "src": {
29
- "type": "string",
30
- "format": "image",
31
- "title": "Image Source",
32
- "description": "URL of the image to display",
33
- "examples": ["img/people/author-emily.png"]
34
- },
35
- "alt": {
36
- "type": "string",
37
- "title": "Alt Text",
38
- "description": "Alt text of the image",
39
- "examples": ["Picture of Jane Smith"]
40
- }
41
- }
26
+ "title": "Image",
27
+ "description": "The image URL of the author",
28
+ "type": "string",
29
+ "format": "image",
30
+ "examples": ["img/people/author-emily.png"]
42
31
  },
43
32
  "twitter": {
44
33
  "title": "Twitter",
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogAsideProps } from "../../BlogAsideProps-99489f0b.js";
2
+ import { BlogAsideProps } from "../../BlogAsideProps-e1cbd5d3.js";
3
3
  declare const BlogAsideContextDefault: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  declare const BlogAsideContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>>;
5
5
  declare const BlogAside: import("react").ForwardRefExoticComponent<BlogAsideProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -40,8 +40,8 @@ const BlogAsideContextDefault = forwardRef(({ author, socialSharing, readingTime
40
40
  });
41
41
  return (jsx(PostAside, { ...rest, className: classnames(className, "dsa-blog-aside"), author: {
42
42
  title: author?.name,
43
- subtitle: author?.byline,
44
- image: author?.image,
43
+ image: author?.image && { src: author.image },
44
+ copy: author?.byline,
45
45
  links: authorLinks,
46
46
  }, shareBar: {
47
47
  headline: {
@@ -19,10 +19,24 @@
19
19
  "title": "Tags",
20
20
  "description": "The tags associated with the blog post",
21
21
  "items": {
22
- "type": "string",
23
- "examples": [
24
- "tech",
25
- "programming"
22
+ "$schema": "http://json-schema.org/draft-07/schema#",
23
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
24
+ "title": "Blog Tag",
25
+ "description": "Tag given to a blog post",
26
+ "type": "object",
27
+ "properties": {
28
+ "entry": {
29
+ "title": "Entry",
30
+ "description": "Name of the tag entry",
31
+ "type": "string"
32
+ },
33
+ "type": {
34
+ "const": "blog-tag"
35
+ }
36
+ },
37
+ "additionalProperties": false,
38
+ "required": [
39
+ "entry"
26
40
  ]
27
41
  }
28
42
  },
@@ -17,8 +17,7 @@
17
17
  "title": "Tags",
18
18
  "description": "The tags associated with the blog post",
19
19
  "items": {
20
- "type": "string",
21
- "examples": ["tech", "programming"]
20
+ "$ref": "http://schema.mydesignsystem.com/blog-tag.schema.json"
22
21
  }
23
22
  },
24
23
  "headline": {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogHeadProps } from "../../BlogHeadProps-f9a49428.js";
2
+ import { BlogHeadProps } from "../../BlogHeadProps-3f6e4072.js";
3
3
  declare const BlogHeadContextDefault: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  declare const BlogHeadContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>>;
5
5
  declare const BlogHead: import("react").ForwardRefExoticComponent<BlogHeadProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -5,7 +5,7 @@ import { PostHead } from '@kickstartds/blog/lib/post-head';
5
5
 
6
6
  const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, ...rest }, ref) => {
7
7
  return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image }, categories: tags.map((tag) => {
8
- return { label: tag };
8
+ return { label: tag.entry };
9
9
  }), ref: ref }));
10
10
  });
11
11
  const BlogHeadContext = createContext(BlogHeadContextDefault);
@@ -3129,10 +3129,24 @@
3129
3129
  "title": "Tags",
3130
3130
  "description": "The tags for the blog post",
3131
3131
  "items": {
3132
- "type": "string",
3133
- "examples": [
3134
- "tech",
3135
- "programming"
3132
+ "$schema": "http://json-schema.org/draft-07/schema#",
3133
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
3134
+ "title": "Blog Tag",
3135
+ "description": "Tag given to a blog post",
3136
+ "type": "object",
3137
+ "properties": {
3138
+ "entry": {
3139
+ "title": "Entry",
3140
+ "description": "Name of the tag entry",
3141
+ "type": "string"
3142
+ },
3143
+ "type": {
3144
+ "const": "blog-tag"
3145
+ }
3146
+ },
3147
+ "additionalProperties": false,
3148
+ "required": [
3149
+ "entry"
3136
3150
  ]
3137
3151
  }
3138
3152
  },
@@ -3280,10 +3294,24 @@
3280
3294
  "title": "Tags",
3281
3295
  "description": "The tags for the blog post",
3282
3296
  "items": {
3283
- "type": "string",
3284
- "examples": [
3285
- "tech",
3286
- "programming"
3297
+ "$schema": "http://json-schema.org/draft-07/schema#",
3298
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
3299
+ "title": "Blog Tag",
3300
+ "description": "Tag given to a blog post",
3301
+ "type": "object",
3302
+ "properties": {
3303
+ "entry": {
3304
+ "title": "Entry",
3305
+ "description": "Name of the tag entry",
3306
+ "type": "string"
3307
+ },
3308
+ "type": {
3309
+ "const": "blog-tag"
3310
+ }
3311
+ },
3312
+ "additionalProperties": false,
3313
+ "required": [
3314
+ "entry"
3287
3315
  ]
3288
3316
  }
3289
3317
  },
@@ -3432,10 +3460,24 @@
3432
3460
  "title": "Tags",
3433
3461
  "description": "The tags for the blog post",
3434
3462
  "items": {
3435
- "type": "string",
3436
- "examples": [
3437
- "tech",
3438
- "programming"
3463
+ "$schema": "http://json-schema.org/draft-07/schema#",
3464
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
3465
+ "title": "Blog Tag",
3466
+ "description": "Tag given to a blog post",
3467
+ "type": "object",
3468
+ "properties": {
3469
+ "entry": {
3470
+ "title": "Entry",
3471
+ "description": "Name of the tag entry",
3472
+ "type": "string"
3473
+ },
3474
+ "type": {
3475
+ "const": "blog-tag"
3476
+ }
3477
+ },
3478
+ "additionalProperties": false,
3479
+ "required": [
3480
+ "entry"
3439
3481
  ]
3440
3482
  }
3441
3483
  },
@@ -29,10 +29,24 @@
29
29
  "title": "Tags",
30
30
  "description": "The tags associated with the blog post",
31
31
  "items": {
32
- "type": "string",
33
- "examples": [
34
- "tech",
35
- "programming"
32
+ "$schema": "http://json-schema.org/draft-07/schema#",
33
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
34
+ "title": "Blog Tag",
35
+ "description": "Tag given to a blog post",
36
+ "type": "object",
37
+ "properties": {
38
+ "entry": {
39
+ "title": "Entry",
40
+ "description": "Name of the tag entry",
41
+ "type": "string"
42
+ },
43
+ "type": {
44
+ "const": "blog-tag"
45
+ }
46
+ },
47
+ "additionalProperties": false,
48
+ "required": [
49
+ "entry"
36
50
  ]
37
51
  }
38
52
  },
@@ -92,27 +106,13 @@
92
106
  ]
93
107
  },
94
108
  "image": {
95
- "type": "object",
96
- "properties": {
97
- "src": {
98
- "type": "string",
99
- "format": "image",
100
- "title": "Image Source",
101
- "description": "URL of the image to display",
102
- "examples": [
103
- "img/people/author-emily.png"
104
- ]
105
- },
106
- "alt": {
107
- "type": "string",
108
- "title": "Alt Text",
109
- "description": "Alt text of the image",
110
- "examples": [
111
- "Picture of Jane Smith"
112
- ]
113
- }
114
- },
115
- "additionalProperties": false
109
+ "title": "Image",
110
+ "description": "The image URL of the author",
111
+ "type": "string",
112
+ "format": "image",
113
+ "examples": [
114
+ "img/people/author-emily.png"
115
+ ]
116
116
  },
117
117
  "twitter": {
118
118
  "title": "Twitter",
@@ -0,0 +1,21 @@
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
+ }
@@ -0,0 +1,16 @@
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
+ },
14
+ "additionalProperties": false,
15
+ "required": ["entry"]
16
+ }
@@ -19,10 +19,24 @@
19
19
  "title": "Tags",
20
20
  "description": "The tags for the blog post",
21
21
  "items": {
22
- "type": "string",
23
- "examples": [
24
- "tech",
25
- "programming"
22
+ "$schema": "http://json-schema.org/draft-07/schema#",
23
+ "$id": "http://schema.mydesignsystem.com/blog-tag.schema.json",
24
+ "title": "Blog Tag",
25
+ "description": "Tag given to a blog post",
26
+ "type": "object",
27
+ "properties": {
28
+ "entry": {
29
+ "title": "Entry",
30
+ "description": "Name of the tag entry",
31
+ "type": "string"
32
+ },
33
+ "type": {
34
+ "const": "blog-tag"
35
+ }
36
+ },
37
+ "additionalProperties": false,
38
+ "required": [
39
+ "entry"
26
40
  ]
27
41
  }
28
42
  },
@@ -17,8 +17,7 @@
17
17
  "title": "Tags",
18
18
  "description": "The tags for the blog post",
19
19
  "items": {
20
- "type": "string",
21
- "examples": ["tech", "programming"]
20
+ "$ref": "http://schema.mydesignsystem.com/blog-tag.schema.json"
22
21
  }
23
22
  },
24
23
  "headline": {
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { BlogTeaserProps } from "../../BlogTeaserProps-525f7f9f.js";
2
+ import { BlogTeaserProps } from "../../BlogTeaserProps-f5855e93.js";
3
3
  declare const BlogTeaserContextDefault: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;
4
4
  declare const BlogTeaserContext: import("react").Context<import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>>;
5
5
  declare const BlogTeaser: import("react").ForwardRefExoticComponent<BlogTeaserProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -34,7 +34,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
34
34
  target: link.url,
35
35
  }
36
36
  : undefined, title: headline, body: teaserText, categories: tags.map((tag) => {
37
- return { label: tag };
37
+ return { label: tag.entry };
38
38
  }), ref: ref }) }));
39
39
  });
40
40
  const BlogTeaserContext = createContext(BlogTeaserContextDefault);
@@ -15,12 +15,6 @@ import '@kickstartds/core/lib/component';
15
15
  import '../teaser-card/index.js';
16
16
  import '@kickstartds/base/lib/teaser-box';
17
17
  import '@kickstartds/core/lib/container';
18
- import '../contact/index.js';
19
- import '@kickstartds/base/lib/picture';
20
- import '@kickstartds/base/lib/contact';
21
- import '@kickstartds/base/lib/link';
22
- import '@kickstartds/base/lib/icon';
23
- import '@kickstartds/base/lib/rich-text';
24
18
  import '../headline/index.js';
25
19
  import 'markdown-to-jsx';
26
20
  import '@kickstartds/base/lib/headline';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 26 Aug 2024 12:01:08 GMT
3
+ * Generated on Mon, 26 Aug 2024 14:46:32 GMT
4
4
  */
5
5
  :root, [ks-theme] {
6
6
  --ks-background-color-accent-base: var(--ks-color-primary-to-bg-8-base);