@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.
Files changed (54) hide show
  1. package/dist/{FeaturesProps-32f5bc0d.d.ts → FeaturesProps-79dea880.d.ts} +39 -39
  2. package/dist/{LogosProps-a8efd101.d.ts → LogosProps-8af8b3c7.d.ts} +3 -3
  3. package/dist/{SplitProps-89ef39c4.d.ts → PageIntroProps-f13f3e7c.d.ts} +8 -3
  4. package/dist/{StatsProps-17b0743a.d.ts → StatsProps-afa48599.d.ts} +3 -3
  5. package/dist/{TeaserCardProps-3fce7be4.d.ts → TeaserCardProps-95b399e9.d.ts} +4 -12
  6. package/dist/{TestimonialsProps-4b94faa8.d.ts → TestimonialsProps-d27ae4b4.d.ts} +3 -3
  7. package/dist/components/feature/index.d.ts +1 -1
  8. package/dist/components/features/features.schema.dereffed.json +4 -3
  9. package/dist/components/features/features.schema.json +3 -3
  10. package/dist/components/features/index.d.ts +1 -1
  11. package/dist/components/features/index.js +3 -3
  12. package/dist/components/logos/index.d.ts +1 -1
  13. package/dist/components/logos/index.js +2 -2
  14. package/dist/components/logos/logos.schema.dereffed.json +2 -2
  15. package/dist/components/logos/logos.schema.json +2 -2
  16. package/dist/components/page/page.schema.dereffed.json +49 -51
  17. package/dist/components/page-intro/index.d.ts +4 -0
  18. package/dist/components/page-intro/index.js +18 -0
  19. package/dist/components/page-intro/page-intro.css +8 -0
  20. package/dist/components/page-intro/page-intro.schema.dereffed.json +30 -0
  21. package/dist/components/page-intro/page-intro.schema.json +26 -0
  22. package/dist/components/page-wrapper/index.d.ts +2 -3
  23. package/dist/components/page-wrapper/index.js +6 -471
  24. package/dist/components/page-wrapper/tokens.css +3 -3
  25. package/dist/components/raw-page-wrapper/index.d.ts +3 -0
  26. package/dist/components/raw-page-wrapper/index.js +492 -0
  27. package/dist/components/section/index.d.ts +8 -8
  28. package/dist/components/section/index.js +1 -1
  29. package/dist/components/section/section.css +15 -3
  30. package/dist/components/section/section.schema.dereffed.json +49 -51
  31. package/dist/components/section/section.schema.json +4 -4
  32. package/dist/components/split/index.d.ts +9 -1
  33. package/dist/components/stats/index.d.ts +1 -1
  34. package/dist/components/stats/index.js +4 -4
  35. package/dist/components/stats/stats.schema.dereffed.json +2 -2
  36. package/dist/components/stats/stats.schema.json +2 -2
  37. package/dist/components/teaser-card/index.d.ts +1 -1
  38. package/dist/components/teaser-card/index.js +6 -3
  39. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -17
  40. package/dist/components/teaser-card/teaser-card.schema.json +5 -13
  41. package/dist/components/testimonials/index.d.ts +1 -1
  42. package/dist/components/testimonials/index.js +4 -4
  43. package/dist/components/testimonials/testimonials.schema.dereffed.json +2 -2
  44. package/dist/components/testimonials/testimonials.schema.json +2 -2
  45. package/dist/static/tokens-google.css +1553 -0
  46. package/dist/static/tokens-lughausen.css +1549 -0
  47. package/dist/static/tokens-telekom.css +1549 -0
  48. package/dist/static/tokens.css +1554 -0
  49. package/dist/tokens/tokens.css +3 -3
  50. package/dist/tokens/tokens.js +3 -3
  51. package/package.json +6 -9
  52. package/dist/tokens/themes.css +0 -4657
  53. package/dist/tokens/themes.css.d.ts +0 -0
  54. 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
- "smallest",
207
- "default",
206
+ "control",
207
+ "card",
208
+ "narrow",
208
209
  "medium",
209
- "large",
210
- "largest"
210
+ "wide"
211
211
  ],
212
- "default": "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
- "items": {
479
+ "features": {
480
480
  "type": "array",
481
- "title": "Items",
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
- "items": {
1048
+ "logos": {
1048
1049
  "type": "array",
1049
- "title": "Items",
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
- "items": {
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
- "hidden": {
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": false
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
- "items": {
1542
+ "testimonials": {
1545
1543
  "type": "array",
1546
- "title": "Items",
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": ["smallest", "default", "medium", "large", "largest"],
154
- "default": "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/slider.schema.json"
193
+ "$ref": "http://schema.mydesignsystem.com/page-intro.schema.json"
194
194
  },
195
195
  {
196
- "$ref": "http://schema.mydesignsystem.com/split.schema.json"
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
- import { SplitProps } from "../../SplitProps-89ef39c4.js";
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 };
@@ -1,4 +1,4 @@
1
1
  import { HTMLAttributes, FC } from "react";
2
- import { StatsProps } from "../../StatsProps-17b0743a.js";
2
+ import { StatsProps } from "../../StatsProps-afa48599.js";
3
3
  declare const Stats: FC<StatsProps & HTMLAttributes<HTMLElement>>;
4
4
  export { Stats };
@@ -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 = ({ 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))) }));
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
- "items": {
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
- "items": {
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-3fce7be4.js";
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?.hidden,
13
- label: button.label,
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
- "chevron": {
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": false
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
- "chevron": {
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": false
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": ["topic", "target"]
66
+ "required": []
75
67
  }
@@ -1,5 +1,5 @@
1
1
  import { HTMLAttributes, FC, PropsWithChildren } from "react";
2
- import { TestimonialsProps } from "../../TestimonialsProps-4b94faa8.js";
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 = ({ 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
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: 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))) }));
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
- "items": {
19
+ "testimonials": {
20
20
  "type": "array",
21
- "title": "Items",
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
- "items": {
15
+ "testimonials": {
16
16
  "type": "array",
17
- "title": "Items",
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",