@kickstartds/ds-agency-premium 1.2.7 → 1.2.8--canary.156.b229fdd.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/{FeaturesProps-32f5bc0d.d.ts → FeaturesProps-79dea880.d.ts} +39 -39
- package/dist/{LogosProps-a8efd101.d.ts → LogosProps-8af8b3c7.d.ts} +3 -3
- package/dist/{SplitProps-89ef39c4.d.ts → PageIntroProps-f13f3e7c.d.ts} +8 -3
- package/dist/{StatsProps-17b0743a.d.ts → StatsProps-afa48599.d.ts} +3 -3
- package/dist/{TeaserCardProps-3fce7be4.d.ts → TeaserCardProps-95b399e9.d.ts} +4 -12
- package/dist/{TestimonialsProps-4b94faa8.d.ts → TestimonialsProps-d27ae4b4.d.ts} +3 -3
- package/dist/components/feature/index.d.ts +1 -1
- package/dist/components/features/features.schema.dereffed.json +4 -3
- package/dist/components/features/features.schema.json +3 -3
- package/dist/components/features/index.d.ts +1 -1
- package/dist/components/features/index.js +3 -3
- package/dist/components/logos/index.d.ts +1 -1
- package/dist/components/logos/index.js +2 -2
- package/dist/components/logos/logos.schema.dereffed.json +2 -2
- package/dist/components/logos/logos.schema.json +2 -2
- package/dist/components/page/page.schema.dereffed.json +49 -51
- package/dist/components/page-intro/index.d.ts +4 -0
- package/dist/components/page-intro/index.js +18 -0
- package/dist/components/page-intro/page-intro.css +8 -0
- package/dist/components/page-intro/page-intro.schema.dereffed.json +30 -0
- package/dist/components/page-intro/page-intro.schema.json +26 -0
- package/dist/components/page-wrapper/index.d.ts +2 -3
- package/dist/components/page-wrapper/index.js +6 -471
- package/dist/components/page-wrapper/tokens.css +3 -3
- package/dist/components/raw-page-wrapper/index.d.ts +3 -0
- package/dist/components/raw-page-wrapper/index.js +492 -0
- package/dist/components/section/index.d.ts +8 -8
- package/dist/components/section/index.js +1 -1
- package/dist/components/section/section.css +15 -3
- package/dist/components/section/section.schema.dereffed.json +49 -51
- package/dist/components/section/section.schema.json +4 -4
- package/dist/components/split/index.d.ts +9 -1
- package/dist/components/stats/index.d.ts +1 -1
- package/dist/components/stats/index.js +4 -4
- package/dist/components/stats/stats.schema.dereffed.json +2 -2
- package/dist/components/stats/stats.schema.json +2 -2
- package/dist/components/teaser-card/index.d.ts +1 -1
- package/dist/components/teaser-card/index.js +6 -3
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -17
- package/dist/components/teaser-card/teaser-card.schema.json +5 -13
- package/dist/components/testimonials/index.d.ts +1 -1
- package/dist/components/testimonials/index.js +4 -4
- package/dist/components/testimonials/testimonials.schema.dereffed.json +2 -2
- package/dist/components/testimonials/testimonials.schema.json +2 -2
- package/dist/static/tokens-google.css +1553 -0
- package/dist/static/tokens-lughausen.css +1549 -0
- package/dist/static/tokens-telekom.css +1549 -0
- package/dist/static/tokens.css +1554 -0
- package/dist/tokens/tokens.css +3 -3
- package/dist/tokens/tokens.js +3 -3
- package/package.json +6 -9
- package/dist/tokens/themes.css +0 -4657
- package/dist/tokens/themes.css.d.ts +0 -0
- package/dist/tokens/themes.css.js +0 -1
|
@@ -203,13 +203,13 @@
|
|
|
203
203
|
"title": "Tile Width",
|
|
204
204
|
"description": "Set min-width for the tiles in the grid",
|
|
205
205
|
"enum": [
|
|
206
|
-
"
|
|
207
|
-
"
|
|
206
|
+
"control",
|
|
207
|
+
"card",
|
|
208
|
+
"narrow",
|
|
208
209
|
"medium",
|
|
209
|
-
"
|
|
210
|
-
"largest"
|
|
210
|
+
"wide"
|
|
211
211
|
],
|
|
212
|
-
"default": "
|
|
212
|
+
"default": "cards"
|
|
213
213
|
}
|
|
214
214
|
},
|
|
215
215
|
"additionalProperties": false
|
|
@@ -476,9 +476,9 @@
|
|
|
476
476
|
},
|
|
477
477
|
"additionalProperties": false
|
|
478
478
|
},
|
|
479
|
-
"
|
|
479
|
+
"features": {
|
|
480
480
|
"type": "array",
|
|
481
|
-
"title": "
|
|
481
|
+
"title": "Features",
|
|
482
482
|
"description": "The features to display",
|
|
483
483
|
"items": {
|
|
484
484
|
"type": "object",
|
|
@@ -534,7 +534,8 @@
|
|
|
534
534
|
},
|
|
535
535
|
"additionalProperties": false,
|
|
536
536
|
"required": [
|
|
537
|
-
"title"
|
|
537
|
+
"title",
|
|
538
|
+
"text"
|
|
538
539
|
]
|
|
539
540
|
},
|
|
540
541
|
"minItems": 1,
|
|
@@ -1044,9 +1045,9 @@
|
|
|
1044
1045
|
"Your Success, Our Commitment"
|
|
1045
1046
|
]
|
|
1046
1047
|
},
|
|
1047
|
-
"
|
|
1048
|
+
"logos": {
|
|
1048
1049
|
"type": "array",
|
|
1049
|
-
"title": "
|
|
1050
|
+
"title": "Logos",
|
|
1050
1051
|
"description": "The logos to display",
|
|
1051
1052
|
"items": {
|
|
1052
1053
|
"type": "object",
|
|
@@ -1282,6 +1283,36 @@
|
|
|
1282
1283
|
},
|
|
1283
1284
|
"additionalProperties": false
|
|
1284
1285
|
},
|
|
1286
|
+
{
|
|
1287
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1288
|
+
"$id": "http://schema.mydesignsystem.com/page-intro.schema.json",
|
|
1289
|
+
"title": "Page Intro",
|
|
1290
|
+
"type": "object",
|
|
1291
|
+
"properties": {
|
|
1292
|
+
"headline": {
|
|
1293
|
+
"type": "string"
|
|
1294
|
+
},
|
|
1295
|
+
"sub": {
|
|
1296
|
+
"type": "string"
|
|
1297
|
+
},
|
|
1298
|
+
"link": {
|
|
1299
|
+
"type": "object",
|
|
1300
|
+
"properties": {
|
|
1301
|
+
"href": {
|
|
1302
|
+
"type": "string"
|
|
1303
|
+
},
|
|
1304
|
+
"label": {
|
|
1305
|
+
"type": "string"
|
|
1306
|
+
}
|
|
1307
|
+
},
|
|
1308
|
+
"additionalProperties": false
|
|
1309
|
+
},
|
|
1310
|
+
"type": {
|
|
1311
|
+
"const": "page-intro"
|
|
1312
|
+
}
|
|
1313
|
+
},
|
|
1314
|
+
"additionalProperties": false
|
|
1315
|
+
},
|
|
1285
1316
|
{
|
|
1286
1317
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1287
1318
|
"$id": "http://schema.mydesignsystem.com/slider.schema.json",
|
|
@@ -1340,26 +1371,6 @@
|
|
|
1340
1371
|
},
|
|
1341
1372
|
"additionalProperties": false
|
|
1342
1373
|
},
|
|
1343
|
-
{
|
|
1344
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1345
|
-
"$id": "http://schema.mydesignsystem.com/split.schema.json",
|
|
1346
|
-
"title": "Split",
|
|
1347
|
-
"type": "object",
|
|
1348
|
-
"properties": {
|
|
1349
|
-
"layout": {
|
|
1350
|
-
"type": "string",
|
|
1351
|
-
"enum": [
|
|
1352
|
-
"sidebarRight",
|
|
1353
|
-
"sidebarLeft",
|
|
1354
|
-
"even"
|
|
1355
|
-
]
|
|
1356
|
-
},
|
|
1357
|
-
"type": {
|
|
1358
|
-
"const": "split"
|
|
1359
|
-
}
|
|
1360
|
-
},
|
|
1361
|
-
"additionalProperties": false
|
|
1362
|
-
},
|
|
1363
1374
|
{
|
|
1364
1375
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1365
1376
|
"$id": "http://schema.mydesignsystem.com/stats.schema.json",
|
|
@@ -1367,9 +1378,9 @@
|
|
|
1367
1378
|
"description": "Component used to display stats with a number upcounter",
|
|
1368
1379
|
"type": "object",
|
|
1369
1380
|
"properties": {
|
|
1370
|
-
"
|
|
1371
|
-
"title": "Items",
|
|
1381
|
+
"stats": {
|
|
1372
1382
|
"type": "array",
|
|
1383
|
+
"title": "Stats",
|
|
1373
1384
|
"description": "The stats to display with a number upcounter",
|
|
1374
1385
|
"items": {
|
|
1375
1386
|
"type": "object",
|
|
@@ -1475,25 +1486,15 @@
|
|
|
1475
1486
|
"properties": {
|
|
1476
1487
|
"label": {
|
|
1477
1488
|
"title": "Label",
|
|
1478
|
-
"type": "string"
|
|
1479
|
-
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
1480
|
-
},
|
|
1481
|
-
"chevron": {
|
|
1482
|
-
"title": "Icon",
|
|
1483
|
-
"description": "Toggle chevron icon",
|
|
1484
|
-
"type": "boolean",
|
|
1485
|
-
"default": false
|
|
1489
|
+
"type": "string"
|
|
1486
1490
|
},
|
|
1487
|
-
"
|
|
1491
|
+
"displayButton": {
|
|
1488
1492
|
"type": "boolean",
|
|
1489
1493
|
"title": "Display Button",
|
|
1490
1494
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
1491
|
-
"default":
|
|
1495
|
+
"default": true
|
|
1492
1496
|
}
|
|
1493
1497
|
},
|
|
1494
|
-
"required": [
|
|
1495
|
-
"label"
|
|
1496
|
-
],
|
|
1497
1498
|
"additionalProperties": false
|
|
1498
1499
|
},
|
|
1499
1500
|
"image": {
|
|
@@ -1518,10 +1519,7 @@
|
|
|
1518
1519
|
}
|
|
1519
1520
|
},
|
|
1520
1521
|
"additionalProperties": false,
|
|
1521
|
-
"required": [
|
|
1522
|
-
"topic",
|
|
1523
|
-
"target"
|
|
1524
|
-
]
|
|
1522
|
+
"required": []
|
|
1525
1523
|
},
|
|
1526
1524
|
{
|
|
1527
1525
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
@@ -1541,9 +1539,9 @@
|
|
|
1541
1539
|
],
|
|
1542
1540
|
"default": "slider"
|
|
1543
1541
|
},
|
|
1544
|
-
"
|
|
1542
|
+
"testimonials": {
|
|
1545
1543
|
"type": "array",
|
|
1546
|
-
"title": "
|
|
1544
|
+
"title": "Testimonials",
|
|
1547
1545
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
1548
1546
|
"items": {
|
|
1549
1547
|
"type": "object",
|
|
@@ -150,8 +150,8 @@
|
|
|
150
150
|
"type": "string",
|
|
151
151
|
"title": "Tile Width",
|
|
152
152
|
"description": "Set min-width for the tiles in the grid",
|
|
153
|
-
"enum": ["
|
|
154
|
-
"default": "
|
|
153
|
+
"enum": ["control", "card", "narrow", "medium", "wide"],
|
|
154
|
+
"default": "cards"
|
|
155
155
|
}
|
|
156
156
|
},
|
|
157
157
|
"additionalProperties": false
|
|
@@ -190,10 +190,10 @@
|
|
|
190
190
|
"$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
|
|
191
191
|
},
|
|
192
192
|
{
|
|
193
|
-
"$ref": "http://schema.mydesignsystem.com/
|
|
193
|
+
"$ref": "http://schema.mydesignsystem.com/page-intro.schema.json"
|
|
194
194
|
},
|
|
195
195
|
{
|
|
196
|
-
"$ref": "http://schema.mydesignsystem.com/
|
|
196
|
+
"$ref": "http://schema.mydesignsystem.com/slider.schema.json"
|
|
197
197
|
},
|
|
198
198
|
{
|
|
199
199
|
"$ref": "http://schema.mydesignsystem.com/stats.schema.json"
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from "react";
|
|
2
|
-
|
|
2
|
+
/* eslint-disable */
|
|
3
|
+
/**
|
|
4
|
+
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
+
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
+
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
+
*/
|
|
8
|
+
interface SplitProps {
|
|
9
|
+
layout?: "sidebarRight" | "sidebarLeft" | "even";
|
|
10
|
+
}
|
|
3
11
|
declare const Split: FC<PropsWithChildren<SplitProps>>;
|
|
4
12
|
export { Split };
|
|
@@ -2,10 +2,10 @@ import "./stats.css";
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { CountUp } from '@kickstartds/content/lib/count-up';
|
|
4
4
|
|
|
5
|
-
const Stats = ({
|
|
6
|
-
return (jsx("div", { className: "c-stats", children:
|
|
7
|
-
icon:
|
|
8
|
-
}, text:
|
|
5
|
+
const Stats = ({ stats = [], }) => {
|
|
6
|
+
return (jsx("div", { className: "c-stats", children: stats.map((stat, index) => (jsx(CountUp, { className: "c-stats__item", to: stat.number, icon: {
|
|
7
|
+
icon: stat?.icon,
|
|
8
|
+
}, text: stat?.description, topic: stat.title }, index))) }));
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { Stats };
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"description": "Component used to display stats with a number upcounter",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"
|
|
9
|
-
"title": "Items",
|
|
8
|
+
"stats": {
|
|
10
9
|
"type": "array",
|
|
10
|
+
"title": "Stats",
|
|
11
11
|
"description": "The stats to display with a number upcounter",
|
|
12
12
|
"items": {
|
|
13
13
|
"type": "object",
|
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
"description": "Component used to display stats with a number upcounter",
|
|
6
6
|
"type": "object",
|
|
7
7
|
"properties": {
|
|
8
|
-
"
|
|
9
|
-
"title": "Items",
|
|
8
|
+
"stats": {
|
|
10
9
|
"type": "array",
|
|
10
|
+
"title": "Stats",
|
|
11
11
|
"description": "The stats to display with a number upcounter",
|
|
12
12
|
"items": {
|
|
13
13
|
"type": "object",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { TeaserCardProps } from "../../TeaserCardProps-
|
|
3
|
+
import { TeaserCardProps } from "../../TeaserCardProps-95b399e9.js";
|
|
4
4
|
declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const TeaserBoxProvider: FC<PropsWithChildren>;
|
|
6
6
|
export { TeaserCard, TeaserBoxProvider };
|
|
@@ -9,11 +9,14 @@ const TeaserCard = forwardRef(({ headline, text, button, target, image, imageRat
|
|
|
9
9
|
return (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...props, className: classnames(`c-teaser-card`, label && `c-teaser-card--label`, `c-teaser-card--${layout}`, `c-teaser-card--${imageRatio}`), topic: headline, text: text,
|
|
10
10
|
// @ts-expect-error
|
|
11
11
|
renderTopic: () => (jsxs(Fragment, { children: [label ? jsx("span", { className: "c-teaser__label", children: label }) : "", headline] })), link: {
|
|
12
|
-
hidden: button?.
|
|
13
|
-
|
|
12
|
+
hidden: button?.displayButton === true
|
|
13
|
+
? false
|
|
14
|
+
: button?.displayButton === false
|
|
15
|
+
? true
|
|
16
|
+
: true,
|
|
17
|
+
label: button?.label,
|
|
14
18
|
variant: "secondary",
|
|
15
19
|
target: target,
|
|
16
|
-
icon: button?.chevron ? "chevron-right" : undefined,
|
|
17
20
|
}, image: image, ref: ref }) }));
|
|
18
21
|
});
|
|
19
22
|
TeaserCard.displayName = "TeaserCard";
|
|
@@ -42,25 +42,15 @@
|
|
|
42
42
|
"properties": {
|
|
43
43
|
"label": {
|
|
44
44
|
"title": "Label",
|
|
45
|
-
"type": "string"
|
|
46
|
-
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
45
|
+
"type": "string"
|
|
47
46
|
},
|
|
48
|
-
"
|
|
49
|
-
"title": "Icon",
|
|
50
|
-
"description": "Toggle chevron icon",
|
|
51
|
-
"type": "boolean",
|
|
52
|
-
"default": false
|
|
53
|
-
},
|
|
54
|
-
"hidden": {
|
|
47
|
+
"displayButton": {
|
|
55
48
|
"type": "boolean",
|
|
56
49
|
"title": "Display Button",
|
|
57
50
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
58
|
-
"default":
|
|
51
|
+
"default": true
|
|
59
52
|
}
|
|
60
53
|
},
|
|
61
|
-
"required": [
|
|
62
|
-
"label"
|
|
63
|
-
],
|
|
64
54
|
"additionalProperties": false
|
|
65
55
|
},
|
|
66
56
|
"image": {
|
|
@@ -85,8 +75,5 @@
|
|
|
85
75
|
}
|
|
86
76
|
},
|
|
87
77
|
"additionalProperties": false,
|
|
88
|
-
"required": [
|
|
89
|
-
"topic",
|
|
90
|
-
"target"
|
|
91
|
-
]
|
|
78
|
+
"required": []
|
|
92
79
|
}
|
|
@@ -39,23 +39,15 @@
|
|
|
39
39
|
"properties": {
|
|
40
40
|
"label": {
|
|
41
41
|
"title": "Label",
|
|
42
|
-
"type": "string"
|
|
43
|
-
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
42
|
+
"type": "string"
|
|
44
43
|
},
|
|
45
|
-
"
|
|
46
|
-
"title": "Icon",
|
|
47
|
-
"description": "Toggle chevron icon",
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"default": false
|
|
50
|
-
},
|
|
51
|
-
"hidden": {
|
|
44
|
+
"displayButton": {
|
|
52
45
|
"type": "boolean",
|
|
53
46
|
"title": "Display Button",
|
|
54
47
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
55
|
-
"default":
|
|
48
|
+
"default": true
|
|
56
49
|
}
|
|
57
|
-
}
|
|
58
|
-
"required": ["label"]
|
|
50
|
+
}
|
|
59
51
|
},
|
|
60
52
|
"image": {
|
|
61
53
|
"type": "string",
|
|
@@ -71,5 +63,5 @@
|
|
|
71
63
|
}
|
|
72
64
|
},
|
|
73
65
|
"additionalProperties": false,
|
|
74
|
-
"required": [
|
|
66
|
+
"required": []
|
|
75
67
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
2
|
-
import { TestimonialsProps } from "../../TestimonialsProps-
|
|
2
|
+
import { TestimonialsProps } from "../../TestimonialsProps-d27ae4b4.js";
|
|
3
3
|
import { SliderProps } from "../../SliderProps-8cae490d.js";
|
|
4
4
|
interface ConditionalSliderProps extends SliderProps {
|
|
5
5
|
layout: "slider" | "list" | "alternating";
|
|
@@ -12,11 +12,11 @@ const ConditionalSlider = ({ layout, children, arrows, nav, ...props }) => {
|
|
|
12
12
|
return (jsx("div", { className: "c-testimonials c-testimonials--list", ...props, children: children }));
|
|
13
13
|
}
|
|
14
14
|
};
|
|
15
|
-
const Testimonials = ({
|
|
16
|
-
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children:
|
|
15
|
+
const Testimonials = ({ testimonials, layout = "slider", ...props }) => {
|
|
16
|
+
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: testimonials.map((testimonial, index) => (jsx(Quote, { className: layout === "alternating" && index % 2 === 1
|
|
17
17
|
? "c-quote--reverse"
|
|
18
|
-
: "", text:
|
|
19
|
-
(
|
|
18
|
+
: "", text: testimonial.quote, source: testimonial.name, byline: testimonial.title, image: testimonial.image.src, renderSource: () => (jsxs(Fragment, { children: [testimonial?.rating &&
|
|
19
|
+
(testimonial?.rating ? (jsx("div", { children: [...Array(testimonial?.rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : ("")), jsx("div", { className: "c-quote__source", children: testimonial.name })] })) }, index))) }));
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
export { ConditionalSlider, Testimonials };
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
],
|
|
17
17
|
"default": "slider"
|
|
18
18
|
},
|
|
19
|
-
"
|
|
19
|
+
"testimonials": {
|
|
20
20
|
"type": "array",
|
|
21
|
-
"title": "
|
|
21
|
+
"title": "Testimonials",
|
|
22
22
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
23
23
|
"items": {
|
|
24
24
|
"type": "object",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"enum": ["slider", "list", "alternating"],
|
|
13
13
|
"default": "slider"
|
|
14
14
|
},
|
|
15
|
-
"
|
|
15
|
+
"testimonials": {
|
|
16
16
|
"type": "array",
|
|
17
|
-
"title": "
|
|
17
|
+
"title": "Testimonials",
|
|
18
18
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
19
19
|
"items": {
|
|
20
20
|
"type": "object",
|