@kickstartds/ds-agency-premium 1.2.8--canary.156.b229fdd.0 → 1.2.9

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 (57) hide show
  1. package/dist/{FeaturesProps-79dea880.d.ts → FeaturesProps-32f5bc0d.d.ts} +39 -39
  2. package/dist/{LogosProps-8af8b3c7.d.ts → LogosProps-a8efd101.d.ts} +3 -3
  3. package/dist/{StatsProps-afa48599.d.ts → StatsProps-17b0743a.d.ts} +3 -3
  4. package/dist/{TeaserCardProps-95b399e9.d.ts → TeaserCardProps-3fce7be4.d.ts} +12 -4
  5. package/dist/{TestimonialsProps-d27ae4b4.d.ts → TestimonialsProps-4b94faa8.d.ts} +3 -3
  6. package/dist/components/button/button.css +2 -3
  7. package/dist/components/feature/index.d.ts +1 -1
  8. package/dist/components/features/features.schema.dereffed.json +3 -4
  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/headline/headline.css +0 -1
  13. package/dist/components/logos/index.d.ts +1 -1
  14. package/dist/components/logos/index.js +2 -2
  15. package/dist/components/logos/logos.schema.dereffed.json +2 -2
  16. package/dist/components/logos/logos.schema.json +2 -2
  17. package/dist/components/page/page.schema.dereffed.json +31 -49
  18. package/dist/components/page-wrapper/index.d.ts +3 -2
  19. package/dist/components/page-wrapper/index.js +471 -6
  20. package/dist/components/page-wrapper/tokens.css +3 -3
  21. package/dist/components/section/index.d.ts +7 -8
  22. package/dist/components/section/index.js +1 -1
  23. package/dist/components/section/section.css +3 -15
  24. package/dist/components/section/section.schema.dereffed.json +31 -49
  25. package/dist/components/section/section.schema.json +2 -5
  26. package/dist/components/stats/index.d.ts +1 -1
  27. package/dist/components/stats/index.js +4 -4
  28. package/dist/components/stats/stats.css +0 -1
  29. package/dist/components/stats/stats.schema.dereffed.json +2 -2
  30. package/dist/components/stats/stats.schema.json +2 -2
  31. package/dist/components/teaser-card/index.d.ts +1 -1
  32. package/dist/components/teaser-card/index.js +3 -6
  33. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +17 -4
  34. package/dist/components/teaser-card/teaser-card.schema.json +13 -5
  35. package/dist/components/testimonials/index.d.ts +1 -1
  36. package/dist/components/testimonials/index.js +4 -4
  37. package/dist/components/testimonials/testimonials.schema.dereffed.json +2 -2
  38. package/dist/components/testimonials/testimonials.schema.json +2 -2
  39. package/dist/global.css +0 -2
  40. package/dist/tokens/themes.css +4657 -0
  41. package/dist/tokens/themes.css.d.ts +0 -0
  42. package/dist/tokens/themes.css.js +1 -0
  43. package/dist/tokens/tokens.css +3 -3
  44. package/dist/tokens/tokens.js +3 -3
  45. package/package.json +9 -6
  46. package/dist/PageIntroProps-f13f3e7c.d.ts +0 -14
  47. package/dist/components/page-intro/index.d.ts +0 -4
  48. package/dist/components/page-intro/index.js +0 -18
  49. package/dist/components/page-intro/page-intro.css +0 -8
  50. package/dist/components/page-intro/page-intro.schema.dereffed.json +0 -30
  51. package/dist/components/page-intro/page-intro.schema.json +0 -26
  52. package/dist/components/raw-page-wrapper/index.d.ts +0 -3
  53. package/dist/components/raw-page-wrapper/index.js +0 -492
  54. package/dist/static/tokens-google.css +0 -1553
  55. package/dist/static/tokens-lughausen.css +0 -1549
  56. package/dist/static/tokens-telekom.css +0 -1549
  57. 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
- "control",
207
- "card",
208
- "narrow",
206
+ "smallest",
207
+ "default",
209
208
  "medium",
210
- "wide"
209
+ "large",
210
+ "largest"
211
211
  ],
212
- "default": "cards"
212
+ "default": "default"
213
213
  }
214
214
  },
215
215
  "additionalProperties": false
@@ -476,9 +476,9 @@
476
476
  },
477
477
  "additionalProperties": false
478
478
  },
479
- "features": {
479
+ "items": {
480
480
  "type": "array",
481
- "title": "Features",
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
- "logos": {
1047
+ "items": {
1049
1048
  "type": "array",
1050
- "title": "Logos",
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
- "stats": {
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
- "displayButton": {
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": true
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
- "testimonials": {
1524
+ "items": {
1543
1525
  "type": "array",
1544
- "title": "Testimonials",
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": ["control", "card", "narrow", "medium", "wide"],
154
- "default": "cards"
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
  },
@@ -1,4 +1,4 @@
1
1
  import { HTMLAttributes, FC } from "react";
2
- import { StatsProps } from "../../StatsProps-afa48599.js";
2
+ import { StatsProps } from "../../StatsProps-17b0743a.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 = ({ 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))) }));
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 };
@@ -28,7 +28,6 @@
28
28
  background: linear-gradient(135deg, var(--ks-color-primary-base) 0%, var(--ks-color-secondary-base) 100%);
29
29
  -webkit-background-clip: text;
30
30
  -webkit-text-fill-color: transparent;
31
- filter: var(--g-filter-drop-shadow--higlight);
32
31
  font: var(--ks-font-display-xl);
33
32
  font-weight: var(--ks-font-weight-semi-bold);
34
33
  }
@@ -5,9 +5,9 @@
5
5
  "description": "Component used to display stats with a number upcounter",
6
6
  "type": "object",
7
7
  "properties": {
8
- "stats": {
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
- "stats": {
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-95b399e9.js";
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?.displayButton === true
13
- ? false
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
- "displayButton": {
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": true
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
- "displayButton": {
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": true
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-d27ae4b4.js";
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 = ({ 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
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: 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))) }));
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
- "testimonials": {
19
+ "items": {
20
20
  "type": "array",
21
- "title": "Testimonials",
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
- "testimonials": {
15
+ "items": {
16
16
  "type": "array",
17
- "title": "Testimonials",
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",
package/dist/global.css CHANGED
@@ -512,8 +512,6 @@ body {
512
512
  --g-link--font-weight: var(--ks-font-weight-medium);
513
513
  --g-link--color-hover: var(--ks-color-fg);
514
514
  --g-header-height: calc(var(--g-logo--height) + var(--ks-spacing-stack-m) + var(--ks-spacing-stack-m)) !important;
515
- --g-filter-drop-shadow--higlight: drop-shadow(0px 2px 30px var(--ks-color-primary-alpha-2))
516
- drop-shadow(0px 1px 4px var(--ks-color-fg-alpha-8));
517
515
  --g-gradient--higlight: linear-gradient(135deg, var(--ks-color-primary) 0%, var(--ks-color-secondary) 100%);
518
516
  --l-section--content-padding: var(--ks-spacing-inset-l) !important;
519
517
  --l-section--content-width-full: 100vw !important;