@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1797.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 (261) hide show
  1. package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
  2. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  3. package/dist/BlogPostProps-6b3cff22.d.ts +2 -2
  4. package/dist/BlogTeaserProps-f5855e93.d.ts +9 -4
  5. package/dist/DividerProps-2ef31901.d.ts +26 -0
  6. package/dist/FeaturesProps-e58616a5.d.ts +62 -0
  7. package/dist/{HeroProps-cf82a16d.d.ts → HeroProps-f704d270.d.ts} +1 -1
  8. package/dist/HtmlProps-9d091769.d.ts +34 -0
  9. package/dist/PageProps-aa29c554.d.ts +1 -1
  10. package/dist/{SectionProps-83d399b4.d.ts → SectionProps-1cfcf6e8.d.ts} +12 -5
  11. package/dist/SliderProps-93230a76.d.ts +4 -4
  12. package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
  13. package/dist/StatsProps-bf5ef578.d.ts +1 -1
  14. package/dist/{TestimonialProps-94bdeac9.d.ts → TestimonialsProps-e344f597.d.ts} +22 -2
  15. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +3 -1
  16. package/dist/components/blog-aside/blog-aside.schema.json +1 -0
  17. package/dist/components/blog-aside/index.d.ts +1 -0
  18. package/dist/components/blog-aside/index.js +6 -1
  19. package/dist/components/blog-author/blog-author.schema.dereffed.json +2 -1
  20. package/dist/components/blog-author/index.d.ts +1 -0
  21. package/dist/components/blog-author/index.js +10 -1
  22. package/dist/components/blog-head/blog-head.css +3 -3
  23. package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
  24. package/dist/components/blog-head/blog-head.schema.json +6 -0
  25. package/dist/components/blog-head/index.d.ts +2 -1
  26. package/dist/components/blog-head/index.js +8 -3
  27. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +212 -136
  28. package/dist/components/blog-overview/index.d.ts +1 -0
  29. package/dist/components/blog-overview/index.js +1 -0
  30. package/dist/components/blog-post/blog-post.schema.dereffed.json +181 -119
  31. package/dist/components/blog-post/index.d.ts +1 -0
  32. package/dist/components/blog-post/index.js +1 -0
  33. package/dist/components/blog-teaser/blog-teaser.css +7 -5
  34. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +14 -6
  35. package/dist/components/blog-teaser/blog-teaser.schema.json +11 -5
  36. package/dist/components/blog-teaser/index.d.ts +4 -3
  37. package/dist/components/blog-teaser/index.js +14 -5
  38. package/dist/components/button/button.schema.dereffed.json +1 -0
  39. package/dist/components/button/button.schema.json +1 -0
  40. package/dist/components/button/index.d.ts +1 -0
  41. package/dist/components/button-group/button-group.schema.dereffed.json +1 -0
  42. package/dist/components/button-group/index.d.ts +1 -0
  43. package/dist/components/contact/contact.css +2 -0
  44. package/dist/components/contact/contact.schema.dereffed.json +2 -1
  45. package/dist/components/contact/contact.schema.json +2 -1
  46. package/dist/components/contact/index.d.ts +1 -0
  47. package/dist/components/contact/index.js +10 -1
  48. package/dist/components/cta/cta.css +3 -3
  49. package/dist/components/cta/cta.schema.dereffed.json +1 -0
  50. package/dist/components/cta/index.d.ts +1 -0
  51. package/dist/components/cta/index.js +20 -2
  52. package/dist/components/divider/divider.css +1 -1
  53. package/dist/components/divider/index.d.ts +2 -26
  54. package/dist/components/divider/index.js +6 -1
  55. package/dist/components/faq/index.d.ts +1 -0
  56. package/dist/components/faq/index.js +6 -1
  57. package/dist/components/feature/feature.schema.dereffed.json +1 -0
  58. package/dist/components/feature/feature.schema.json +1 -0
  59. package/dist/components/feature/index.d.ts +53 -1
  60. package/dist/components/feature/index.js +14 -2
  61. package/dist/components/features/features.css +43 -10
  62. package/dist/components/features/features.schema.dereffed.json +3 -40
  63. package/dist/components/features/features.schema.json +24 -1
  64. package/dist/components/features/index.d.ts +2 -1
  65. package/dist/components/features/index.js +23 -3
  66. package/dist/components/footer/footer.css +4 -4
  67. package/dist/components/footer/index.d.ts +1 -0
  68. package/dist/components/footer/index.js +11 -1
  69. package/dist/components/gallery/gallery.css +0 -18
  70. package/dist/components/gallery/index.d.ts +1 -0
  71. package/dist/components/gallery/index.js +8 -1
  72. package/dist/components/header/header.css +2 -3
  73. package/dist/components/header/index.d.ts +4 -3
  74. package/dist/components/header/index.js +14 -2
  75. package/dist/components/headline/headline.css +18 -2
  76. package/dist/components/headline/headline.schema.dereffed.json +5 -0
  77. package/dist/components/headline/headline.schema.json +5 -0
  78. package/dist/components/headline/index.d.ts +6 -0
  79. package/dist/components/headline/index.js +1 -1
  80. package/dist/components/hero/hero.css +38 -5
  81. package/dist/components/hero/hero.schema.dereffed.json +4 -2
  82. package/dist/components/hero/hero.schema.json +2 -2
  83. package/dist/components/hero/index.d.ts +2 -1
  84. package/dist/components/hero/index.js +19 -3
  85. package/dist/components/html/Html.client.d.ts +5 -0
  86. package/dist/components/html/Html.client.js +41 -0
  87. package/dist/components/html/html.css +52 -0
  88. package/dist/components/html/html.schema.dereffed.json +61 -0
  89. package/dist/components/html/html.schema.json +31 -3
  90. package/dist/components/html/index.d.ts +5 -26
  91. package/dist/components/html/index.js +25 -4
  92. package/dist/components/image-story/image-story.css +1 -1
  93. package/dist/components/image-story/image-story.schema.dereffed.json +1 -0
  94. package/dist/components/image-story/image-story.schema.json +5 -1
  95. package/dist/components/image-story/index.d.ts +1 -0
  96. package/dist/components/image-story/index.js +14 -2
  97. package/dist/components/image-text/index.d.ts +1 -0
  98. package/dist/components/image-text/index.js +7 -1
  99. package/dist/components/index/index.d.ts +6 -1
  100. package/dist/components/logo/index.d.ts +1 -0
  101. package/dist/components/logo/index.js +6 -1
  102. package/dist/components/logos/index.d.ts +1 -0
  103. package/dist/components/logos/index.js +12 -1
  104. package/dist/components/logos/logos.css +2 -2
  105. package/dist/components/mosaic/index.d.ts +1 -0
  106. package/dist/components/mosaic/index.js +8 -1
  107. package/dist/components/mosaic/mosaic.css +3 -0
  108. package/dist/components/mosaic/mosaic.schema.dereffed.json +1 -0
  109. package/dist/components/nav-dropdown/index.d.ts +1 -0
  110. package/dist/components/nav-flyout/index.d.ts +1 -0
  111. package/dist/components/nav-flyout/index.js +7 -1
  112. package/dist/components/nav-main/index.d.ts +1 -0
  113. package/dist/components/nav-main/index.js +11 -1
  114. package/dist/components/nav-topbar/index.d.ts +1 -0
  115. package/dist/components/nav-topbar/index.js +7 -1
  116. package/dist/components/page/index.d.ts +1 -0
  117. package/dist/components/page/page.schema.dereffed.json +169 -118
  118. package/dist/components/page-wrapper/index.js +107 -389
  119. package/dist/components/page-wrapper/tokens.css +55 -4
  120. package/dist/components/presets.json +182 -237
  121. package/dist/components/providers/index.js +2 -1
  122. package/dist/components/section/index.d.ts +2 -1
  123. package/dist/components/section/index.js +27 -3
  124. package/dist/components/section/js/Section.client.js +1 -1
  125. package/dist/components/section/section.css +50 -35
  126. package/dist/components/section/section.schema.dereffed.json +169 -118
  127. package/dist/components/section/section.schema.json +13 -2
  128. package/dist/components/settings/settings.schema.dereffed.json +5 -0
  129. package/dist/components/settings/settings.schema.json +5 -0
  130. package/dist/components/slider/index.d.ts +1 -0
  131. package/dist/components/slider/index.js +1 -1
  132. package/dist/components/slider/slider.css +5 -0
  133. package/dist/components/slider/slider.schema.dereffed.json +37 -63
  134. package/dist/components/slider/slider.schema.json +1 -1
  135. package/dist/components/split/index.d.ts +1 -0
  136. package/dist/components/split/split.css +3 -3
  137. package/dist/components/stat/index.d.ts +2 -1
  138. package/dist/components/stat/index.js +16 -4
  139. package/dist/components/stat/stat.schema.dereffed.json +7 -5
  140. package/dist/components/stat/stat.schema.json +3 -2
  141. package/dist/components/stats/index.d.ts +1 -0
  142. package/dist/components/stats/index.js +6 -1
  143. package/dist/components/stats/stats.css +3 -7
  144. package/dist/components/stats/stats.schema.dereffed.json +7 -5
  145. package/dist/components/teaser-card/index.d.ts +1 -0
  146. package/dist/components/teaser-card/index.js +13 -2
  147. package/dist/components/testimonial/index.d.ts +49 -1
  148. package/dist/components/testimonial/index.js +11 -2
  149. package/dist/components/testimonial/testimonial.schema.dereffed.json +11 -0
  150. package/dist/components/testimonial/testimonial.schema.json +7 -0
  151. package/dist/components/testimonials/index.d.ts +2 -1
  152. package/dist/components/testimonials/index.js +10 -3
  153. package/dist/components/testimonials/testimonials.css +56 -28
  154. package/dist/components/testimonials/testimonials.schema.dereffed.json +11 -5
  155. package/dist/components/testimonials/testimonials.schema.json +30 -1
  156. package/dist/components/text/index.d.ts +1 -0
  157. package/dist/components/text/index.js +8 -1
  158. package/dist/components/tile/tile.schema.dereffed.json +1 -0
  159. package/dist/components/tile/tile.schema.json +8 -2
  160. package/dist/components/video-curtain/index.d.ts +1 -0
  161. package/dist/components/video-curtain/index.js +11 -1
  162. package/dist/components/video-curtain/video-curtain.css +4 -3
  163. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +2 -1
  164. package/dist/components/video-curtain/video-curtain.schema.json +1 -1
  165. package/dist/global.css +66 -42
  166. package/dist/helpers-84d80d46.d.ts +5 -0
  167. package/dist/helpers-84d80d46.js +33 -0
  168. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  169. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  170. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  171. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  172. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  173. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  174. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  175. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  176. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  177. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  178. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  179. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  180. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  181. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  182. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  183. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  184. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  185. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  186. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  187. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  188. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  189. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  190. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  191. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  192. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  193. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  194. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  195. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  196. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  197. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  198. package/dist/static/img/screenshots/components-html--html.png +0 -0
  199. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  200. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  201. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  202. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  203. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  204. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  205. package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
  206. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  207. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  208. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  209. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  210. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  211. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  212. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  213. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  214. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  215. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  216. package/dist/static/img/screenshots/layout-divider--default.png +0 -0
  217. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  218. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  219. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  220. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  221. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  222. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  223. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  224. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  225. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  226. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  227. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  228. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  229. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  230. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  231. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  232. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  233. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  234. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  235. package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
  236. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  237. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  238. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  239. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  240. package/dist/tokens/IconSprite.js +105 -388
  241. package/dist/tokens/icon-sprite.html +54 -37
  242. package/dist/tokens/themes.css +4 -4
  243. package/dist/tokens/tokens.css +55 -4
  244. package/dist/tokens/tokens.js +49 -52
  245. package/package.json +13 -17
  246. package/dist/FeatureProps-f8a75850.d.ts +0 -52
  247. package/dist/FeaturesProps-b05859d6.d.ts +0 -34
  248. package/dist/TestimonialsProps-f7211553.d.ts +0 -22
  249. package/dist/components/image/image.css +0 -18
  250. package/dist/components/image/image.schema.dereffed.json +0 -105
  251. package/dist/components/image/image.schema.json +0 -95
  252. package/dist/components/image/index.d.ts +0 -87
  253. package/dist/components/image/index.js +0 -11
  254. package/dist/components/picture/picture.schema.json +0 -88
  255. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  256. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  257. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  258. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  259. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  260. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  261. package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
