@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
@@ -17,228 +17,228 @@ type CTAToggle = boolean;
17
17
  * @minItems 1
18
18
  * @maxItems 8
19
19
  */
20
- type Items = [
20
+ type Features = [
21
21
  {
22
22
  icon?: Icon;
23
23
  title: Title;
24
- text?: Text;
24
+ text: Text;
25
25
  cta?: CallToAction;
26
26
  }
27
27
  ] | [
28
28
  {
29
29
  icon?: Icon;
30
30
  title: Title;
31
- text?: Text;
31
+ text: Text;
32
32
  cta?: CallToAction;
33
33
  },
34
34
  {
35
35
  icon?: Icon;
36
36
  title: Title;
37
- text?: Text;
37
+ text: Text;
38
38
  cta?: CallToAction;
39
39
  }
40
40
  ] | [
41
41
  {
42
42
  icon?: Icon;
43
43
  title: Title;
44
- text?: Text;
44
+ text: Text;
45
45
  cta?: CallToAction;
46
46
  },
47
47
  {
48
48
  icon?: Icon;
49
49
  title: Title;
50
- text?: Text;
50
+ text: Text;
51
51
  cta?: CallToAction;
52
52
  },
53
53
  {
54
54
  icon?: Icon;
55
55
  title: Title;
56
- text?: Text;
56
+ text: Text;
57
57
  cta?: CallToAction;
58
58
  }
59
59
  ] | [
60
60
  {
61
61
  icon?: Icon;
62
62
  title: Title;
63
- text?: Text;
63
+ text: Text;
64
64
  cta?: CallToAction;
65
65
  },
66
66
  {
67
67
  icon?: Icon;
68
68
  title: Title;
69
- text?: Text;
69
+ text: Text;
70
70
  cta?: CallToAction;
71
71
  },
72
72
  {
73
73
  icon?: Icon;
74
74
  title: Title;
75
- text?: Text;
75
+ text: Text;
76
76
  cta?: CallToAction;
77
77
  },
78
78
  {
79
79
  icon?: Icon;
80
80
  title: Title;
81
- text?: Text;
81
+ text: Text;
82
82
  cta?: CallToAction;
83
83
  }
84
84
  ] | [
85
85
  {
86
86
  icon?: Icon;
87
87
  title: Title;
88
- text?: Text;
88
+ text: Text;
89
89
  cta?: CallToAction;
90
90
  },
91
91
  {
92
92
  icon?: Icon;
93
93
  title: Title;
94
- text?: Text;
94
+ text: Text;
95
95
  cta?: CallToAction;
96
96
  },
97
97
  {
98
98
  icon?: Icon;
99
99
  title: Title;
100
- text?: Text;
100
+ text: Text;
101
101
  cta?: CallToAction;
102
102
  },
103
103
  {
104
104
  icon?: Icon;
105
105
  title: Title;
106
- text?: Text;
106
+ text: Text;
107
107
  cta?: CallToAction;
108
108
  },
109
109
  {
110
110
  icon?: Icon;
111
111
  title: Title;
112
- text?: Text;
112
+ text: Text;
113
113
  cta?: CallToAction;
114
114
  }
115
115
  ] | [
116
116
  {
117
117
  icon?: Icon;
118
118
  title: Title;
119
- text?: Text;
119
+ text: Text;
120
120
  cta?: CallToAction;
121
121
  },
122
122
  {
123
123
  icon?: Icon;
124
124
  title: Title;
125
- text?: Text;
125
+ text: Text;
126
126
  cta?: CallToAction;
127
127
  },
128
128
  {
129
129
  icon?: Icon;
130
130
  title: Title;
131
- text?: Text;
131
+ text: Text;
132
132
  cta?: CallToAction;
133
133
  },
134
134
  {
135
135
  icon?: Icon;
136
136
  title: Title;
137
- text?: Text;
137
+ text: Text;
138
138
  cta?: CallToAction;
139
139
  },
140
140
  {
141
141
  icon?: Icon;
142
142
  title: Title;
143
- text?: Text;
143
+ text: Text;
144
144
  cta?: CallToAction;
145
145
  },
146
146
  {
147
147
  icon?: Icon;
148
148
  title: Title;
149
- text?: Text;
149
+ text: Text;
150
150
  cta?: CallToAction;
151
151
  }
152
152
  ] | [
153
153
  {
154
154
  icon?: Icon;
155
155
  title: Title;
156
- text?: Text;
156
+ text: Text;
157
157
  cta?: CallToAction;
158
158
  },
159
159
  {
160
160
  icon?: Icon;
161
161
  title: Title;
162
- text?: Text;
162
+ text: Text;
163
163
  cta?: CallToAction;
164
164
  },
165
165
  {
166
166
  icon?: Icon;
167
167
  title: Title;
168
- text?: Text;
168
+ text: Text;
169
169
  cta?: CallToAction;
170
170
  },
171
171
  {
172
172
  icon?: Icon;
173
173
  title: Title;
174
- text?: Text;
174
+ text: Text;
175
175
  cta?: CallToAction;
176
176
  },
177
177
  {
178
178
  icon?: Icon;
179
179
  title: Title;
180
- text?: Text;
180
+ text: Text;
181
181
  cta?: CallToAction;
182
182
  },
183
183
  {
184
184
  icon?: Icon;
185
185
  title: Title;
186
- text?: Text;
186
+ text: Text;
187
187
  cta?: CallToAction;
188
188
  },
189
189
  {
190
190
  icon?: Icon;
191
191
  title: Title;
192
- text?: Text;
192
+ text: Text;
193
193
  cta?: CallToAction;
194
194
  }
195
195
  ] | [
196
196
  {
197
197
  icon?: Icon;
198
198
  title: Title;
199
- text?: Text;
199
+ text: Text;
200
200
  cta?: CallToAction;
201
201
  },
202
202
  {
203
203
  icon?: Icon;
204
204
  title: Title;
205
- text?: Text;
205
+ text: Text;
206
206
  cta?: CallToAction;
207
207
  },
208
208
  {
209
209
  icon?: Icon;
210
210
  title: Title;
211
- text?: Text;
211
+ text: Text;
212
212
  cta?: CallToAction;
213
213
  },
214
214
  {
215
215
  icon?: Icon;
216
216
  title: Title;
217
- text?: Text;
217
+ text: Text;
218
218
  cta?: CallToAction;
219
219
  },
220
220
  {
221
221
  icon?: Icon;
222
222
  title: Title;
223
- text?: Text;
223
+ text: Text;
224
224
  cta?: CallToAction;
225
225
  },
226
226
  {
227
227
  icon?: Icon;
228
228
  title: Title;
229
- text?: Text;
229
+ text: Text;
230
230
  cta?: CallToAction;
231
231
  },
232
232
  {
233
233
  icon?: Icon;
234
234
  title: Title;
235
- text?: Text;
235
+ text: Text;
236
236
  cta?: CallToAction;
237
237
  },
238
238
  {
239
239
  icon?: Icon;
240
240
  title: Title;
241
- text?: Text;
241
+ text: Text;
242
242
  cta?: CallToAction;
243
243
  }
244
244
  ];
@@ -272,7 +272,7 @@ interface FeaturesProps {
272
272
  toggle?: CTAToggle;
273
273
  style?: "button" | "link" | "intext";
274
274
  };
275
- items?: Items;
275
+ features?: Features;
276
276
  }
