@kickstartds/ds-agency-premium 1.2.8--canary.156.b229fdd.0 → 1.2.8
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-79dea880.d.ts → FeaturesProps-32f5bc0d.d.ts} +39 -39
- package/dist/{LogosProps-8af8b3c7.d.ts → LogosProps-a8efd101.d.ts} +3 -3
- package/dist/{StatsProps-afa48599.d.ts → StatsProps-17b0743a.d.ts} +3 -3
- package/dist/{TeaserCardProps-95b399e9.d.ts → TeaserCardProps-3fce7be4.d.ts} +12 -4
- package/dist/{TestimonialsProps-d27ae4b4.d.ts → TestimonialsProps-4b94faa8.d.ts} +3 -3
- package/dist/components/feature/index.d.ts +1 -1
- package/dist/components/features/features.schema.dereffed.json +3 -4
- 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 +31 -49
- package/dist/components/page-wrapper/index.d.ts +3 -2
- package/dist/components/page-wrapper/index.js +471 -6
- package/dist/components/page-wrapper/tokens.css +3 -3
- package/dist/components/section/index.d.ts +7 -8
- package/dist/components/section/index.js +1 -1
- package/dist/components/section/section.css +3 -15
- package/dist/components/section/section.schema.dereffed.json +31 -49
- package/dist/components/section/section.schema.json +2 -5
- 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 +3 -6
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +17 -4
- package/dist/components/teaser-card/teaser-card.schema.json +13 -5
- 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/tokens/themes.css +4657 -0
- package/dist/tokens/themes.css.d.ts +0 -0
- package/dist/tokens/themes.css.js +1 -0
- package/dist/tokens/tokens.css +3 -3
- package/dist/tokens/tokens.js +3 -3
- package/package.json +9 -6
- package/dist/PageIntroProps-f13f3e7c.d.ts +0 -14
- package/dist/components/page-intro/index.d.ts +0 -4
- package/dist/components/page-intro/index.js +0 -18
- package/dist/components/page-intro/page-intro.css +0 -8
- package/dist/components/page-intro/page-intro.schema.dereffed.json +0 -30
- package/dist/components/page-intro/page-intro.schema.json +0 -26
- package/dist/components/raw-page-wrapper/index.d.ts +0 -3
- package/dist/components/raw-page-wrapper/index.js +0 -492
- package/dist/static/tokens-google.css +0 -1553
- package/dist/static/tokens-lughausen.css +0 -1549
- package/dist/static/tokens-telekom.css +0 -1549
- package/dist/static/tokens.css +0 -1554
|
@@ -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
|
-
"
|
|
208
|
-
"narrow",
|
|
206
|
+
"smallest",
|
|
207
|
+
"default",
|
|
209
208
|
"medium",
|
|
210
|
-
"
|
|
209
|
+
"large",
|
|
210
|
+
"largest"
|
|
211
211
|
],
|
|
212
|
-
"default": "
|
|
212
|
+
"default": "default"
|
|
213
213
|
}
|
|
214
214
|
},
|
|
215
215
|
"additionalProperties": false
|
|
@@ -476,9 +476,9 @@
|
|
|
476
476
|
},
|
|
477
477
|
"additionalProperties": false
|
|
478
478
|
},
|
|
479
|
-
"
|
|
479
|
+
"items": {
|
|
480
480
|
"type": "array",
|
|
481
|
-
"title": "
|
|
481
|
+
"title": "Items",
|
|
482
482
|
"description": "The features to display",
|
|
483
483
|
"items": {
|
|
484
484
|
"type": "object",
|
|
@@ -534,8 +534,7 @@
|
|
|
534
534
|
},
|
|
535
535
|
"additionalProperties": false,
|
|
536
536
|
"required": [
|
|
537
|
-
"title"
|
|
538
|
-
"text"
|
|
537
|
+
"title"
|
|
539
538
|
]
|
|
540
539
|
},
|
|
541
540
|
"minItems": 1,
|
|
@@ -1045,9 +1044,9 @@
|
|
|
1045
1044
|
"Your Success, Our Commitment"
|
|
1046
1045
|
]
|
|
1047
1046
|
},
|
|
1048
|
-
"
|
|
1047
|
+
"items": {
|
|
1049
1048
|
"type": "array",
|
|
1050
|
-
"title": "
|
|
1049
|
+
"title": "Items",
|
|
1051
1050
|
"description": "The logos to display",
|
|
1052
1051
|
"items": {
|
|
1053
1052
|
"type": "object",
|
|
@@ -1283,36 +1282,6 @@
|
|
|
1283
1282
|
},
|
|
1284
1283
|
"additionalProperties": false
|
|
1285
1284
|
},
|
|
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
|
-
},
|
|
1316
1285
|
{
|
|
1317
1286
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
1318
1287
|
"$id": "http://schema.mydesignsystem.com/slider.schema.json",
|
|
@@ -1378,9 +1347,9 @@
|
|
|
1378
1347
|
"description": "Component used to display stats with a number upcounter",
|
|
1379
1348
|
"type": "object",
|
|
1380
1349
|
"properties": {
|
|
1381
|
-
"
|
|
1350
|
+
"items": {
|
|
1351
|
+
"title": "Items",
|
|
1382
1352
|
"type": "array",
|
|
1383
|
-
"title": "Stats",
|
|
1384
1353
|
"description": "The stats to display with a number upcounter",
|
|
1385
1354
|
"items": {
|
|
1386
1355
|
"type": "object",
|
|
@@ -1486,15 +1455,25 @@
|
|
|
1486
1455
|
"properties": {
|
|
1487
1456
|
"label": {
|
|
1488
1457
|
"title": "Label",
|
|
1489
|
-
"type": "string"
|
|
1458
|
+
"type": "string",
|
|
1459
|
+
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
1490
1460
|
},
|
|
1491
|
-
"
|
|
1461
|
+
"chevron": {
|
|
1462
|
+
"title": "Icon",
|
|
1463
|
+
"description": "Toggle chevron icon",
|
|
1464
|
+
"type": "boolean",
|
|
1465
|
+
"default": false
|
|
1466
|
+
},
|
|
1467
|
+
"hidden": {
|
|
1492
1468
|
"type": "boolean",
|
|
1493
1469
|
"title": "Display Button",
|
|
1494
1470
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
1495
|
-
"default":
|
|
1471
|
+
"default": false
|
|
1496
1472
|
}
|
|
1497
1473
|
},
|
|
1474
|
+
"required": [
|
|
1475
|
+
"label"
|
|
1476
|
+
],
|
|
1498
1477
|
"additionalProperties": false
|
|
1499
1478
|
},
|
|
1500
1479
|
"image": {
|
|
@@ -1519,7 +1498,10 @@
|
|
|
1519
1498
|
}
|
|
1520
1499
|
},
|
|
1521
1500
|
"additionalProperties": false,
|
|
1522
|
-
"required": [
|
|
1501
|
+
"required": [
|
|
1502
|
+
"topic",
|
|
1503
|
+
"target"
|
|
1504
|
+
]
|
|
1523
1505
|
},
|
|
1524
1506
|
{
|
|
1525
1507
|
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
@@ -1539,9 +1521,9 @@
|
|
|
1539
1521
|
],
|
|
1540
1522
|
"default": "slider"
|
|
1541
1523
|
},
|
|
1542
|
-
"
|
|
1524
|
+
"items": {
|
|
1543
1525
|
"type": "array",
|
|
1544
|
-
"title": "
|
|
1526
|
+
"title": "Items",
|
|
1545
1527
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
1546
1528
|
"items": {
|
|
1547
1529
|
"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": ["smallest", "default", "medium", "large", "largest"],
|
|
154
|
+
"default": "default"
|
|
155
155
|
}
|
|
156
156
|
},
|
|
157
157
|
"additionalProperties": false
|
|
@@ -189,9 +189,6 @@
|
|
|
189
189
|
{
|
|
190
190
|
"$ref": "http://schema.mydesignsystem.com/mosaic.schema.json"
|
|
191
191
|
},
|
|
192
|
-
{
|
|
193
|
-
"$ref": "http://schema.mydesignsystem.com/page-intro.schema.json"
|
|
194
|
-
},
|
|
195
192
|
{
|
|
196
193
|
"$ref": "http://schema.mydesignsystem.com/slider.schema.json"
|
|
197
194
|
},
|
|
@@ -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 = ({ items = [], }) => {
|
|
6
|
+
return (jsx("div", { className: "c-stats", children: items.map((item, index) => (jsx(CountUp, { className: "c-stats__item", to: item.number, icon: {
|
|
7
|
+
icon: item?.icon,
|
|
8
|
+
}, text: item?.description, topic: item.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
|
-
"
|
|
8
|
+
"items": {
|
|
9
|
+
"title": "Items",
|
|
9
10
|
"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
|
-
"
|
|
8
|
+
"items": {
|
|
9
|
+
"title": "Items",
|
|
9
10
|
"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-3fce7be4.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,14 +9,11 @@ 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
|
-
|
|
14
|
-
: button?.displayButton === false
|
|
15
|
-
? true
|
|
16
|
-
: true,
|
|
17
|
-
label: button?.label,
|
|
12
|
+
hidden: button?.hidden,
|
|
13
|
+
label: button.label,
|
|
18
14
|
variant: "secondary",
|
|
19
15
|
target: target,
|
|
16
|
+
icon: button?.chevron ? "chevron-right" : undefined,
|
|
20
17
|
}, image: image, ref: ref }) }));
|
|
21
18
|
});
|
|
22
19
|
TeaserCard.displayName = "TeaserCard";
|
|
@@ -42,15 +42,25 @@
|
|
|
42
42
|
"properties": {
|
|
43
43
|
"label": {
|
|
44
44
|
"title": "Label",
|
|
45
|
-
"type": "string"
|
|
45
|
+
"type": "string",
|
|
46
|
+
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
46
47
|
},
|
|
47
|
-
"
|
|
48
|
+
"chevron": {
|
|
49
|
+
"title": "Icon",
|
|
50
|
+
"description": "Toggle chevron icon",
|
|
51
|
+
"type": "boolean",
|
|
52
|
+
"default": false
|
|
53
|
+
},
|
|
54
|
+
"hidden": {
|
|
48
55
|
"type": "boolean",
|
|
49
56
|
"title": "Display Button",
|
|
50
57
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
51
|
-
"default":
|
|
58
|
+
"default": false
|
|
52
59
|
}
|
|
53
60
|
},
|
|
61
|
+
"required": [
|
|
62
|
+
"label"
|
|
63
|
+
],
|
|
54
64
|
"additionalProperties": false
|
|
55
65
|
},
|
|
56
66
|
"image": {
|
|
@@ -75,5 +85,8 @@
|
|
|
75
85
|
}
|
|
76
86
|
},
|
|
77
87
|
"additionalProperties": false,
|
|
78
|
-
"required": [
|
|
88
|
+
"required": [
|
|
89
|
+
"topic",
|
|
90
|
+
"target"
|
|
91
|
+
]
|
|
79
92
|
}
|
|
@@ -39,15 +39,23 @@
|
|
|
39
39
|
"properties": {
|
|
40
40
|
"label": {
|
|
41
41
|
"title": "Label",
|
|
42
|
-
"type": "string"
|
|
42
|
+
"type": "string",
|
|
43
|
+
"description": "Label of the button. Still A11Y relevant when the button is hidden."
|
|
43
44
|
},
|
|
44
|
-
"
|
|
45
|
+
"chevron": {
|
|
46
|
+
"title": "Icon",
|
|
47
|
+
"description": "Toggle chevron icon",
|
|
48
|
+
"type": "boolean",
|
|
49
|
+
"default": false
|
|
50
|
+
},
|
|
51
|
+
"hidden": {
|
|
45
52
|
"type": "boolean",
|
|
46
53
|
"title": "Display Button",
|
|
47
54
|
"description": "Toggle wether you want the card to have a visible button or not",
|
|
48
|
-
"default":
|
|
55
|
+
"default": false
|
|
49
56
|
}
|
|
50
|
-
}
|
|
57
|
+
},
|
|
58
|
+
"required": ["label"]
|
|
51
59
|
},
|
|
52
60
|
"image": {
|
|
53
61
|
"type": "string",
|
|
@@ -63,5 +71,5 @@
|
|
|
63
71
|
}
|
|
64
72
|
},
|
|
65
73
|
"additionalProperties": false,
|
|
66
|
-
"required": []
|
|
74
|
+
"required": ["topic", "target"]
|
|
67
75
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
2
|
-
import { TestimonialsProps } from "../../TestimonialsProps-
|
|
2
|
+
import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.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 = ({ items, layout = "slider", ...props }) => {
|
|
16
|
+
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, children: items.map((item, index) => (jsx(Quote, { className: layout === "alternating" && index % 2 === 1
|
|
17
17
|
? "c-quote--reverse"
|
|
18
|
-
: "", text:
|
|
19
|
-
(
|
|
18
|
+
: "", text: item.quote, source: item.name, byline: item.title, image: item.image.src, renderSource: () => (jsxs(Fragment, { children: [item?.rating &&
|
|
19
|
+
(item?.rating ? (jsx("div", { children: [...Array(item?.rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : ("")), jsx("div", { className: "c-quote__source", children: item.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
|
+
"items": {
|
|
20
20
|
"type": "array",
|
|
21
|
-
"title": "
|
|
21
|
+
"title": "Items",
|
|
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
|
+
"items": {
|
|
16
16
|
"type": "array",
|
|
17
|
-
"title": "
|
|
17
|
+
"title": "Items",
|
|
18
18
|
"description": "Add testimonials featuring an image, a quote, a source and a rating",
|
|
19
19
|
"items": {
|
|
20
20
|
"type": "object",
|