@@ -42,8 +42,15 @@
42
42
  true
43
43
  ]
44
44
  },
45
- "type": {
46
- "const": "slider"
45
+ "variant": {
46
+ "title": "Type",
47
+ "description": "Type of the movement",
48
+ "type": "string",
49
+ "enum": [
50
+ "slider",
51
+ "carousel"
52
+ ],
53
+ "default": "carousel"
47
54
  },
48
55
  "className": {
49
56
  "title": "Class",
@@ -120,6 +127,7 @@
120
127
  },
121
128
  "icon": {
122
129
  "type": "string",
130
+ "format": "icon",
123
131
  "title": "Icon",
124
132
  "description": "Choose an icon"
125
133
  },
@@ -272,14 +280,12 @@
272
280
  "title": "Features",
273
281
  "description": "The features to display",
274
282
  "items": {
275
- "$schema": "http://json-schema.org/draft-07/schema#",
276
- "$id": "http://schema.mydesignsystem.com/feature.schema.json",
277
- "title": "Feature",
278
- "description": "Partial Component used to display a feature",
279
283
  "type": "object",
284
+ "title": "Feature",
280
285
  "properties": {
281
286
  "icon": {
282
287
  "type": "string",
288
+ "format": "icon",
283
289
  "title": "Icon",
284
290
  "description": "The icon for the feature",
285
291
  "examples": [
@@ -303,21 +309,8 @@
303
309
  "This is a feature"
304
310
  ]
305
311
  },
306
- "style": {
307
- "type": "string",
308
- "enum": [
309
- "intext",
310
- "stack",
311
- "centered",
312
- "besideLarge",
313
- "besideSmall"
314
- ],
315
- "default": "stack"
316
- },
317
312
  "cta": {
318
313
  "type": "object",
319
- "title": "Call to Action",
320
- "description": "The call to action",
321
314
  "properties": {
322
315
  "target": {
323
316
  "type": "string",
@@ -334,34 +327,12 @@
334
327
  "examples": [
335
328
  "See all our partners"
336
329
  ]
337
- },
338
- "toggle": {
339
- "type": "boolean",
340
- "title": "Call to Action Toggle",
341
- "description": "Activate/disable the CTAs",
342
- "default": true
343
- },
344
- "style": {
345
- "type": "string",
346
- "description": "Choose the style of the CTA",
347
- "enum": [
348
- "button",
349
- "link",
350
- "intext"
351
- ],
352
- "default": "link"
353
330
  }
354
331
  },
355
332
  "additionalProperties": false
356
- },
357
- "type": {
358
- "const": "feature"
359
333
  }
360
334
  },
361
- "additionalProperties": false,
362
- "required": [
363
- "title"
364
- ]
335
+ "additionalProperties": false
365
336
  },
366
337
  "minItems": 1,
367
338
  "maxItems": 8
@@ -527,6 +498,7 @@
527
498
  },