277
277
  /**
278
278
  * The call to action
@@ -281,4 +281,4 @@ interface CallToAction {
281
281
  target?: CallToActionTarget;
282
282
  label?: LinkLabel;
283
283
  }
284
- export { Layout, CTAToggle, Items, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, CallToAction };
284
+ export { Layout, CTAToggle, Features, Icon, Title, Text, CallToActionTarget, LinkLabel, FeaturesProps, CallToAction };
@@ -13,7 +13,7 @@ type LogoTagline = string;
13
13
  * @minItems 1
14
14
  * @maxItems 20
15
15
  */
16
- type Items = [
16
+ type Logos = [
17
17
  {
18
18
  src: URL;
19
19
  alt?: Caption;
@@ -911,7 +911,7 @@ type LinkLabel = string;
911
911
  */
912
912
  interface LogosProps {
913
913
  tagline?: LogoTagline;
914
- items?: Items;
914
+ logos: Logos;
915
915
  align?: Alignment;
916
916
  logosPerRow?: LogosPerRow;
917
917
  cta?: CallToAction;
@@ -926,4 +926,4 @@ interface CallToAction {
926
926
  label: LinkLabel;
927
927
  style: "button" | "text";
928
928
  }
929
- export { LogoTagline, Items, URL, Caption, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, CallToAction };
929
+ export { LogoTagline, Logos, URL, Caption, Alignment, LogosPerRow, CTAToggle, CallToActionText, CallToActionLink, LinkLabel, LogosProps, CallToAction };
@@ -3,7 +3,12 @@
3
3
  * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
4
4
  * and run json-schema-to-typescript to regenerate this file.
5
5
  */
6
- interface SplitProps {
7
- layout?: "sidebarRight" | "sidebarLeft" | "even";
6
+ interface PageIntroProps {
7
+ headline?: string;
8
+ sub?: string;
9
+ link?: {
10
+ href?: string;
11
+ label?: string;
12
+ };
8
13
  }
9
- export { SplitProps };
14
+ export { PageIntroProps };
@@ -9,7 +9,7 @@
9
9
  * @minItems 1
10
10
  * @maxItems 4
11
11
  */
12
- type Items = [Stat] | [Stat, Stat] | [Stat, Stat, Stat] | [Stat, Stat, Stat, Stat];
12
+ type Stats = [Stat] | [Stat, Stat] | [Stat, Stat, Stat] | [Stat, Stat, Stat, Stat];
13
13
  /**
14
14
  * The number of the stat
15
15
  */
@@ -30,7 +30,7 @@ type Icon = string;
30
30
  * Component used to display stats with a number upcounter
31
31
  */
32
32
  interface StatsProps {
33
- items?: Items;
33
+ stats: Stats;
34
34
  }
35
35
  interface Stat {
36
36
  number: Number;
@@ -38,4 +38,4 @@ interface Stat {
38
38
  title: Title;
39
39
  icon?: Icon;
40
40
  }
41
- export { Items, Number, Description, Title, Icon, StatsProps, Stat };
41
+ export { Stats, Number, Description, Title, Icon, StatsProps, Stat };
@@ -19,14 +19,7 @@ type Label = string;
19
19
  * Target that should be linked
20
20
  */
21
21
  type Target = string;
22
- /**
23
- * Label of the button. Still A11Y relevant when the button is hidden.
24
- */
25
22
  type Label1 = string;
26
- /**
27
- * Toggle chevron icon
28
- */
29
- type Icon = boolean;
30
23
  /**
31
24
  * Toggle wether you want the card to have a visible button or not
32
25
  */
@@ -46,11 +39,10 @@ interface TeaserCardProps {
46
39
  * Layout for the Teaser Card
47
40
  */
48
41
  layout?: "stack" | "row";
49
- target: Target;
42
+ target?: Target;
50
43
  button?: {
51
- label: Label1;
52
- chevron?: Icon;
53
- hidden?: DisplayButton;
44
+ label?: Label1;
45
+ displayButton?: DisplayButton;
54
46
  };
55
47
  image?: Image;
56
48
  /**
@@ -58,4 +50,4 @@ interface TeaserCardProps {
58
50
  */
59
51
  imageRatio?: "wide" | "landscape" | "square" | "unset";
60
52
  }
61
- export { Headline, Text, Label, Target, Label1, Icon, DisplayButton, Image, TeaserCardProps };
53
+ export { Headline, Text, Label, Target, Label1, DisplayButton, Image, TeaserCardProps };
@@ -34,7 +34,7 @@ type Rating = number;
34
34
  /**
35
35
  * Add testimonials featuring an image, a quote, a source and a rating
36
36
  */
37
- type Items = {
37
+ type Testimonials = {
38
38
  quote: Quote1;
39
39
  name: Name;
40
40
  title?: Title;
@@ -49,6 +49,6 @@ type Items = {
49
49
  */
50
50
  interface TestimonialsProps {
51
51
  layout?: Quote;
52
- items?: Items;
52
+ testimonials?: Testimonials;
53
53
  }
54
- export { Quote, Quote1, Name, Title, Source, AltText, Rating, Items, TestimonialsProps };
54
+ export { Quote, Quote1, Name, Title, Source, AltText, Rating, Testimonials, TestimonialsProps };
@@ -35,7 +35,7 @@ type CallToActionToggle = boolean;
35
35
  interface FeatureProps {
36
36
  icon?: Icon;
37
37
  title: Title;
38
- text?: Text;
38
+ text: Text;
39
39
  style?: "intext" | "stack" | "centered" | "besideLarge" | "besideSmall";
40
40
  ctaTarget?: CallToActionTarget;
41
41
  ctaLabel?: LinkLabel;
@@ -48,9 +48,9 @@
48
48
  },
49
49
  "additionalProperties": false
50
50
  },
51
- "items": {
51
+ "features": {
52
52
  "type": "array",
53
- "title": "Items",
53
+ "title": "Features",
54
54
  "description": "The features to display",
55
55
  "items": {
56
56
  "type": "object",
@@ -106,7 +106,8 @@
106
106
  },
107
107
  "additionalProperties": false,
108
108
  "required": [
109
- "title"
109
+ "title",
110
+ "text"
110
111
  ]
111
112
  },
112
113
  "minItems": 1,
@@ -34,9 +34,9 @@
34
34
  },
35
35
  "additionalProperties": false
36
36
  },
37
- "items": {
37
+ "features": {
38
38
  "type": "array",
39
- "title": "Items",
39
+ "title": "Features",
40
40
  "description": "The features to display",
41
41
  "items": {
42
42
  "type": "object",
@@ -83,7 +83,7 @@
83
83
  }
84
84
  },
85
85
  "additionalProperties": false,
86
- "required": ["title"]
86
+ "required": ["title", "text"]
87
87
  },
88
88
  "minItems": 1,
89
89
  "maxItems": 8
@@ -1,4 +1,4 @@
1
1
  import { HTMLAttributes, FC } from "react";
2
- import { FeaturesProps } from "../../FeaturesProps-32f5bc0d.js";
2
+ import { FeaturesProps } from "../../FeaturesProps-79dea880.js";
3
3
  declare const Features: FC<FeaturesProps & HTMLAttributes<HTMLDivElement>>;
4
4
  export { Features };
@@ -11,12 +11,12 @@ import '@kickstartds/base/lib/link';
11
11
  const Features = ({ layout = "largeTiles", ctas = {
12
12
  style: "link",
13
13
  toggle: true,
14
- }, style = "intext", items = [], ...props }) => {
14
+ }, style = "intext", features = [], ...props }) => {
15
15
  return (jsx("div", { className: classnames(`c-features c-features--${layout === "largeTiles"
16
16
  ? "large-tiles"
17
17
  : layout === "smallTiles"
18
18
  ? "small-tiles"
19
- : `${layout}`}`), ...props, children: items.map((item, index) => (jsx(Feature, { title: item.title, text: item.text, style: style === "intext"
19
+ : `${layout}`}`), ...props, children: features.map((feature, index) => (jsx(Feature, { title: feature.title, text: feature.text, style: style === "intext"
20
20
  ? "intext"
21
21
  : style === "stack"
22
22
  ? "stack"
@@ -26,7 +26,7 @@ const Features = ({ layout = "largeTiles", ctas = {
26
26
  ? "besideLarge"
27
27
  : style === "besideSmall"
28
28
  ? "besideSmall"
29
- : undefined, icon: item?.icon, ctaLabel: item?.cta?.label, ctaTarget: item?.cta?.target, ctaToggle: ctas?.toggle, ctaStyle: ctas?.style }, index))) }));
29
+ : undefined, icon: feature?.icon, ctaLabel: feature?.cta?.label, ctaTarget: feature?.cta?.target, ctaToggle: ctas?.toggle, ctaStyle: ctas?.style }, index))) }));
30
30
  };
31
31
 
32
32
  export { Features };
@@ -1,4 +1,4 @@
1
1
  import { HTMLAttributes, FC } from "react";
2
- import { LogosProps } from "../../LogosProps-a8efd101.js";
2
+ import { LogosProps } from "../../LogosProps-8af8b3c7.js";
3
3
  declare const Logos: FC<LogosProps & HTMLAttributes<HTMLElement>>;
4
4
  export { Logos };
@@ -5,8 +5,8 @@ import { LogoTiles } from '@kickstartds/content/lib/logo-tiles';
5
5
  import { Button } from '@kickstartds/base/lib/button';
6
6
  import { Link } from '@kickstartds/base/lib/link';
7
7
 
8
- const Logos = ({ items = [], tagline, align, cta, logosPerRow = "6", }) => {
9
- return (jsx(Fragment, { children: jsxs("div", { className: classnames(`c-logos c-logos--align-${align}`), children: [jsx("div", { className: "c-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`c-logo-tiles--cols-${logosPerRow}`), logos: items }), cta?.toggle ? (jsxs("div", { className: "c-logos__cta", children: [jsxs("div", { className: "c-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "c-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }));
8
+ const Logos = ({ logos = [], tagline, align, cta, logosPerRow = "6", }) => {
9
+ return (jsx(Fragment, { children: jsxs("div", { className: classnames(`c-logos c-logos--align-${align}`), children: [jsx("div", { className: "c-logos__tagline", children: tagline }), jsx(LogoTiles, { className: classnames(`c-logo-tiles--cols-${logosPerRow}`), logos: logos }), cta?.toggle ? (jsxs("div", { className: "c-logos__cta", children: [jsxs("div", { className: "c-logos__cta__text", children: [cta?.text, cta?.style === "text" ? (jsxs(Fragment, { children: [" ", jsx(Link, { className: "c-logos__cta__link", href: cta.link, children: cta.label })] })) : ("")] }), cta?.style === "button" ? (jsx(Button, { href: cta.link, label: cta.label })) : ("")] })) : ("")] }) }));
10
10
  };
11
11
 
12
12
  export { Logos };
@@ -13,9 +13,9 @@
13
13
  "Your Success, Our Commitment"
14
14
  ]
15
15
  },
16
- "items": {
16
+ "logos": {
17
17
  "type": "array",
18
- "title": "Items",
18
+ "title": "Logos",
19
19
  "description": "The logos to display",
20
20
  "items": {
21
21
  "type": "object",
@@ -11,9 +11,9 @@
11
11
  "description": "A short tagline atop the logos",
12
12
  "examples": ["Your Success, Our Commitment"]
13
13
  },
14
- "items": {
14
+ "logos": {
15
15
  "type": "array",
16
- "title": "Items",
16
+ "title": "Logos",
17
17
  "description": "The logos to display",
18
18
  "items": {
19
19
  "type": "object",