@kickstartds/ds-agency-premium 1.0.7 → 1.1.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/PageIntroProps-f13f3e7c.d.ts +14 -0
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +631 -0
- package/dist/components/blog-overview/blog-overview.schema.json +35 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +406 -0
- package/dist/components/blog-post/blog-post.schema.json +28 -0
- package/dist/components/headline/index.d.ts +48 -1
- package/dist/components/page/page.schema.dereffed.json +700 -705
- package/dist/components/page/page.schema.json +3 -40
- package/dist/components/page-intro/index.d.ts +1 -14
- package/dist/components/page-wrapper/tokens.css +1 -1
- package/dist/components/section/index.d.ts +7 -6
- package/dist/components/section/section.schema.dereffed.json +664 -662
- package/dist/components/section/section.schema.json +16 -13
- package/dist/components/seo/seo.schema.dereffed.json +42 -0
- package/dist/components/seo/seo.schema.json +36 -0
- package/dist/components/settings/settings.schema.dereffed.json +426 -0
- package/dist/components/settings/settings.schema.json +19 -0
- package/dist/static/tokens-lughausen.css +1 -1
- package/dist/static/tokens.css +1 -1
- package/dist/tokens/tokens.css +1 -1
- package/dist/tokens/tokens.js +1 -1
- package/package.json +1 -1
- package/dist/HeadlineProps-d413a2cc.d.ts +0 -48
|
@@ -0,0 +1,406 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/cms/blog-post.schema.json",
|
|
4
|
+
"title": "Blog Post",
|
|
5
|
+
"description": "Abstracts a blog post concept into JSON schema",
|
|
6
|
+
"type": "object",
|
|
7
|
+
"required": [
|
|
8
|
+
"seo"
|
|
9
|
+
],
|
|
10
|
+
"properties": {
|
|
11
|
+
"head": {
|
|
12
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
13
|
+
"$id": "http://schema.mydesignsystem.com/blog-head.schema.json",
|
|
14
|
+
"title": "Blog Head",
|
|
15
|
+
"description": "Intro portion of a singular blog entry",
|
|
16
|
+
"type": "object",
|
|
17
|
+
"properties": {
|
|
18
|
+
"date": {
|
|
19
|
+
"title": "Published Date",
|
|
20
|
+
"description": "The date when the blog post was published",
|
|
21
|
+
"type": "string",
|
|
22
|
+
"format": "date",
|
|
23
|
+
"examples": [
|
|
24
|
+
"12/30/2022"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
"tags": {
|
|
28
|
+
"type": "array",
|
|
29
|
+
"title": "Tags",
|
|
30
|
+
"description": "The tags associated with the blog post",
|
|
31
|
+
"items": {
|
|
32
|
+
"type": "string",
|
|
33
|
+
"examples": [
|
|
34
|
+
"tech",
|
|
35
|
+
"programming"
|
|
36
|
+
]
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
"headline": {
|
|
40
|
+
"title": "Headline",
|
|
41
|
+
"description": "The headline of the blog post",
|
|
42
|
+
"type": "string",
|
|
43
|
+
"examples": [
|
|
44
|
+
"This is a blog post headline"
|
|
45
|
+
]
|
|
46
|
+
},
|
|
47
|
+
"image": {
|
|
48
|
+
"title": "Cover Image",
|
|
49
|
+
"description": "The source of the cover image for the blog post",
|
|
50
|
+
"type": "string",
|
|
51
|
+
"format": "uri",
|
|
52
|
+
"examples": [
|
|
53
|
+
"img/close-up-young-business-team-working.png"
|
|
54
|
+
]
|
|
55
|
+
},
|
|
56
|
+
"type": {
|
|
57
|
+
"const": "blog-head"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
"additionalProperties": false,
|
|
61
|
+
"required": [
|
|
62
|
+
"headline"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
"aside": {
|
|
66
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
67
|
+
"$id": "http://schema.mydesignsystem.com/blog-aside.schema.json",
|
|
68
|
+
"title": "Blog Aside",
|
|
69
|
+
"description": "Meta info for a singular blog entry",
|
|
70
|
+
"type": "object",
|
|
71
|
+
"properties": {
|
|
72
|
+
"author": {
|
|
73
|
+
"type": "object",
|
|
74
|
+
"title": "Author",
|
|
75
|
+
"description": "The author of the blog post",
|
|
76
|
+
"properties": {
|
|
77
|
+
"name": {
|
|
78
|
+
"title": "Name",
|
|
79
|
+
"description": "The name of the author",
|
|
80
|
+
"type": "string",
|
|
81
|
+
"examples": [
|
|
82
|
+
"John Doe"
|
|
83
|
+
]
|
|
84
|
+
},
|
|
85
|
+
"byline": {
|
|
86
|
+
"title": "Byline",
|
|
87
|
+
"description": "The byline of the author",
|
|
88
|
+
"type": "string",
|
|
89
|
+
"examples": [
|
|
90
|
+
"CEO at Company"
|
|
91
|
+
]
|
|
92
|
+
},
|
|
93
|
+
"image": {
|
|
94
|
+
"title": "Image",
|
|
95
|
+
"description": "The image URL of the author",
|
|
96
|
+
"type": "string",
|
|
97
|
+
"format": "uri",
|
|
98
|
+
"examples": [
|
|
99
|
+
"img/people/author-emily.png"
|
|
100
|
+
]
|
|
101
|
+
},
|
|
102
|
+
"twitter": {
|
|
103
|
+
"title": "Twitter",
|
|
104
|
+
"description": "The Twitter name of the author",
|
|
105
|
+
"type": "string",
|
|
106
|
+
"format": "uri",
|
|
107
|
+
"examples": [
|
|
108
|
+
"johndoe"
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
"email": {
|
|
112
|
+
"title": "Email",
|
|
113
|
+
"description": "The Email of the author",
|
|
114
|
+
"type": "string",
|
|
115
|
+
"format": "email",
|
|
116
|
+
"examples": [
|
|
117
|
+
"johndoe@example.com"
|
|
118
|
+
]
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
"additionalProperties": false,
|
|
122
|
+
"required": [
|
|
123
|
+
"name"
|
|
124
|
+
]
|
|
125
|
+
},
|
|
126
|
+
"socialSharing": {
|
|
127
|
+
"type": "array",
|
|
128
|
+
"title": "Social Sharing",
|
|
129
|
+
"description": "The social sharing links for the blog post",
|
|
130
|
+
"items": {
|
|
131
|
+
"type": "object",
|
|
132
|
+
"properties": {
|
|
133
|
+
"icon": {
|
|
134
|
+
"title": "Icon",
|
|
135
|
+
"description": "The icon name for the social link",
|
|
136
|
+
"type": "string",
|
|
137
|
+
"examples": [
|
|
138
|
+
"twitter",
|
|
139
|
+
"facebook"
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
"href": {
|
|
143
|
+
"title": "Href",
|
|
144
|
+
"description": "The href for the social link",
|
|
145
|
+
"type": "string",
|
|
146
|
+
"format": "uri",
|
|
147
|
+
"examples": [
|
|
148
|
+
"https://twitter.com/share?text=Check%20this%20out!&url=https://example.com"
|
|
149
|
+
]
|
|
150
|
+
},
|
|
151
|
+
"title": {
|
|
152
|
+
"title": "Title",
|
|
153
|
+
"description": "The title for the social link",
|
|
154
|
+
"type": "string",
|
|
155
|
+
"examples": [
|
|
156
|
+
"Share on Twitter"
|
|
157
|
+
]
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
"additionalProperties": false,
|
|
161
|
+
"required": [
|
|
162
|
+
"icon",
|
|
163
|
+
"href",
|
|
164
|
+
"title"
|
|
165
|
+
]
|
|
166
|
+
}
|
|
167
|
+
},
|
|
168
|
+
"readingTime": {
|
|
169
|
+
"title": "Reading Time",
|
|
170
|
+
"description": "The reading time for the blog post",
|
|
171
|
+
"type": "string",
|
|
172
|
+
"examples": [
|
|
173
|
+
"5 min read"
|
|
174
|
+
]
|
|
175
|
+
},
|
|
176
|
+
"date": {
|
|
177
|
+
"title": "Published Date",
|
|
178
|
+
"description": "The date when the blog post was published",
|
|
179
|
+
"type": "string",
|
|
180
|
+
"format": "date",
|
|
181
|
+
"examples": [
|
|
182
|
+
"12/30/2022"
|
|
183
|
+
]
|
|
184
|
+
},
|
|
185
|
+
"type": {
|
|
186
|
+
"const": "blog-aside"
|
|
187
|
+
}
|
|
188
|
+
},
|
|
189
|
+
"additionalProperties": false,
|
|
190
|
+
"required": [
|
|
191
|
+
"author",
|
|
192
|
+
"date"
|
|
193
|
+
]
|
|
194
|
+
},
|
|
195
|
+
"content": {
|
|
196
|
+
"type": "string",
|
|
197
|
+
"title": "Text",
|
|
198
|
+
"description": "Body text for the blog post",
|
|
199
|
+
"format": "markdown"
|
|
200
|
+
},
|
|
201
|
+
"cta": {
|
|
202
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
203
|
+
"$id": "http://schema.mydesignsystem.com/cta.schema.json",
|
|
204
|
+
"title": "Cta",
|
|
205
|
+
"type": "object",
|
|
206
|
+
"properties": {
|
|
207
|
+
"headline": {
|
|
208
|
+
"title": "Component Headline",
|
|
209
|
+
"description": "Headline for the Component element",
|
|
210
|
+
"type": "string",
|
|
211
|
+
"examples": [
|
|
212
|
+
"Headline"
|
|
213
|
+
]
|
|
214
|
+
},
|
|
215
|
+
"sub": {
|
|
216
|
+
"title": "Component Subheadline",
|
|
217
|
+
"description": "Subheadline below the component headline",
|
|
218
|
+
"type": "string",
|
|
219
|
+
"examples": [
|
|
220
|
+
"Subheadline"
|
|
221
|
+
]
|
|
222
|
+
},
|
|
223
|
+
"text": {
|
|
224
|
+
"title": "Component Text",
|
|
225
|
+
"description": "Info text for the component element",
|
|
226
|
+
"type": "string"
|
|
227
|
+
},
|
|
228
|
+
"highlightText": {
|
|
229
|
+
"type": "boolean",
|
|
230
|
+
"title": "Highlight Text",
|
|
231
|
+
"description": "Visually highlight the text",
|
|
232
|
+
"default": false
|
|
233
|
+
},
|
|
234
|
+
"colorNeutral": {
|
|
235
|
+
"title": "Color Neutral",
|
|
236
|
+
"description": "Make the text and buttons color neutral",
|
|
237
|
+
"default": false,
|
|
238
|
+
"type": "boolean"
|
|
239
|
+
},
|
|
240
|
+
"fullWidth": {
|
|
241
|
+
"title": "Width",
|
|
242
|
+
"description": "Set the width of the content to the full width of the element",
|
|
243
|
+
"type": "boolean",
|
|
244
|
+
"default": false
|
|
245
|
+
},
|
|
246
|
+
"buttons": {
|
|
247
|
+
"type": "array",
|
|
248
|
+
"items": {
|
|
249
|
+
"title": "Button",
|
|
250
|
+
"type": "object",
|
|
251
|
+
"properties": {
|
|
252
|
+
"label": {
|
|
253
|
+
"type": "string",
|
|
254
|
+
"title": "Label",
|
|
255
|
+
"description": "Text content to display inside the button",
|
|
256
|
+
"examples": [
|
|
257
|
+
"Book a meeting"
|
|
258
|
+
]
|
|
259
|
+
},
|
|
260
|
+
"icon": {
|
|
261
|
+
"type": "string",
|
|
262
|
+
"title": "Icon",
|
|
263
|
+
"description": "Choose an icon"
|
|
264
|
+
},
|
|
265
|
+
"target": {
|
|
266
|
+
"type": "string",
|
|
267
|
+
"title": "Target",
|
|
268
|
+
"description": "Target that should be linked, makes the button behave like a link semantically",
|
|
269
|
+
"format": "uri"
|
|
270
|
+
}
|
|
271
|
+
},
|
|
272
|
+
"additionalProperties": false
|
|
273
|
+
}
|
|
274
|
+
},
|
|
275
|
+
"backgroundColor": {
|
|
276
|
+
"title": "Background color",
|
|
277
|
+
"description": "Background color for the whole element",
|
|
278
|
+
"type": "string",
|
|
279
|
+
"format": "color"
|
|
280
|
+
},
|
|
281
|
+
"backgroundImage": {
|
|
282
|
+
"title": "Background image",
|
|
283
|
+
"description": "Background image for the whole element",
|
|
284
|
+
"type": "string",
|
|
285
|
+
"format": "image"
|
|
286
|
+
},
|
|
287
|
+
"image": {
|
|
288
|
+
"title": "Image",
|
|
289
|
+
"description": "Image displayed alongside the text content",
|
|
290
|
+
"type": "object",
|
|
291
|
+
"properties": {
|
|
292
|
+
"src": {
|
|
293
|
+
"title": "Image source",
|
|
294
|
+
"description": "Image source to use",
|
|
295
|
+
"type": "string",
|
|
296
|
+
"format": "image"
|
|
297
|
+
},
|
|
298
|
+
"padding": {
|
|
299
|
+
"title": "Padding",
|
|
300
|
+
"description": "Toggle padding of the image",
|
|
301
|
+
"type": "boolean",
|
|
302
|
+
"default": true
|
|
303
|
+
},
|
|
304
|
+
"alt": {
|
|
305
|
+
"title": "Alt text",
|
|
306
|
+
"description": "Image description",
|
|
307
|
+
"type": "string"
|
|
308
|
+
}
|
|
309
|
+
},
|
|
310
|
+
"additionalProperties": false
|
|
311
|
+
},
|
|
312
|
+
"order": {
|
|
313
|
+
"title": "Order",
|
|
314
|
+
"description": "Choose what comes first on mobile and desktop: image or text",
|
|
315
|
+
"type": "object",
|
|
316
|
+
"properties": {
|
|
317
|
+
"mobileImageLast": {
|
|
318
|
+
"title": "Mobile image after text",
|
|
319
|
+
"description": "Switch to displaying the image after the text on mobile",
|
|
320
|
+
"type": "boolean",
|
|
321
|
+
"default": false
|
|
322
|
+
},
|
|
323
|
+
"desktopImageLast": {
|
|
324
|
+
"title": "Desktop image after text",
|
|
325
|
+
"description": "Switch to displaying the image after the text on desktop",
|
|
326
|
+
"type": "boolean",
|
|
327
|
+
"default": true
|
|
328
|
+
}
|
|
329
|
+
},
|
|
330
|
+
"additionalProperties": false
|
|
331
|
+
},
|
|
332
|
+
"textAlign": {
|
|
333
|
+
"title": "Text Alignment",
|
|
334
|
+
"description": "Choose the alginment of the text",
|
|
335
|
+
"enum": [
|
|
336
|
+
"left",
|
|
337
|
+
"center"
|
|
338
|
+
],
|
|
339
|
+
"type": "string",
|
|
340
|
+
"default": "left"
|
|
341
|
+
},
|
|
342
|
+
"contentAlign": {
|
|
343
|
+
"title": "Vertical alignment of the content",
|
|
344
|
+
"description": "Select a vertical alignment for the image",
|
|
345
|
+
"type": "string",
|
|
346
|
+
"enum": [
|
|
347
|
+
"center",
|
|
348
|
+
"top",
|
|
349
|
+
"bottom"
|
|
350
|
+
],
|
|
351
|
+
"default": "center"
|
|
352
|
+
},
|
|
353
|
+
"type": {
|
|
354
|
+
"const": "cta"
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
"additionalProperties": false
|
|
358
|
+
},
|
|
359
|
+
"seo": {
|
|
360
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
361
|
+
"$id": "http://schema.mydesignsystem.com/cms/seo.schema.json",
|
|
362
|
+
"title": "Seo",
|
|
363
|
+
"description": "Abstracts SEO settings for a website into JSON schema",
|
|
364
|
+
"type": "object",
|
|
365
|
+
"required": [
|
|
366
|
+
"title"
|
|
367
|
+
],
|
|
368
|
+
"properties": {
|
|
369
|
+
"title": {
|
|
370
|
+
"type": "string",
|
|
371
|
+
"title": "Title",
|
|
372
|
+
"description": "Title used for the page"
|
|
373
|
+
},
|
|
374
|
+
"description": {
|
|
375
|
+
"type": "string",
|
|
376
|
+
"title": "Description",
|
|
377
|
+
"description": "Description used for the page"
|
|
378
|
+
},
|
|
379
|
+
"keywords": {
|
|
380
|
+
"type": "string",
|
|
381
|
+
"title": "Keywords",
|
|
382
|
+
"description": "Keywords used for the page"
|
|
383
|
+
},
|
|
384
|
+
"image": {
|
|
385
|
+
"type": "string",
|
|
386
|
+
"title": "Preview Image",
|
|
387
|
+
"description": "Preview image used for the page",
|
|
388
|
+
"format": "image"
|
|
389
|
+
},
|
|
390
|
+
"cardImage": {
|
|
391
|
+
"type": "string",
|
|
392
|
+
"title": "Card Preview Image",
|
|
393
|
+
"description": "Card preview image (larger, e.g. Twitter) used for the page"
|
|
394
|
+
},
|
|
395
|
+
"type": {
|
|
396
|
+
"const": "seo"
|
|
397
|
+
}
|
|
398
|
+
},
|
|
399
|
+
"additionalProperties": false
|
|
400
|
+
},
|
|
401
|
+
"type": {
|
|
402
|
+
"const": "blog-post"
|
|
403
|
+
}
|
|
404
|
+
},
|
|
405
|
+
"additionalProperties": false
|
|
406
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/cms/blog-post.schema.json",
|
|
4
|
+
"title": "Blog Post",
|
|
5
|
+
"description": "Abstracts a blog post concept into JSON schema",
|
|
6
|
+
"type": "object",
|
|
7
|
+
"required": ["seo"],
|
|
8
|
+
"properties": {
|
|
9
|
+
"head": {
|
|
10
|
+
"$ref": "http://schema.mydesignsystem.com/blog-head.schema.json"
|
|
11
|
+
},
|
|
12
|
+
"aside": {
|
|
13
|
+
"$ref": "http://schema.mydesignsystem.com/blog-aside.schema.json"
|
|
14
|
+
},
|
|
15
|
+
"content": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"title": "Text",
|
|
18
|
+
"description": "Body text for the blog post",
|
|
19
|
+
"format": "markdown"
|
|
20
|
+
},
|
|
21
|
+
"cta": {
|
|
22
|
+
"$ref": "http://schema.mydesignsystem.com/cta.schema.json"
|
|
23
|
+
},
|
|
24
|
+
"seo": {
|
|
25
|
+
"$ref": "http://schema.mydesignsystem.com/cms/seo.schema.json"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -1,7 +1,54 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
3
|
import { defaultRenderFn } from "@kickstartds/core/lib/core";
|
|
4
|
-
|
|
4
|
+
/* eslint-disable */
|
|
5
|
+
/**
|
|
6
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
7
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
8
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
9
|
+
*/
|
|
10
|
+
/**
|
|
11
|
+
* Text content of headline
|
|
12
|
+
*/
|
|
13
|
+
type Text = string;
|
|
14
|
+
/**
|
|
15
|
+
* Subheadline content
|
|
16
|
+
*/
|
|
17
|
+
type Sub = string;
|
|
18
|
+
/**
|
|
19
|
+
* Switch order of headline and subheadline
|
|
20
|
+
*/
|
|
21
|
+
type SwitchOrder = boolean;
|
|
22
|
+
type SectionAlignment = "left" | "center" | "right";
|
|
23
|
+
/**
|
|
24
|
+
* Level of headline to use
|
|
25
|
+
*/
|
|
26
|
+
type Level = "h1" | "h2" | "h3" | "h4" | "p";
|
|
27
|
+
/**
|
|
28
|
+
* Style of headline to show
|
|
29
|
+
*/
|
|
30
|
+
type Style = "h1" | "h2" | "h3" | "h4" | "p";
|
|
31
|
+
/**
|
|
32
|
+
* Whether to display space after headline
|
|
33
|
+
*/
|
|
34
|
+
type SpaceAfter = "minimum" | "small" | "large";
|
|
35
|
+
/**
|
|
36
|
+
* Set a custom class name
|
|
37
|
+
*/
|
|
38
|
+
type ClassName = string;
|
|
39
|
+
/**
|
|
40
|
+
* Component used for headlines
|
|
41
|
+
*/
|
|
42
|
+
interface HeadlineProps {
|
|
43
|
+
text: Text;
|
|
44
|
+
sub?: Sub;
|
|
45
|
+
switchOrder?: SwitchOrder;
|
|
46
|
+
align?: SectionAlignment;
|
|
47
|
+
level: Level;
|
|
48
|
+
style?: Style;
|
|
49
|
+
spaceAfter?: SpaceAfter;
|
|
50
|
+
className?: ClassName;
|
|
51
|
+
}
|
|
5
52
|
interface RenderFunctions {
|
|
6
53
|
renderContent?: typeof defaultRenderFn;
|
|
7
54
|
renderSubheadline?: typeof defaultRenderFn;
|