528
499
  "icon": {
529
500
  "type": "string",
501
+ "format": "icon",
530
502
  "title": "Icon",
531
503
  "description": "Choose an icon"
532
504
  },
@@ -616,10 +588,11 @@
616
588
  "center",
617
589
  "below",
618
590
  "left",
619
- "right"
591
+ "right",
592
+ "corner"
620
593
  ],
621
594
  "type": "string",
622
- "default": "bottom"
595
+ "default": "below"
623
596
  },
624
597
  "type": {
625
598
  "const": "hero"
@@ -852,12 +825,13 @@
852
825
  "number": {
853
826
  "title": "Number",
854
827
  "description": "The number of the stat",
855
- "type": "integer",
828
+ "type": "string",
856
829
  "examples": [
857
- 1,
858
- 2,
859
- 3,
860
- 4
830
+ "1",
831
+ "5x",
832
+ "2",
833
+ "40%",
834
+ "bis zu 100"
861
835
  ]
862
836
  },
863
837
  "description": {
@@ -882,6 +856,7 @@
882
856
  "title": "Icon",
883
857
  "description": "Optional icon of the stat",
884
858
  "type": "string",
859
+ "format": "icon",
885
860
  "examples": [
886
861
  "person",
887
862
  "home",
@@ -1038,13 +1013,22 @@
1038
1013
  ],
1039
1014
  "default": "slider"
1040
1015
  },
1016
+ "quoteSigns": {
1017
+ "title": "Style of the quote signs",
1018
+ "description": "The style of the quote signs",
1019
+ "type": "string",
1020
+ "enum": [
1021
+ "normal",
1022
+ "large",
1023
+ "none"
1024
+ ],
1025
+ "default": "normal"
1026
+ },
1041
1027
  "testimonial": {
1042
1028
  "type": "array",
1043
1029
  "title": "Testimonials",
1044
1030
  "description": "Add testimonials featuring an image, a quote, a source and a rating",
1045
1031
  "items": {
1046
- "$schema": "http://json-schema.org/draft-07/schema#",
1047
- "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
1048
1032
  "title": "Testimonial",
1049
1033
  "description": "Testimonial entry of Testimonials component",
1050
1034
  "type": "object",
@@ -1097,9 +1081,6 @@
1097
1081
  "type": "integer",
1098
1082
  "minimum": 1,
1099
1083
  "maximum": 5
1100
- },
1101
- "type": {
1102
- "const": "testimonial"
1103
1084
  }
1104
1085
  },
1105
1086
  "additionalProperties": false,
@@ -1170,15 +1151,8 @@
1170
1151
  ]
