@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.
- package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +2 -2
- package/dist/BlogTeaserProps-f5855e93.d.ts +9 -4
- package/dist/DividerProps-2ef31901.d.ts +26 -0
- package/dist/FeaturesProps-e58616a5.d.ts +62 -0
- package/dist/{HeroProps-cf82a16d.d.ts → HeroProps-f704d270.d.ts} +1 -1
- package/dist/HtmlProps-9d091769.d.ts +34 -0
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-83d399b4.d.ts → SectionProps-1cfcf6e8.d.ts} +12 -5
- package/dist/SliderProps-93230a76.d.ts +4 -4
- package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
- package/dist/StatsProps-bf5ef578.d.ts +1 -1
- package/dist/{TestimonialProps-94bdeac9.d.ts → TestimonialsProps-e344f597.d.ts} +22 -2
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +3 -1
- package/dist/components/blog-aside/blog-aside.schema.json +1 -0
- package/dist/components/blog-aside/index.d.ts +1 -0
- package/dist/components/blog-aside/index.js +6 -1
- package/dist/components/blog-author/blog-author.schema.dereffed.json +2 -1
- package/dist/components/blog-author/index.d.ts +1 -0
- package/dist/components/blog-author/index.js +10 -1
- package/dist/components/blog-head/blog-head.css +3 -3
- package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
- package/dist/components/blog-head/blog-head.schema.json +6 -0
- package/dist/components/blog-head/index.d.ts +2 -1
- package/dist/components/blog-head/index.js +8 -3
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +212 -136
- package/dist/components/blog-overview/index.d.ts +1 -0
- package/dist/components/blog-overview/index.js +1 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +181 -119
- package/dist/components/blog-post/index.d.ts +1 -0
- package/dist/components/blog-post/index.js +1 -0
- package/dist/components/blog-teaser/blog-teaser.css +7 -5
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +14 -6
- package/dist/components/blog-teaser/blog-teaser.schema.json +11 -5
- package/dist/components/blog-teaser/index.d.ts +4 -3
- package/dist/components/blog-teaser/index.js +14 -5
- package/dist/components/button/button.schema.dereffed.json +1 -0
- package/dist/components/button/button.schema.json +1 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/button-group/button-group.schema.dereffed.json +1 -0
- package/dist/components/button-group/index.d.ts +1 -0
- package/dist/components/contact/contact.css +2 -0
- package/dist/components/contact/contact.schema.dereffed.json +2 -1
- package/dist/components/contact/contact.schema.json +2 -1
- package/dist/components/contact/index.d.ts +1 -0
- package/dist/components/contact/index.js +10 -1
- package/dist/components/cta/cta.css +3 -3
- package/dist/components/cta/cta.schema.dereffed.json +1 -0
- package/dist/components/cta/index.d.ts +1 -0
- package/dist/components/cta/index.js +20 -2
- package/dist/components/divider/divider.css +1 -1
- package/dist/components/divider/index.d.ts +2 -26
- package/dist/components/divider/index.js +6 -1
- package/dist/components/faq/index.d.ts +1 -0
- package/dist/components/faq/index.js +6 -1
- package/dist/components/feature/feature.schema.dereffed.json +1 -0
- package/dist/components/feature/feature.schema.json +1 -0
- package/dist/components/feature/index.d.ts +53 -1
- package/dist/components/feature/index.js +14 -2
- package/dist/components/features/features.css +43 -10
- package/dist/components/features/features.schema.dereffed.json +3 -40
- package/dist/components/features/features.schema.json +24 -1
- package/dist/components/features/index.d.ts +2 -1
- package/dist/components/features/index.js +23 -3
- package/dist/components/footer/footer.css +4 -4
- package/dist/components/footer/index.d.ts +1 -0
- package/dist/components/footer/index.js +11 -1
- package/dist/components/gallery/gallery.css +0 -18
- package/dist/components/gallery/index.d.ts +1 -0
- package/dist/components/gallery/index.js +8 -1
- package/dist/components/header/header.css +2 -3
- package/dist/components/header/index.d.ts +4 -3
- package/dist/components/header/index.js +14 -2
- package/dist/components/headline/headline.css +18 -2
- package/dist/components/headline/headline.schema.dereffed.json +5 -0
- package/dist/components/headline/headline.schema.json +5 -0
- package/dist/components/headline/index.d.ts +6 -0
- package/dist/components/headline/index.js +1 -1
- package/dist/components/hero/hero.css +38 -5
- package/dist/components/hero/hero.schema.dereffed.json +4 -2
- package/dist/components/hero/hero.schema.json +2 -2
- package/dist/components/hero/index.d.ts +2 -1
- package/dist/components/hero/index.js +19 -3
- package/dist/components/html/Html.client.d.ts +5 -0
- package/dist/components/html/Html.client.js +41 -0
- package/dist/components/html/html.css +52 -0
- package/dist/components/html/html.schema.dereffed.json +61 -0
- package/dist/components/html/html.schema.json +31 -3
- package/dist/components/html/index.d.ts +5 -26
- package/dist/components/html/index.js +25 -4
- package/dist/components/image-story/image-story.css +1 -1
- package/dist/components/image-story/image-story.schema.dereffed.json +1 -0
- package/dist/components/image-story/image-story.schema.json +5 -1
- package/dist/components/image-story/index.d.ts +1 -0
- package/dist/components/image-story/index.js +14 -2
- package/dist/components/image-text/index.d.ts +1 -0
- package/dist/components/image-text/index.js +7 -1
- package/dist/components/index/index.d.ts +6 -1
- package/dist/components/logo/index.d.ts +1 -0
- package/dist/components/logo/index.js +6 -1
- package/dist/components/logos/index.d.ts +1 -0
- package/dist/components/logos/index.js +12 -1
- package/dist/components/logos/logos.css +2 -2
- package/dist/components/mosaic/index.d.ts +1 -0
- package/dist/components/mosaic/index.js +8 -1
- package/dist/components/mosaic/mosaic.css +3 -0
- package/dist/components/mosaic/mosaic.schema.dereffed.json +1 -0
- package/dist/components/nav-dropdown/index.d.ts +1 -0
- package/dist/components/nav-flyout/index.d.ts +1 -0
- package/dist/components/nav-flyout/index.js +7 -1
- package/dist/components/nav-main/index.d.ts +1 -0
- package/dist/components/nav-main/index.js +11 -1
- package/dist/components/nav-topbar/index.d.ts +1 -0
- package/dist/components/nav-topbar/index.js +7 -1
- package/dist/components/page/index.d.ts +1 -0
- package/dist/components/page/page.schema.dereffed.json +169 -118
- package/dist/components/page-wrapper/index.js +107 -389
- package/dist/components/page-wrapper/tokens.css +55 -4
- package/dist/components/presets.json +182 -237
- package/dist/components/providers/index.js +2 -1
- package/dist/components/section/index.d.ts +2 -1
- package/dist/components/section/index.js +27 -3
- package/dist/components/section/js/Section.client.js +1 -1
- package/dist/components/section/section.css +50 -35
- package/dist/components/section/section.schema.dereffed.json +169 -118
- package/dist/components/section/section.schema.json +13 -2
- package/dist/components/settings/settings.schema.dereffed.json +5 -0
- package/dist/components/settings/settings.schema.json +5 -0
- package/dist/components/slider/index.d.ts +1 -0
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/slider.css +5 -0
- package/dist/components/slider/slider.schema.dereffed.json +37 -63
- package/dist/components/slider/slider.schema.json +1 -1
- package/dist/components/split/index.d.ts +1 -0
- package/dist/components/split/split.css +3 -3
- package/dist/components/stat/index.d.ts +2 -1
- package/dist/components/stat/index.js +16 -4
- package/dist/components/stat/stat.schema.dereffed.json +7 -5
- package/dist/components/stat/stat.schema.json +3 -2
- package/dist/components/stats/index.d.ts +1 -0
- package/dist/components/stats/index.js +6 -1
- package/dist/components/stats/stats.css +3 -7
- package/dist/components/stats/stats.schema.dereffed.json +7 -5
- package/dist/components/teaser-card/index.d.ts +1 -0
- package/dist/components/teaser-card/index.js +13 -2
- package/dist/components/testimonial/index.d.ts +49 -1
- package/dist/components/testimonial/index.js +11 -2
- package/dist/components/testimonial/testimonial.schema.dereffed.json +11 -0
- package/dist/components/testimonial/testimonial.schema.json +7 -0
- package/dist/components/testimonials/index.d.ts +2 -1
- package/dist/components/testimonials/index.js +10 -3
- package/dist/components/testimonials/testimonials.css +56 -28
- package/dist/components/testimonials/testimonials.schema.dereffed.json +11 -5
- package/dist/components/testimonials/testimonials.schema.json +30 -1
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/text/index.js +8 -1
- package/dist/components/tile/tile.schema.dereffed.json +1 -0
- package/dist/components/tile/tile.schema.json +8 -2
- package/dist/components/video-curtain/index.d.ts +1 -0
- package/dist/components/video-curtain/index.js +11 -1
- package/dist/components/video-curtain/video-curtain.css +4 -3
- package/dist/components/video-curtain/video-curtain.schema.dereffed.json +2 -1
- package/dist/components/video-curtain/video-curtain.schema.json +1 -1
- package/dist/global.css +66 -42
- package/dist/helpers-84d80d46.d.ts +5 -0
- package/dist/helpers-84d80d46.js +33 -0
- package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
- package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
- package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
- package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
- package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
- package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
- package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
- package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
- package/dist/static/img/screenshots/components-features--list-view.png +0 -0
- package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
- package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
- package/dist/static/img/screenshots/components-html--html.png +0 -0
- package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
- package/dist/static/img/screenshots/components-html--with-script.png +0 -0
- package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
- package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
- package/dist/static/img/screenshots/form-select-field--default.png +0 -0
- package/dist/static/img/screenshots/form-text-area--default.png +0 -0
- package/dist/static/img/screenshots/form-text-field--default.png +0 -0
- package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
- package/dist/static/img/screenshots/layout-divider--default.png +0 -0
- package/dist/static/img/screenshots/layout-header--header.png +0 -0
- package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
- package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--cards.png +0 -0
- package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
- package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
- package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--slider.png +0 -0
- package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
- package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
- package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
- package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
- package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
- package/dist/tokens/IconSprite.js +105 -388
- package/dist/tokens/icon-sprite.html +54 -37
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +55 -4
- package/dist/tokens/tokens.js +49 -52
- package/package.json +13 -17
- package/dist/FeatureProps-f8a75850.d.ts +0 -52
- package/dist/FeaturesProps-b05859d6.d.ts +0 -34
- package/dist/TestimonialsProps-f7211553.d.ts +0 -22
- package/dist/components/image/image.css +0 -18
- package/dist/components/image/image.schema.dereffed.json +0 -105
- package/dist/components/image/image.schema.json +0 -95
- package/dist/components/image/index.d.ts +0 -87
- package/dist/components/image/index.js +0 -11
- package/dist/components/picture/picture.schema.json +0 -88
- package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
- package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
- package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
|
@@ -42,8 +42,15 @@
|
|
|
42
42
|
true
|
|
43
43
|
]
|
|
44
44
|
},
|
|
45
|
-
"
|
|
46
|
-
"
|
|
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": "
|
|
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": "
|
|
828
|
+
"type": "string",
|
|
856
829
|
"examples": [
|
|
857
|
-
1,
|
|
858
|
-
|
|
859
|
-
|
|
860
|
-
|
|
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
|
-
"
|
|
1174
|
-
"
|
|
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
|
|
@@ -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(--
|
|
15
|
+
--split__main--flex-basis: var(--dsa-content--width_narrow);
|
|
16
16
|
}
|
|
17
17
|
.l-split--medium {
|
|
18
|
-
--split__main--flex-basis: var(--
|
|
18
|
+
--split__main--flex-basis: var(--dsa-content--width_default);
|
|
19
19
|
}
|
|
20
20
|
.l-split--wide {
|
|
21
|
-
--split__main--flex-basis: var(--
|
|
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-
|
|
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
|
|
6
|
-
|
|
7
|
-
|
|
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": "
|
|
11
|
+
"type": "string",
|
|
12
12
|
"examples": [
|
|
13
|
-
1,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
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": "
|
|
12
|
-
"examples": [1, 2,
|
|
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--
|
|
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:
|
|
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--
|
|
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": "
|
|
22
|
+
"type": "string",
|
|
23
23
|
"examples": [
|
|
24
|
-
1,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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
|
-
|
|
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
|
|
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-
|
|
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
|
|