@kickstartds/ds-agency-premium 1.6.21 → 1.6.23
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/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
- package/dist/BlogPostProps-d9decb7c.d.ts +1 -1
- package/dist/BlogTeaserProps-f5855e93.d.ts +6 -1
- package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
- package/dist/components/blog-head/blog-head.schema.json +6 -0
- package/dist/components/blog-head/index.d.ts +1 -1
- package/dist/components/blog-head/index.js +2 -2
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +24 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +8 -0
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +8 -0
- package/dist/components/blog-teaser/blog-teaser.schema.json +6 -0
- package/dist/components/blog-teaser/index.js +2 -2
- package/dist/components/page-wrapper/index.js +59 -1134
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/presets.json +13 -4
- package/dist/tokens/IconSprite.js +59 -1134
- package/dist/tokens/icon-sprite.html +49 -268
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +21 -104
- package/package.json +2 -2
|
@@ -20,6 +20,10 @@ type Headline = string;
|
|
|
20
20
|
* The source of the cover image for the blog post
|
|
21
21
|
*/
|
|
22
22
|
type CoverImage = string;
|
|
23
|
+
/**
|
|
24
|
+
* The alt text for the cover image
|
|
25
|
+
*/
|
|
26
|
+
type AltText = string;
|
|
23
27
|
/**
|
|
24
28
|
* Intro portion of a singular blog entry
|
|
25
29
|
*/
|
|
@@ -28,5 +32,6 @@ interface BlogHeadProps {
|
|
|
28
32
|
tags?: Tags;
|
|
29
33
|
headline: Headline;
|
|
30
34
|
image?: CoverImage;
|
|
35
|
+
alt?: AltText;
|
|
31
36
|
}
|
|
32
|
-
export { PublishedDate, Tags, Headline, CoverImage, BlogHeadProps };
|
|
37
|
+
export { PublishedDate, Tags, Headline, CoverImage, AltText, BlogHeadProps };
|
|
@@ -3,7 +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 { BlogHeadProps } from "./BlogHeadProps-
|
|
6
|
+
import { BlogHeadProps } from "./BlogHeadProps-c04a5ed8.js";
|
|
7
7
|
import { BlogAsideProps } from "./BlogAsideProps-d9decb7c.js";
|
|
8
8
|
import { SectionProps } from "./SectionProps-7a46a8ad.js";
|
|
9
9
|
import { CtaProps } from "./CtaProps-93230a76.js";
|
|
@@ -24,6 +24,10 @@ type TeaserText = string;
|
|
|
24
24
|
* The preview image for the blog post
|
|
25
25
|
*/
|
|
26
26
|
type Image = string;
|
|
27
|
+
/**
|
|
28
|
+
* The alt text for the preview image
|
|
29
|
+
*/
|
|
30
|
+
type Alt = string;
|
|
27
31
|
/**
|
|
28
32
|
* The blog entry URL to link
|
|
29
33
|
*/
|
|
@@ -57,6 +61,7 @@ interface BlogTeaserProps {
|
|
|
57
61
|
headline: Headline;
|
|
58
62
|
teaserText: TeaserText;
|
|
59
63
|
image?: Image;
|
|
64
|
+
alt?: Alt;
|
|
60
65
|
link?: Link;
|
|
61
66
|
readingTime?: ReadingTime;
|
|
62
67
|
author?: Author;
|
|
@@ -77,4 +82,4 @@ interface Author {
|
|
|
77
82
|
title?: Title;
|
|
78
83
|
image?: Image1;
|
|
79
84
|
}
|
|
80
|
-
export { Date, Tags, Headline, TeaserText, Image, URL, Text, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
|
|
85
|
+
export { Date, Tags, Headline, TeaserText, Image, Alt, URL, Text, ReadingTime, Name, Title, Image1, BlogTeaserProps, Link, Author };
|
|
@@ -58,6 +58,14 @@
|
|
|
58
58
|
"img/close-up-young-business-team-working.png"
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
|
+
"alt": {
|
|
62
|
+
"title": "Alt Text",
|
|
63
|
+
"description": "The alt text for the cover image",
|
|
64
|
+
"type": "string",
|
|
65
|
+
"examples": [
|
|
66
|
+
"Image of a business team working"
|
|
67
|
+
]
|
|
68
|
+
},
|
|
61
69
|
"type": {
|
|
62
70
|
"const": "blog-head"
|
|
63
71
|
}
|
|
@@ -33,6 +33,12 @@
|
|
|
33
33
|
"type": "string",
|
|
34
34
|
"format": "image",
|
|
35
35
|
"examples": ["img/close-up-young-business-team-working.png"]
|
|
36
|
+
},
|
|
37
|
+
"alt": {
|
|
38
|
+
"title": "Alt Text",
|
|
39
|
+
"description": "The alt text for the cover image",
|
|
40
|
+
"type": "string",
|
|
41
|
+
"examples": ["Image of a business team working"]
|
|
36
42
|
}
|
|
37
43
|
},
|
|
38
44
|
"additionalProperties": false,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { BlogHeadProps } from "../../BlogHeadProps-
|
|
2
|
+
import { BlogHeadProps } from "../../BlogHeadProps-c04a5ed8.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>>;
|
|
@@ -3,8 +3,8 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, createContext, useContext } from 'react';
|
|
4
4
|
import { PostHead } from '@kickstartds/blog/lib/post-head';
|
|
5
5
|
|
|
6
|
-
const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, ...rest }, ref) => {
|
|
7
|
-
return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: headline }, categories: tags.map((tag) => {
|
|
6
|
+
const BlogHeadContextDefault = forwardRef(({ date, tags = [], headline, image, alt, ...rest }, ref) => {
|
|
7
|
+
return (jsx(PostHead, { ...rest, date: date, headline: { text: headline, level: "h1", align: "left" }, image: { src: image, alt: alt || headline }, categories: tags.map((tag) => {
|
|
8
8
|
return { label: tag.entry };
|
|
9
9
|
}), ref: ref }));
|
|
10
10
|
});
|
|
@@ -3201,6 +3201,14 @@
|
|
|
3201
3201
|
"img/close-up-young-business-team-working.png"
|
|
3202
3202
|
]
|
|
3203
3203
|
},
|
|
3204
|
+
"alt": {
|
|
3205
|
+
"title": "Alt",
|
|
3206
|
+
"description": "The alt text for the preview image",
|
|
3207
|
+
"type": "string",
|
|
3208
|
+
"examples": [
|
|
3209
|
+
"Image of a business team working"
|
|
3210
|
+
]
|
|
3211
|
+
},
|
|
3204
3212
|
"link": {
|
|
3205
3213
|
"type": "object",
|
|
3206
3214
|
"title": "Link",
|
|
@@ -3366,6 +3374,14 @@
|
|
|
3366
3374
|
"img/close-up-young-business-team-working.png"
|
|
3367
3375
|
]
|
|
3368
3376
|
},
|
|
3377
|
+
"alt": {
|
|
3378
|
+
"title": "Alt",
|
|
3379
|
+
"description": "The alt text for the preview image",
|
|
3380
|
+
"type": "string",
|
|
3381
|
+
"examples": [
|
|
3382
|
+
"Image of a business team working"
|
|
3383
|
+
]
|
|
3384
|
+
},
|
|
3369
3385
|
"link": {
|
|
3370
3386
|
"type": "object",
|
|
3371
3387
|
"title": "Link",
|
|
@@ -3532,6 +3548,14 @@
|
|
|
3532
3548
|
"img/close-up-young-business-team-working.png"
|
|
3533
3549
|
]
|
|
3534
3550
|
},
|
|
3551
|
+
"alt": {
|
|
3552
|
+
"title": "Alt",
|
|
3553
|
+
"description": "The alt text for the preview image",
|
|
3554
|
+
"type": "string",
|
|
3555
|
+
"examples": [
|
|
3556
|
+
"Image of a business team working"
|
|
3557
|
+
]
|
|
3558
|
+
},
|
|
3535
3559
|
"link": {
|
|
3536
3560
|
"type": "object",
|
|
3537
3561
|
"title": "Link",
|
|
@@ -69,6 +69,14 @@
|
|
|
69
69
|
"img/close-up-young-business-team-working.png"
|
|
70
70
|
]
|
|
71
71
|
},
|
|
72
|
+
"alt": {
|
|
73
|
+
"title": "Alt Text",
|
|
74
|
+
"description": "The alt text for the cover image",
|
|
75
|
+
"type": "string",
|
|
76
|
+
"examples": [
|
|
77
|
+
"Image of a business team working"
|
|
78
|
+
]
|
|
79
|
+
},
|
|
72
80
|
"type": {
|
|
73
81
|
"const": "blog-head"
|
|
74
82
|
}
|
|
@@ -67,6 +67,14 @@
|
|
|
67
67
|
"img/close-up-young-business-team-working.png"
|
|
68
68
|
]
|
|
69
69
|
},
|
|
70
|
+
"alt": {
|
|
71
|
+
"title": "Alt",
|
|
72
|
+
"description": "The alt text for the preview image",
|
|
73
|
+
"type": "string",
|
|
74
|
+
"examples": [
|
|
75
|
+
"Image of a business team working"
|
|
76
|
+
]
|
|
77
|
+
},
|
|
70
78
|
"link": {
|
|
71
79
|
"type": "object",
|
|
72
80
|
"title": "Link",
|
|
@@ -41,6 +41,12 @@
|
|
|
41
41
|
"format": "image",
|
|
42
42
|
"examples": ["img/close-up-young-business-team-working.png"]
|
|
43
43
|
},
|
|
44
|
+
"alt": {
|
|
45
|
+
"title": "Alt",
|
|
46
|
+
"description": "The alt text for the preview image",
|
|
47
|
+
"type": "string",
|
|
48
|
+
"examples": ["Image of a business team working"]
|
|
49
|
+
},
|
|
44
50
|
"link": {
|
|
45
51
|
"type": "object",
|
|
46
52
|
"title": "Link",
|
|
@@ -5,7 +5,7 @@ import { forwardRef, createContext, useContext } from 'react';
|
|
|
5
5
|
import { PostTeaserContextDefault } from '@kickstartds/blog/lib/post-teaser';
|
|
6
6
|
import { Container } from '@kickstartds/core/lib/container';
|
|
7
7
|
|
|
8
|
-
const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, link, readingTime, author, className, ...rest }, ref) => {
|
|
8
|
+
const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaserText, image, alt, link, readingTime, author, className, ...rest }, ref) => {
|
|
9
9
|
const teaserMetaItems = [];
|
|
10
10
|
if (date)
|
|
11
11
|
teaserMetaItems.push({
|
|
@@ -19,7 +19,7 @@ const BlogTeaserContextDefault = forwardRef(({ date, tags = [], headline, teaser
|
|
|
19
19
|
});
|
|
20
20
|
return (jsx(Container, { name: "blog-teaser", children: jsx(PostTeaserContextDefault, { ...rest, className: classnames(className, "dsa-blog-teaser"),
|
|
21
21
|
// @ts-expect-error
|
|
22
|
-
image: { src: image, alt: headline }, meta: {
|
|
22
|
+
image: { src: image, alt: alt || headline }, meta: {
|
|
23
23
|
author: author
|
|
24
24
|
? {
|
|
25
25
|
image: author.image && { src: author.image },
|