1171
1152
  }
1172
1153
  },
1173
- "typeProp": {
1174
- "title": "Type",
1175
- "description": "Type of the movement",
1176
- "type": "string",
1177
- "enum": [
1178
- "slider",
1179
- "carousel"
1180
- ],
1181
- "default": "carousel"
1154
+ "type": {
1155
+ "const": "slider"
1182
1156
  }
1183
1157
  },
1184
1158
  "additionalProperties": false
@@ -22,7 +22,7 @@
22
22
  "arrows": {
23
23
  "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/arrows"
24
24
  },
25
- "type": {
25
+ "variant": {
26
26
  "$ref": "http://schema.kickstartds.com/content/slider.schema.json#/properties/type"
27
27
  },
28
28
  "className": {
@@ -10,4 +10,5 @@ interface SplitProps {
10
10
  mainSectionWidth?: "narrow" | "medium" | "wide";
11
11
  }
12
12
  declare const Split: FC<PropsWithChildren<SplitProps>>;
13
+ export type { SplitProps };
13
14
  export { Split };
@@ -12,13 +12,13 @@
12
12
  gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
13
13
  }
14
14
  .l-split--narrow {
15
- --split__main--flex-basis: var(--l-section--content-width-narrow);
15
+ --split__main--flex-basis: var(--dsa-content--width_narrow);
16
16
  }
17
17
  .l-split--medium {
18
- --split__main--flex-basis: var(--l-section--content-width-default);
18
+ --split__main--flex-basis: var(--dsa-content--width_default);
19
19
  }
20
20
  .l-split--wide {
21
- --split__main--flex-basis: var(--l-section--content-width-wide);
21
+ --split__main--flex-basis: var(--dsa-content--width_wide);
22
22
  }
23
23
  @media (min-width: 48em) {
24
24
  .l-split {
@@ -1,7 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { StatProps } from "../../StatProps-12a3eae0.js";
3
+ import { StatProps } from "../../StatProps-79109ad0.js";
4
4
  declare const StatContextDefault: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const StatContext: import("react").Context<import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Stat: import("react").ForwardRefExoticComponent<StatProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
7
+ export type { StatProps };
7
8
  export { StatContextDefault, StatContext, Stat };
@@ -1,14 +1,26 @@
1
1
  import { jsx } from 'react/jsx-runtime';
2
2
  import { forwardRef, createContext, useContext } from 'react';
3
3
  import { CountUp } from '@kickstartds/content/lib/count-up';
4
+ import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
4
5
 
5
- const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: number, icon: {
6
- icon: icon,
7
- }, text: description, topic: title })));
6
+ const defaults = {};
7
+
8
+ const StatContextDefault = forwardRef(({ number, title, description, icon, ...rest }, ref) => {
9
+ const parts = number ? number.toString().split(/(\d+)/).filter(Boolean) : [];
10
+ const numberIndex = parts.findIndex((part) => !isNaN(Number(part)));
11
+ const value = numberIndex !== -1 ? parseInt(parts[numberIndex], 10) : 0;
12
+ const prefix = numberIndex !== -1 && numberIndex > 0 ? parts[numberIndex - 1] : "";
13
+ const suffix = numberIndex !== -1 && numberIndex < parts.length - 1
14
+ ? parts[numberIndex + 1]
15
+ : "";
16
+ return (jsx(CountUp, { ...rest, ref: ref, className: "dsa-stats__item", to: value, prefix: prefix, suffix: suffix, icon: {
17
+ icon: icon,
18
+ }, text: description, topic: title }));
19
+ });
8
20
  const StatContext = createContext(StatContextDefault);
9
21
  const Stat = forwardRef((props, ref) => {
10
22
  const Component = useContext(StatContext);
11
- return jsx(Component, { ...props, ref: ref });
23
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
12
24
  });
13
25
  Stat.displayName = "Stat";
14
26
 
@@ -8,12 +8,13 @@
8
8
  "number": {
9
9
  "title": "Number",
10
10
  "description": "The number of the stat",
11
- "type": "integer",
11
+ "type": "string",
12
12
  "examples": [
13
- 1,
14
- 2,
15
- 3,
16
- 4
13
+ "1",
14
+ "5x",
15
+ "2",
16
+ "40%",
17
+ "bis zu 100"
17
18
  ]
18
19
  },
19
20
  "description": {
@@ -38,6 +39,7 @@
38
39
  "title": "Icon",
39
40
  "description": "Optional icon of the stat",
40
41
  "type": "string",
42
+ "format": "icon",
41
43
  "examples": [
42
44
  "person",
43
45
  "home",
@@ -8,8 +8,8 @@
8
8
  "number": {
9
9
  "title": "Number",
10
10
  "description": "The number of the stat",
11
- "type": "integer",
12
- "examples": [1, 2, 3, 4]
11
+ "type": "string",
12
+ "examples": ["1", "5x", "2", "40%", "bis zu 100"]
13
13
  },
14
14
  "description": {
15
15
  "title": "Description",
@@ -28,6 +28,7 @@
28
28
  "title": "Icon",
29
29
  "description": "Optional icon of the stat",
30
30
  "type": "string",
31
+ "format": "icon",
31
32
  "examples": ["person", "home", "map"]
32
33
  }
33
34
  },
@@ -4,4 +4,5 @@ import { StatsProps } from "../../StatsProps-bf5ef578.js";
4
4
  declare const StatsContextDefault: import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const StatsContext: import("react").Context<import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Stats: import("react").ForwardRefExoticComponent<StatsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
7
+ export type { StatsProps };
7
8
  export { StatsContextDefault, StatsContext, Stats };
@@ -2,15 +2,20 @@ import "./stats.css";
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { forwardRef, createElement, createContext, useContext } from 'react';
4
4
  import { Stat } from '../stat/index.js';
5
+ import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
5
6
  import '@kickstartds/content/lib/count-up';
6
7
 
8
+ const defaults = {
9
+ "stat": []
10
+ };
11
+
7
12
  const StatsContextDefault = forwardRef(({ stat: stats = [], ...rest }, ref) => {
8
13
  return (jsx("div", { ...rest, ref: ref, className: "dsa-stats", children: stats.map((item, index) => (createElement(Stat, { ...item, key: index }))) }));
9
14
  });
10
15
  const StatsContext = createContext(StatsContextDefault);
11
16
  const Stats = forwardRef((props, ref) => {
12
17
  const Component = useContext(StatsContext);
13
- return jsx(Component, { ...props, ref: ref });
18
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
14
19
  });
15
20
  Stats.displayName = "Stats";
16
21
 
@@ -6,11 +6,7 @@
6
6
  --dsa-stats__icon--size: 5em;
7
7
  --dsa-stats__number--font: var(--ks-font-display-xl);
8
8
  --dsa-stats__number--font-weight: var(--ks-font-weight-semi-bold);
9
- --dsa-stats__number--backgroud: linear-gradient(
10
- 135deg,
11
- var(--ks-color-primary-base) 0%,
12
- var(--ks-color-secondary-base) 100%
13
- );
9
+ --dsa-stats__number--background: var(--dsa-typo--highlight);
14
10
  --dsa-stats__topic__font: var(--ks-font-interface-xl);
15
11
  --dsa-stats__topic--color: var(--ks-text-color-display);
16
12
  --dsa-stats__copy--font: var(--ks-font-copy-s);
@@ -22,7 +18,7 @@
22
18
  justify-content: center;
23
19
  gap: var(--dsa-stats--gap-vertical, var(--ks-spacing-stack-l)) var(--dsa-stats--gap-horizontal, var(--ks-spacing-inline-m));
24
20
  flex-wrap: wrap;
25
- align-items: center;
21
+ align-items: flex-start;
26
22
  }
27
23
  .dsa-stats .l-container--rich-text {
28
24
  width: 100%;
@@ -40,7 +36,7 @@
40
36
  margin: 0;
41
37
  }
42
38
  .dsa-stats .c-count-up__number {
43
- background: var(--dsa-stats__number--backgroud, linear-gradient(135deg, var(--ks-color-primary-base) 0%, var(--ks-color-secondary-base) 100%));
39
+ background: var(--dsa-stats__number--background, var(--dsa-typo--highlight));
44
40
  -webkit-background-clip: text;
45
41
  -webkit-text-fill-color: transparent;
46
42
  font: var(--dsa-stats__number--font, var(--ks-font-display-xl));
@@ -19,12 +19,13 @@
19
19
  "number": {
20
20
  "title": "Number",
21
21
  "description": "The number of the stat",
22
- "type": "integer",
22
+ "type": "string",
23
23
  "examples": [
24
- 1,
25
- 2,
26
- 3,
27
- 4
24
+ "1",
25
+ "5x",
26
+ "2",
27
+ "40%",
28
+ "bis zu 100"
28
29
  ]
29
30
  },
30
31
  "description": {
@@ -49,6 +50,7 @@
49
50
  "title": "Icon",
50
51
  "description": "Optional icon of the stat",
51
52
  "type": "string",
53
+ "format": "icon",
52
54
  "examples": [
53
55
  "person",
54
56
  "home",
@@ -5,4 +5,5 @@ declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponen
5
5
  declare const TeaserCardContext: import("react").Context<import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const TeaserCard: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
7
7
  declare const TeaserBoxProvider: FC<PropsWithChildren>;
8
+ export type { TeaserCardProps };
8
9
  export { TeaserCardContextDefault, TeaserCardContext, TeaserCard, TeaserBoxProvider };
@@ -4,10 +4,21 @@ import { forwardRef, createContext, useContext } from 'react';
4
4
  import classnames from 'classnames';
5
5
  import { TeaserBoxContextDefault, TeaserBoxContext } from '@kickstartds/base/lib/teaser-box';
6
6
  import { Container } from '@kickstartds/core/lib/container';
7
+ import { compiler } from 'markdown-to-jsx';
8
+ import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
9
+
10
+ const defaults = {
11
+ "layout": "stack",
12
+ "button": {
13
+ "chevron": false,
14
+ "hidden": false
15
+ },
16
+ "imageRatio": "wide"
17
+ };
7
18
 
8
19
  const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, image, imageRatio = "wide", label, layout = "stack", ...rest }, ref) => (jsx(Container, { name: "teaser-card", children: jsx(TeaserBoxContextDefault, { ...rest, className: classnames(`dsa-teaser-card`, label && `dsa-teaser-card--label`, `dsa-teaser-card--${layout}`, `dsa-teaser-card--${imageRatio}`), topic: headline, text: text,
9
20
  // @ts-expect-error
10
- renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), headline] })), link: {
21
+ renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), compiler(headline)] })), link: {
11
22
  hidden: button?.hidden,
12
23
  label: button.label,
13
24
  variant: "secondary",
@@ -17,7 +28,7 @@ const TeaserCardContextDefault = forwardRef(({ headline, text, button, target, i
17
28
  const TeaserCardContext = createContext(TeaserCardContextDefault);
18
29
  const TeaserCard = forwardRef((props, ref) => {
19
30
  const Component = useContext(TeaserCardContext);
20
- return jsx(Component, { ...props, ref: ref });
31
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
21
32
  });
22
33
  TeaserCard.displayName = "TeaserCard";
23
34
  const TeaserBoxProvider = (props) => (jsx(TeaserBoxContext.Provider, { ...props, value: TeaserCard }));
@@ -1,6 +1,53 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { TestimonialProps } from "../../TestimonialProps-94bdeac9.js";
3
+ /* eslint-disable */
4
+ /**
5
+ * This file was automatically generated by json-schema-to-typescript.
6
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
7
+ * and run json-schema-to-typescript to regenerate this file.
8
+ */
9
+ /**
10
+ * The testimonial quote
11
+ */
12
+ type Quote = string;
13
+ /**
14
+ * The style of the quote signs
15
+ */
16
+ type StyleOfTheQuoteSigns = "normal" | "large" | "none";
17
+ /**
18
+ * The name of the quote author
19
+ */
20
+ type Name = string;
21
+ /**
22
+ * The title of the quote author
23
+ */
24
+ type Title = string;
25
+ /**
26
+ * The image to display with the testimonial
27
+ */
28
+ type Source = string;
29
+ /**
30
+ * The alt text of the image file
31
+ */
32
+ type AltText = string;
33
+ /**
34
+ * The rating of the testimonial, from 1 to 5
35
+ */
36
+ type Rating = number;
37
+ /**
38
+ * Testimonial entry of Testimonials component
39
+ */
40
+ interface TestimonialProps {
41
+ quote: Quote;
42
+ quoteSigns?: StyleOfTheQuoteSigns;
43
+ name: Name;
44
+ title?: Title;
45
+ image: {
46
+ src?: Source;
47
+ alt?: AltText;
48
+ };
49
+ rating?: Rating;
50
+ }
4
51
  declare const TestimonialContextDefault: import("react").ForwardRefExoticComponent<{
5
52
  layout: string;
6
53
  index: number;
@@ -13,4 +60,5 @@ declare const Testimonial: import("react").ForwardRefExoticComponent<{
13
60
  layout: string;
14
61
  index: number;
15
62
  } & TestimonialProps & import("react").RefAttributes<HTMLDivElement>>;
63
+ export type { TestimonialProps };
16
64
  export { TestimonialContextDefault, TestimonialContext, Testimonial };
@@ -1,12 +1,21 @@
1
1
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
2
2
  import { forwardRef, createContext, useContext } from 'react';
3
3
  import { Quote } from '@kickstartds/content/lib/quote';
4
+ import classnames from 'classnames';
5
+ import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
4
6
 
5
- const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layout, index, rating, ...rest }, ref) => (jsx(Quote, { ...rest, ref: ref, className: layout === "alternating" && index % 2 === 1 ? "c-quote--reverse" : "", text: quote, source: name, byline: title, image: image && image.src, renderSource: () => (jsxs(Fragment, { children: [rating ? (jsx("div", { children: [...Array(rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : (""), jsx("div", { className: "c-quote__source", children: name })] })) })));
7
+ const defaults = {
8
+ "quoteSigns": "normal",
9
+ "image": {}
10
+ };
11
+
12
+ const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layout, index, rating, quoteSigns, ...rest }, ref) => (jsx(Quote, { ...rest, ref: ref, className: classnames(layout === "alternating" && index % 2 === 1 ? "c-quote--reverse" : "", quoteSigns === "normal" || quoteSigns === "none"
13
+ ? "c-quote--small-signs"
14
+ : ""), text: quoteSigns === "normal" ? `"${quote}"` : quote, source: name, byline: title, image: image && image.src, renderSource: () => (jsxs(Fragment, { children: [rating ? (jsx("div", { children: [...Array(rating)].map((_, index) => (jsx("span", { children: "\u2605" }, index))) })) : (""), jsx("div", { className: "c-quote__source", children: name })] })) })));
6
15
  const TestimonialContext = createContext(TestimonialContextDefault);
7
16
  const Testimonial = forwardRef((props, ref) => {
8
17
  const Component = useContext(TestimonialContext);
9
- return jsx(Component, { ...props, ref: ref });
18
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
10
19
  });
11
20
  Testimonial.displayName = "Testimonial";
12
21
 
@@ -14,6 +14,17 @@
14
14
  "This product is amazing!"
15
15
  ]
16
16
  },
17
+ "quoteSigns": {
18
+ "title": "Style of the quote signs",
19
+ "description": "The style of the quote signs",
20
+ "type": "string",
21
+ "enum": [
22
+ "normal",
23
+ "large",
24
+ "none"
25
+ ],
26
+ "default": "normal"
27
+ },
17
28
  "name": {
18
29
  "title": "Name",
19
30
  "description": "The name of the quote author",
@@ -12,6 +12,13 @@
12
12
  "format": "markdown",
13
13
  "examples": ["This product is amazing!"]
14
14
  },
15
+ "quoteSigns": {
16
+ "title": "Style of the quote signs",
17
+ "description": "The style of the quote signs",
18
+ "type": "string",
19
+ "enum": ["normal", "large", "none"],
20
+ "default": "normal"
21
+ },
15
22
  "name": {
16
23
  "title": "Name",
17
24
  "description": "The name of the quote author",
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { TestimonialsProps } from "../../TestimonialsProps-f7211553.js";
3
+ import { TestimonialsProps } from "../../TestimonialsProps-e344f597.js";
4
4
  import { SliderProps } from "../../SliderProps-93230a76.js";
5
5
  interface ConditionalSliderProps extends SliderProps {
6
6
  layout: "slider" | "list" | "alternating";
@@ -9,4 +9,5 @@ declare const ConditionalSlider: import("react").ForwardRefExoticComponent<Condi
9
9
  declare const TestimonialsContextDefault: import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
10
10
  declare const TestimonialsContext: import("react").Context<import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
11
11
  declare const Testimonials: import("react").ForwardRefExoticComponent<TestimonialsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
12
+ export type { TestimonialsProps };
12
13
  export { ConditionalSlider, TestimonialsContextDefault, TestimonialsContext, Testimonials };
@@ -3,10 +3,17 @@ import { forwardRef, createElement, createContext, useContext } from 'react';
3
3
  import { jsx } from 'react/jsx-runtime';
4
4
  import { Slider } from '../slider/index.js';
5
5
  import { Testimonial } from '../testimonial/index.js';
6
+ import { d as deepMergeDefaults } from '../../helpers-84d80d46.js';
6
7
  import 'classnames';
7
8
  import '@kickstartds/content/lib/slider';
8
9
  import '@kickstartds/content/lib/quote';
9
10
 
11
+ const defaults = {
12
+ "layout": "slider",
13
+ "quoteSigns": "normal",
14
+ "testimonial": []
15
+ };
16
+
10
17
  const ConditionalSlider = forwardRef(({ layout, children, arrows, nav, ...props }, ref) => {
11
18
  if (layout === "slider") {
12
19
  return (jsx(Slider, { className: "dsa-testimonials dsa-testimonials--slider", arrows: arrows, nav: nav, ...props, ref: ref, children: children }));
@@ -15,13 +22,13 @@ const ConditionalSlider = forwardRef(({ layout, children, arrows, nav, ...props
15
22
  return (jsx("div", { className: "dsa-testimonials dsa-testimonials--list", ...props, ref: ref, children: children }));
16
23
  }
17
24
  });
18
- const TestimonialsContextDefault = forwardRef(({ testimonial: testimonials = [], layout = "slider", ...props }, ref) => {
19
- return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, ref: ref, children: testimonials.map((testimonial, index) => (createElement(Testimonial, { ...testimonial, index: index, layout: layout, key: index }))) }));
25
+ const TestimonialsContextDefault = forwardRef(({ testimonial: testimonials = [], layout = "slider", quoteSigns = "normal", ...props }, ref) => {
26
+ return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, ref: ref, children: testimonials.map((testimonial, index) => (createElement(Testimonial, { ...testimonial, quoteSigns: quoteSigns, index: index, layout: layout, key: index }))) }));
20
27
  });
21
28
  const TestimonialsContext = createContext(TestimonialsContextDefault);
22
29
  const Testimonials = forwardRef((props, ref) => {
23
30
  const Component = useContext(TestimonialsContext);
24
- return jsx(Component, { ...props, ref: ref });
31
+ return jsx(Component, { ...deepMergeDefaults(defaults, props), ref: ref });
25
32
  });
26
33
  Testimonials.displayName = "Testimonials";
27
34