@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.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/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
- package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
- package/dist/{BlogHeadProps-c04a5ed8.d.ts → BlogHeadProps-3f6e4072.d.ts} +1 -6
- package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
- package/dist/BlogPostProps-6b3cff22.d.ts +4 -4
- package/dist/BlogTeaserProps-f5855e93.d.ts +4 -9
- package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-03ff6d21.d.ts} +4 -4
- package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-93230a76.d.ts} +11 -21
- package/dist/FeatureProps-f8a75850.d.ts +52 -0
- package/dist/FeaturesProps-b05859d6.d.ts +34 -0
- package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
- package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
- package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-cf82a16d.d.ts} +5 -10
- package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
- package/dist/MosaicProps-d52c7151.d.ts +4 -4
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-21d04028.d.ts → SectionProps-83d399b4.d.ts} +11 -23
- package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-93230a76.d.ts} +5 -5
- package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
- package/dist/{TestimonialsProps-e344f597.d.ts → TestimonialProps-94bdeac9.d.ts} +2 -22
- package/dist/TestimonialsProps-f7211553.d.ts +22 -0
- package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
- package/dist/components/blog-aside/blog-aside.css +4 -4
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +9 -19
- package/dist/components/blog-aside/blog-aside.schema.json +4 -5
- package/dist/components/blog-aside/index.d.ts +1 -2
- package/dist/components/blog-aside/index.js +3 -3
- package/dist/components/blog-author/blog-author.schema.dereffed.json +5 -14
- package/dist/components/blog-author/index.d.ts +1 -2
- package/dist/components/blog-head/blog-head.css +3 -3
- package/dist/components/blog-head/blog-head.schema.dereffed.json +0 -8
- package/dist/components/blog-head/blog-head.schema.json +0 -6
- package/dist/components/blog-head/index.d.ts +1 -2
- package/dist/components/blog-head/index.js +2 -2
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +192 -363
- package/dist/components/blog-overview/index.d.ts +0 -1
- package/dist/components/blog-post/blog-post.schema.dereffed.json +183 -348
- package/dist/components/blog-post/index.d.ts +0 -1
- package/dist/components/blog-post/index.js +2 -4
- package/dist/components/blog-teaser/blog-teaser.css +7 -9
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +6 -14
- package/dist/components/blog-teaser/blog-teaser.schema.json +5 -11
- package/dist/components/blog-teaser/index.d.ts +3 -4
- package/dist/components/blog-teaser/index.js +10 -8
- package/dist/components/button/button.css +2 -2
- package/dist/components/button/button.schema.dereffed.json +3 -4
- package/dist/components/button/button.schema.json +3 -4
- package/dist/components/button/index.d.ts +1 -2
- package/dist/components/button/index.js +1 -1
- package/dist/components/button-group/button-group.schema.dereffed.json +3 -4
- package/dist/components/button-group/index.d.ts +1 -2
- package/dist/components/contact/contact.css +16 -12
- package/dist/components/contact/contact.schema.dereffed.json +6 -15
- package/dist/components/contact/contact.schema.json +6 -13
- package/dist/components/contact/index.d.ts +1 -7
- package/dist/components/contact/index.js +1 -1
- package/dist/components/cta/cta.css +72 -49
- package/dist/components/cta/cta.schema.dereffed.json +11 -29
- package/dist/components/cta/cta.schema.json +10 -23
- package/dist/components/cta/index.d.ts +1 -2
- package/dist/components/cta/index.js +25 -25
- package/dist/components/divider/divider.css +1 -1
- package/dist/components/divider/index.d.ts +26 -2
- package/dist/components/faq/index.d.ts +0 -1
- package/dist/components/feature/feature.schema.dereffed.json +3 -14
- package/dist/components/feature/feature.schema.json +3 -12
- package/dist/components/feature/index.d.ts +1 -58
- package/dist/components/feature/index.js +2 -2
- package/dist/components/features/features.css +6 -19
- package/dist/components/features/features.schema.dereffed.json +40 -13
- package/dist/components/features/features.schema.json +1 -27
- package/dist/components/features/index.d.ts +1 -2
- package/dist/components/features/index.js +2 -11
- package/dist/components/footer/footer.css +5 -5
- package/dist/components/footer/footer.schema.dereffed.json +12 -12
- package/dist/components/footer/index.d.ts +1 -2
- package/dist/components/footer/index.js +1 -1
- package/dist/components/gallery/gallery.css +18 -0
- package/dist/components/gallery/gallery.schema.dereffed.json +1 -2
- package/dist/components/gallery/gallery.schema.json +1 -2
- package/dist/components/gallery/index.d.ts +0 -1
- package/dist/components/gallery/index.js +1 -1
- package/dist/components/header/header.css +11 -53
- package/dist/components/header/header.schema.dereffed.json +12 -12
- package/dist/components/header/index.d.ts +4 -5
- package/dist/components/header/index.js +5 -5
- package/dist/components/headline/headline.css +41 -49
- package/dist/components/headline/headline.schema.dereffed.json +0 -5
- package/dist/components/headline/headline.schema.json +0 -5
- package/dist/components/headline/index.d.ts +0 -6
- package/dist/components/headline/index.js +1 -1
- package/dist/components/hero/hero.css +22 -91
- package/dist/components/hero/hero.schema.dereffed.json +4 -12
- package/dist/components/hero/hero.schema.json +3 -9
- package/dist/components/hero/index.d.ts +1 -2
- package/dist/components/hero/index.js +37 -39
- package/dist/components/html/html.schema.json +3 -31
- package/dist/components/html/index.d.ts +26 -5
- package/dist/components/html/index.js +3 -17
- package/dist/components/image/image.css +18 -0
- package/dist/components/image/image.schema.dereffed.json +105 -0
- package/dist/components/image/image.schema.json +95 -0
- package/dist/components/image/index.d.ts +87 -0
- package/dist/components/image/index.js +11 -0
- package/dist/components/image-story/image-story.css +7 -10
- package/dist/components/image-story/image-story.schema.dereffed.json +3 -4
- package/dist/components/image-story/image-story.schema.json +1 -5
- package/dist/components/image-story/index.d.ts +0 -1
- package/dist/components/image-story/index.js +1 -0
- package/dist/components/image-text/image-text.css +4 -4
- package/dist/components/image-text/index.d.ts +0 -1
- package/dist/components/index/index.d.ts +3 -9
- package/dist/components/logo/index.d.ts +0 -1
- package/dist/components/logos/index.d.ts +0 -1
- package/dist/components/logos/index.js +1 -1
- package/dist/components/logos/logos.css +4 -4
- package/dist/components/logos/logos.schema.dereffed.json +6 -6
- package/dist/components/logos/logos.schema.json +6 -6
- package/dist/components/mosaic/index.d.ts +0 -1
- package/dist/components/mosaic/index.js +1 -1
- package/dist/components/mosaic/mosaic.css +7 -8
- package/dist/components/mosaic/mosaic.schema.dereffed.json +3 -4
- package/dist/components/nav-dropdown/index.d.ts +1 -2
- package/dist/components/nav-dropdown/index.js +2 -2
- package/dist/components/nav-dropdown/nav-dropdown.css +4 -13
- package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +1 -1
- package/dist/components/nav-flyout/index.d.ts +2 -3
- package/dist/components/nav-flyout/index.js +8 -6
- package/dist/components/nav-flyout/nav-flyout.css +15 -29
- package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -12
- package/dist/components/nav-main/index.d.ts +5 -6
- package/dist/components/nav-main/index.js +2 -0
- package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -15
- package/dist/components/nav-main/nav-main.schema.json +14 -14
- package/dist/components/nav-toggle/index.js +1 -1
- package/dist/components/nav-topbar/index.d.ts +2 -3
- package/dist/components/nav-topbar/index.js +2 -2
- package/dist/components/nav-topbar/nav-topbar.css +3 -16
- package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -12
- package/dist/components/page/index.d.ts +0 -1
- package/dist/components/page/page.schema.dereffed.json +163 -292
- package/dist/components/page-wrapper/index.js +368 -135
- package/dist/components/page-wrapper/tokens.css +692 -439
- package/dist/components/picture/picture.schema.json +88 -0
- package/dist/components/presets.json +560 -1883
- package/dist/components/providers/index.js +1 -1
- package/dist/components/section/index.d.ts +1 -2
- package/dist/components/section/index.js +16 -10
- package/dist/components/section/js/Section.client.js +1 -1
- package/dist/components/section/section.css +93 -88
- package/dist/components/section/section.schema.dereffed.json +163 -292
- package/dist/components/section/section.schema.json +10 -21
- package/dist/components/settings/settings.schema.dereffed.json +24 -29
- package/dist/components/settings/settings.schema.json +0 -5
- package/dist/components/slider/index.d.ts +1 -2
- package/dist/components/slider/slider.css +9 -19
- package/dist/components/slider/slider.schema.dereffed.json +71 -78
- package/dist/components/split/index.d.ts +13 -0
- package/dist/components/split/index.js +17 -0
- package/dist/components/split/split.css +53 -0
- package/dist/components/split/split.schema.dereffed.json +29 -0
- package/dist/components/split/split.schema.json +19 -0
- package/dist/components/stat/index.d.ts +0 -1
- package/dist/components/stat/stat.schema.dereffed.json +0 -1
- package/dist/components/stat/stat.schema.json +0 -1
- package/dist/components/stats/index.d.ts +0 -1
- package/dist/components/stats/stats.css +7 -3
- package/dist/components/stats/stats.schema.dereffed.json +0 -1
- package/dist/components/teaser-card/index.d.ts +1 -2
- package/dist/components/teaser-card/index.js +9 -10
- package/dist/components/teaser-card/teaser-card.css +48 -68
- package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -4
- package/dist/components/teaser-card/teaser-card.schema.json +4 -4
- package/dist/components/testimonial/index.d.ts +1 -49
- package/dist/components/testimonial/index.js +1 -4
- package/dist/components/testimonial/testimonial.schema.dereffed.json +0 -11
- package/dist/components/testimonial/testimonial.schema.json +0 -7
- package/dist/components/testimonials/index.d.ts +2 -3
- package/dist/components/testimonials/index.js +2 -2
- package/dist/components/testimonials/testimonials.css +28 -60
- package/dist/components/testimonials/testimonials.schema.dereffed.json +5 -11
- package/dist/components/testimonials/testimonials.schema.json +1 -30
- package/dist/components/text/index.d.ts +0 -1
- package/dist/components/text/text.css +2 -2
- package/dist/components/tile/tile.schema.dereffed.json +3 -4
- package/dist/components/tile/tile.schema.json +4 -10
- package/dist/components/video-curtain/index.d.ts +1 -2
- package/dist/components/video-curtain/index.js +4 -12
- package/dist/components/video-curtain/video-curtain.css +33 -57
- package/dist/components/video-curtain/video-curtain.schema.dereffed.json +4 -7
- package/dist/components/video-curtain/video-curtain.schema.json +3 -3
- package/dist/global.css +86 -340
- package/dist/static/img/logos/logoipsum-212.svg +12 -0
- package/dist/static/img/logos/logoipsum-217.svg +4 -0
- package/dist/static/img/logos/logoipsum-239.svg +16 -0
- package/dist/static/img/logos/logoipsum-244.svg +19 -0
- package/dist/static/img/logos/logoipsum-250.svg +21 -0
- package/dist/static/img/logos/logoipsum-286.svg +20 -0
- package/dist/static/img/people/author-alex.png +0 -0
- package/dist/static/img/people/author-emily.png +0 -0
- package/dist/static/img/people/author-john.png +0 -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/components-contact--wide-image.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--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/layout-footer--footer.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-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/static/logo-inverted.svg +25 -12
- package/dist/static/logo.svg +25 -12
- package/dist/tokens/IconSprite.js +367 -134
- package/dist/tokens/icon-sprite.html +37 -72
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +692 -439
- package/dist/tokens/tokens.js +755 -651
- package/package.json +16 -11
- package/dist/DividerProps-2ef31901.d.ts +0 -26
- package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
- package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
- package/dist/EventFilterProps-b190eb86.d.ts +0 -73
- package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
- package/dist/EventListTeaserProps-5cc94436.d.ts +0 -89
- package/dist/EventLocationProps-871bc198.d.ts +0 -41
- package/dist/FeaturesProps-a9041d97.d.ts +0 -67
- package/dist/HtmlProps-9d091769.d.ts +0 -34
- package/dist/SearchFilterProps-2fa6419b.d.ts +0 -29
- package/dist/SearchResultProps-224c2338.d.ts +0 -33
- package/dist/components/breadcrumb/breadcrumb.css +0 -32
- package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json +0 -34
- package/dist/components/breadcrumb/breadcrumb.schema.json +0 -27
- package/dist/components/breadcrumb/index.d.ts +0 -28
- package/dist/components/breadcrumb/index.js +0 -17
- package/dist/components/content-nav/content-nav.css +0 -112
- package/dist/components/content-nav/content-nav.schema.dereffed.json +0 -61
- package/dist/components/content-nav/content-nav.schema.json +0 -52
- package/dist/components/content-nav/index.d.ts +0 -42
- package/dist/components/content-nav/index.js +0 -14
- package/dist/components/downloads/downloads.css +0 -153
- package/dist/components/downloads/downloads.schema.dereffed.json +0 -55
- package/dist/components/downloads/downloads.schema.json +0 -44
- package/dist/components/downloads/index.d.ts +0 -41
- package/dist/components/downloads/index.js +0 -18
- package/dist/components/event-appointment/event-appointment.css +0 -61
- package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -56
- package/dist/components/event-appointment/event-appointment.schema.json +0 -47
- package/dist/components/event-appointment/index.d.ts +0 -7
- package/dist/components/event-appointment/index.js +0 -14
- package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -287
- package/dist/components/event-detail/event-detail.schema.json +0 -74
- package/dist/components/event-detail/index.d.ts +0 -5
- package/dist/components/event-detail/index.js +0 -36
- package/dist/components/event-filter/event-filter.css +0 -31
- package/dist/components/event-filter/event-filter.schema.dereffed.json +0 -118
- package/dist/components/event-filter/event-filter.schema.json +0 -107
- package/dist/components/event-filter/index.d.ts +0 -7
- package/dist/components/event-filter/index.js +0 -34
- package/dist/components/event-header/event-header.css +0 -6
- package/dist/components/event-header/event-header.schema.dereffed.json +0 -38
- package/dist/components/event-header/event-header.schema.json +0 -34
- package/dist/components/event-header/index.d.ts +0 -35
- package/dist/components/event-header/index.js +0 -20
- package/dist/components/event-latest/event-latest.css +0 -5
- package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -142
- package/dist/components/event-latest/event-latest.schema.json +0 -46
- package/dist/components/event-latest/index.d.ts +0 -30
- package/dist/components/event-latest/index.js +0 -19
- package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -131
- package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -97
- package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
- package/dist/components/event-latest-teaser/index.d.ts +0 -8
- package/dist/components/event-latest-teaser/index.js +0 -18
- package/dist/components/event-list/event-list.schema.dereffed.json +0 -284
- package/dist/components/event-list/event-list.schema.json +0 -18
- package/dist/components/event-list/index.d.ts +0 -19
- package/dist/components/event-list/index.js +0 -73
- package/dist/components/event-list-teaser/event-list-teaser.css +0 -141
- package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +0 -151
- package/dist/components/event-list-teaser/event-list-teaser.schema.json +0 -116
- package/dist/components/event-list-teaser/index.d.ts +0 -8
- package/dist/components/event-list-teaser/index.js +0 -21
- package/dist/components/event-location/event-location.css +0 -71
- package/dist/components/event-location/event-location.schema.dereffed.json +0 -126
- package/dist/components/event-location/event-location.schema.json +0 -61
- package/dist/components/event-location/index.d.ts +0 -7
- package/dist/components/event-location/index.js +0 -18
- package/dist/components/event-login/event-login.css +0 -31
- package/dist/components/event-login/event-login.schema.dereffed.json +0 -125
- package/dist/components/event-login/event-login.schema.json +0 -98
- package/dist/components/event-login/index.d.ts +0 -78
- package/dist/components/event-login/index.js +0 -21
- package/dist/components/event-registration/event-registration.css +0 -91
- package/dist/components/event-registration/event-registration.schema.dereffed.json +0 -174
- package/dist/components/event-registration/event-registration.schema.json +0 -138
- package/dist/components/event-registration/index.d.ts +0 -106
- package/dist/components/event-registration/index.js +0 -23
- package/dist/components/html/Html.client.d.ts +0 -5
- package/dist/components/html/Html.client.js +0 -41
- package/dist/components/html/html.css +0 -52
- package/dist/components/html/html.schema.dereffed.json +0 -61
- package/dist/components/pagination/index.d.ts +0 -47
- package/dist/components/pagination/index.js +0 -52
- package/dist/components/pagination/pagination.css +0 -66
- package/dist/components/pagination/pagination.schema.dereffed.json +0 -64
- package/dist/components/pagination/pagination.schema.json +0 -57
- package/dist/components/search/index.d.ts +0 -19
- package/dist/components/search/index.js +0 -39
- package/dist/components/search/search.schema.dereffed.json +0 -134
- package/dist/components/search/search.schema.json +0 -18
- package/dist/components/search-bar/index.d.ts +0 -35
- package/dist/components/search-bar/index.js +0 -17
- package/dist/components/search-bar/search-bar.css +0 -33
- package/dist/components/search-bar/search-bar.schema.dereffed.json +0 -48
- package/dist/components/search-bar/search-bar.schema.json +0 -35
- package/dist/components/search-filter/index.d.ts +0 -7
- package/dist/components/search-filter/index.js +0 -15
- package/dist/components/search-filter/search-filter.css +0 -20
- package/dist/components/search-filter/search-filter.schema.dereffed.json +0 -69
- package/dist/components/search-filter/search-filter.schema.json +0 -46
- package/dist/components/search-result/index.d.ts +0 -7
- package/dist/components/search-result/index.js +0 -15
- package/dist/components/search-result/search-result.css +0 -26
- package/dist/components/search-result/search-result.schema.dereffed.json +0 -50
- package/dist/components/search-result/search-result.schema.json +0 -41
- package/dist/components/split-even/index.d.ts +0 -74
- package/dist/components/split-even/index.js +0 -7
- package/dist/components/split-even/split-even.css +0 -100
- package/dist/components/split-even/split-even.schema.dereffed.json +0 -5899
- package/dist/components/split-even/split-even.schema.json +0 -170
- package/dist/components/split-weighted/index.d.ts +0 -104
- package/dist/components/split-weighted/index.js +0 -13
- package/dist/components/split-weighted/split-weighted.css +0 -133
- package/dist/components/split-weighted/split-weighted.schema.dereffed.json +0 -5959
- package/dist/components/split-weighted/split-weighted.schema.json +0 -212
- package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
- package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
- package/dist/static/img/about/angled-image.png +0 -0
- package/dist/static/img/about/cta.png +0 -0
- package/dist/static/img/about/cutout.png +0 -0
- package/dist/static/img/about/disclaimer.png +0 -0
- package/dist/static/img/about/purpose.png +0 -0
- package/dist/static/img/about/spoiler.png +0 -0
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
- package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
- package/dist/static/img/logos/logoipsum-344.svg +0 -174
- package/dist/static/img/logos/logoipsum-347.svg +0 -52
- package/dist/static/img/logos/logoipsum-352.svg +0 -22
- package/dist/static/img/logos/logoipsum-356.svg +0 -20
- package/dist/static/img/logos/logoipsum-358.svg +0 -29
- package/dist/static/img/logos/logoipsum-369.svg +0 -20
- package/dist/static/img/logos/logoipsum-373.svg +0 -17
- package/dist/static/img/people/contact-person.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/logo-dark.svg +0 -13
- package/dist/static/logo-dsa-inverted.svg +0 -26
- package/dist/static/logo-dsa.svg +0 -26
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.l-split {
|
|
2
|
+
--dsa-split--gap-vertical: var(--ks-spacing-stack-l);
|
|
3
|
+
--dsa-split--gap-horizontal: var(--ks-spacing-inline-l);
|
|
4
|
+
--dsa-split__side--top-offset: var(--ks-spacing-stack-l);
|
|
5
|
+
--dsa-split__side--top-margin: var(--ks-spacing-stack-l);
|
|
6
|
+
--dsa-split__side--flex-basis: 210px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.l-split {
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-wrap: wrap;
|
|
12
|
+
gap: var(--dsa-split--gap-horizontal) var(--dsa-split--gap-horizontal);
|
|
13
|
+
}
|
|
14
|
+
.l-split--narrow {
|
|
15
|
+
--split__main--flex-basis: var(--l-section--content-width-narrow);
|
|
16
|
+
}
|
|
17
|
+
.l-split--medium {
|
|
18
|
+
--split__main--flex-basis: var(--l-section--content-width-default);
|
|
19
|
+
}
|
|
20
|
+
.l-split--wide {
|
|
21
|
+
--split__main--flex-basis: var(--l-section--content-width-wide);
|
|
22
|
+
}
|
|
23
|
+
@media (min-width: 48em) {
|
|
24
|
+
.l-split {
|
|
25
|
+
justify-content: space-between;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
.l-split > * {
|
|
29
|
+
flex-grow: 1;
|
|
30
|
+
flex-shrink: 1;
|
|
31
|
+
}
|
|
32
|
+
.l-split--sidebar-right > :first-child {
|
|
33
|
+
flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
|
|
34
|
+
}
|
|
35
|
+
.l-split--sidebar-right > :last-child {
|
|
36
|
+
flex-basis: var(--dsa-split__side--flex-basis, 210px);
|
|
37
|
+
position: -webkit-sticky;
|
|
38
|
+
position: sticky;
|
|
39
|
+
top: var(--dsa-split__side--top-offset, var(--ks-spacing-stack-l));
|
|
40
|
+
height: fit-content;
|
|
41
|
+
margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
|
|
42
|
+
}
|
|
43
|
+
.l-split--sidebar-left > :last-child {
|
|
44
|
+
flex-basis: calc(var(--split__main--flex-basis) - var(--dsa-content--spacing) * 2);
|
|
45
|
+
}
|
|
46
|
+
.l-split--sidebar-left > :first-child {
|
|
47
|
+
flex-basis: var(--dsa-split__side--flex-basis, 210px);
|
|
48
|
+
position: -webkit-sticky;
|
|
49
|
+
position: sticky;
|
|
50
|
+
top: var(--dsa-split__side--top-margin, var(--ks-spacing-stack-l));
|
|
51
|
+
height: fit-content;
|
|
52
|
+
margin-top: var(--dsa-split__side-top-margin, var(--ks-spacing-stack-l));
|
|
53
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/split.schema.json",
|
|
4
|
+
"title": "Split",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"layout": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"enum": [
|
|
10
|
+
"sidebarRight",
|
|
11
|
+
"sidebarLeft"
|
|
12
|
+
],
|
|
13
|
+
"default": "sidebarRight"
|
|
14
|
+
},
|
|
15
|
+
"mainSectionWidth": {
|
|
16
|
+
"type": "string",
|
|
17
|
+
"enum": [
|
|
18
|
+
"narrow",
|
|
19
|
+
"medium",
|
|
20
|
+
"wide"
|
|
21
|
+
],
|
|
22
|
+
"default": "medium"
|
|
23
|
+
},
|
|
24
|
+
"type": {
|
|
25
|
+
"const": "split"
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
"additionalProperties": false
|
|
29
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
+
"$id": "http://schema.mydesignsystem.com/split.schema.json",
|
|
4
|
+
"title": "Split",
|
|
5
|
+
"type": "object",
|
|
6
|
+
"properties": {
|
|
7
|
+
"layout": {
|
|
8
|
+
"type": "string",
|
|
9
|
+
"enum": ["sidebarRight", "sidebarLeft"],
|
|
10
|
+
"default": "sidebarRight"
|
|
11
|
+
},
|
|
12
|
+
"mainSectionWidth": {
|
|
13
|
+
"type": "string",
|
|
14
|
+
"enum": ["narrow", "medium", "wide"],
|
|
15
|
+
"default": "medium"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"additionalProperties": false
|
|
19
|
+
}
|
|
@@ -4,5 +4,4 @@ import { StatProps } from "../../StatProps-12a3eae0.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 };
|
|
8
7
|
export { StatContextDefault, StatContext, Stat };
|
|
@@ -4,5 +4,4 @@ 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 };
|
|
8
7
|
export { StatsContextDefault, StatsContext, Stats };
|
|
@@ -6,7 +6,11 @@
|
|
|
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--
|
|
9
|
+
--dsa-stats__number--backgroud: linear-gradient(
|
|
10
|
+
135deg,
|
|
11
|
+
var(--ks-color-primary-base) 0%,
|
|
12
|
+
var(--ks-color-secondary-base) 100%
|
|
13
|
+
);
|
|
10
14
|
--dsa-stats__topic__font: var(--ks-font-interface-xl);
|
|
11
15
|
--dsa-stats__topic--color: var(--ks-text-color-display);
|
|
12
16
|
--dsa-stats__copy--font: var(--ks-font-copy-s);
|
|
@@ -18,7 +22,7 @@
|
|
|
18
22
|
justify-content: center;
|
|
19
23
|
gap: var(--dsa-stats--gap-vertical, var(--ks-spacing-stack-l)) var(--dsa-stats--gap-horizontal, var(--ks-spacing-inline-m));
|
|
20
24
|
flex-wrap: wrap;
|
|
21
|
-
align-items:
|
|
25
|
+
align-items: center;
|
|
22
26
|
}
|
|
23
27
|
.dsa-stats .l-container--rich-text {
|
|
24
28
|
width: 100%;
|
|
@@ -36,7 +40,7 @@
|
|
|
36
40
|
margin: 0;
|
|
37
41
|
}
|
|
38
42
|
.dsa-stats .c-count-up__number {
|
|
39
|
-
background: var(--dsa-stats__number--
|
|
43
|
+
background: var(--dsa-stats__number--backgroud, linear-gradient(135deg, var(--ks-color-primary-base) 0%, var(--ks-color-secondary-base) 100%));
|
|
40
44
|
-webkit-background-clip: text;
|
|
41
45
|
-webkit-text-fill-color: transparent;
|
|
42
46
|
font: var(--dsa-stats__number--font, var(--ks-font-display-xl));
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes, FC, PropsWithChildren } from "react";
|
|
3
|
-
import { TeaserCardProps } from "../../TeaserCardProps-
|
|
3
|
+
import { TeaserCardProps } from "../../TeaserCardProps-b9c28e78.js";
|
|
4
4
|
declare const TeaserCardContextDefault: import("react").ForwardRefExoticComponent<TeaserCardProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
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 };
|
|
9
8
|
export { TeaserCardContextDefault, TeaserCardContext, TeaserCard, TeaserBoxProvider };
|
|
@@ -4,17 +4,16 @@ 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
7
|
|
|
9
|
-
const TeaserCardContextDefault = forwardRef(({ headline, text, button,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
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
|
+
// @ts-expect-error
|
|
10
|
+
renderTopic: () => (jsxs(Fragment, { children: [label ? (jsx("span", { className: "dsa-teaser-card__label", children: label })) : (""), headline] })), link: {
|
|
11
|
+
hidden: button?.hidden,
|
|
12
|
+
label: button.label,
|
|
13
|
+
variant: "secondary",
|
|
14
|
+
target: target,
|
|
15
|
+
icon: button?.chevron ? "chevron-right" : undefined,
|
|
16
|
+
}, image: image, ref: ref }) })));
|
|
18
17
|
const TeaserCardContext = createContext(TeaserCardContextDefault);
|
|
19
18
|
const TeaserCard = forwardRef((props, ref) => {
|
|
20
19
|
const Component = useContext(TeaserCardContext);
|
|
@@ -8,53 +8,39 @@
|
|
|
8
8
|
--dsa-teaser-card--border-width: var(--ks-border-width-default);
|
|
9
9
|
--dsa-teaser-card--border-color: var(--ks-border-color-card-interactive);
|
|
10
10
|
--dsa-teaser-card--border-color_hover: var(--ks-border-color-card-interactive-hover);
|
|
11
|
-
--dsa-teaser-card--border-radius: var(--ks-border-radius-card)
|
|
12
|
-
|
|
13
|
-
--dsa-teaser-card--
|
|
14
|
-
--dsa-teaser-
|
|
15
|
-
--dsa-teaser__topic--color: var(--dsa-topic--color);
|
|
16
|
-
--dsa-teaser-card__label--font: var(--ks-font-interface-s);
|
|
11
|
+
--dsa-teaser-card--border-radius: var(--ks-border-radius-card);
|
|
12
|
+
--dsa-teaser-card--shadow: var(--ks-box-shadow-card);
|
|
13
|
+
--dsa-teaser-card--shadow_hover: var(--ks-box-shadow-card-hover);
|
|
14
|
+
--dsa-teaser-card__label--font: var(--ks-font-interface-m);
|
|
17
15
|
--dsa-teaser-card__label--font-weight: var(--ks-font-weight-semi-bold);
|
|
18
|
-
--dsa-teaser-card__label--color: var(--
|
|
19
|
-
--dsa-teaser-card__label--background-color: var(--ks-background-color-
|
|
16
|
+
--dsa-teaser-card__label--color: var(--dsa-text-color-on-primary);
|
|
17
|
+
--dsa-teaser-card__label--background-color: var(--ks-background-color-primary);
|
|
20
18
|
--dsa-teaser-card__label--padding: 0.5em 1em;
|
|
21
19
|
--dsa-teaser-card__label--border-radius: var(--ks-border-radius-pill);
|
|
22
|
-
--dsa-teaser-card__label--border:
|
|
23
|
-
--dsa-teaser-
|
|
24
|
-
--dsa-teaser-card--padding: var(--ks-spacing-inset-m);
|
|
25
|
-
--dsa-teaser-card__topic--font: var(--ks-font-display-m);
|
|
20
|
+
--dsa-teaser-card__label--border: 0;
|
|
21
|
+
--dsa-teaser-card__topic--font: var(--ks-font-display-l);
|
|
26
22
|
--dsa-teaser-card__topic--font-weight: var(--dsa-topic--font-weight);
|
|
27
|
-
--dsa-teaser-card__copy--font: var(--
|
|
23
|
+
--dsa-teaser-card__copy--font: var(--dsa-rich-text--font);
|
|
28
24
|
--dsa-teaser-card__copy--color: var(--ks-text-color-default);
|
|
29
|
-
--dsa-teaser-
|
|
30
|
-
}
|
|
31
|
-
@container teaser-card (min-width: 400px) {
|
|
32
|
-
.dsa-teaser-card {
|
|
33
|
-
--dsa-teaser-card--padding: var(--ks-spacing-inset-l);
|
|
34
|
-
--dsa-teaser-card__topic--font: var(--ks-font-display-l);
|
|
35
|
-
--dsa-teaser-card__copy--font: var(--ks-font-copy-m);
|
|
36
|
-
--dsa-teaser-card__button--font: var(--ks-font-interface-m);
|
|
37
|
-
}
|
|
25
|
+
--dsa-teaser-card--padding: var(--ks-spacing-inset-l);
|
|
38
26
|
}
|
|
39
27
|
@media (min-width: 48em) {
|
|
40
28
|
.dsa-teaser-card {
|
|
41
29
|
--dsa-teaser-card__topic--font: var(--ks-font-display-s);
|
|
42
30
|
--dsa-teaser-card__copy--font: var(--ks-font-copy-s);
|
|
43
|
-
--dsa-teaser-card--padding: var(--ks-spacing-inset-
|
|
44
|
-
--dsa-teaser-card__button--font: var(--ks-font-interface-s);
|
|
31
|
+
--dsa-teaser-card--padding: var(--ks-spacing-inset-s);
|
|
45
32
|
}
|
|
46
|
-
@container teaser-card (min-width:
|
|
33
|
+
@container teaser-card (min-width: 300px) {
|
|
47
34
|
.dsa-teaser-card {
|
|
48
35
|
--dsa-teaser-card__copy--font: var(--ks-font-copy-m);
|
|
49
36
|
--dsa-teaser-card__topic--font: var(--ks-font-display-m);
|
|
50
|
-
--dsa-teaser-card__button--font: var(--ks-font-interface-m);
|
|
51
37
|
}
|
|
52
38
|
}
|
|
53
39
|
@container teaser-card (min-width: 820px) {
|
|
54
40
|
.dsa-teaser-card {
|
|
55
|
-
--dsa-teaser-card--padding: var(--ks-spacing-inset-l);
|
|
56
41
|
--dsa-teaser-card__topic--font: var(--ks-font-display-l);
|
|
57
42
|
--dsa-teaser-card__copy--font: var(--ks-font-copy-l);
|
|
43
|
+
--dsa-teaser-card--padding: var(--ks-spacing-inset-l);
|
|
58
44
|
}
|
|
59
45
|
}
|
|
60
46
|
}
|
|
@@ -68,13 +54,7 @@
|
|
|
68
54
|
display: flex;
|
|
69
55
|
}
|
|
70
56
|
|
|
71
|
-
.dsa-teaser-card {
|
|
72
|
-
display: flex;
|
|
73
|
-
width: 100%;
|
|
74
|
-
height: 100%;
|
|
75
|
-
position: relative;
|
|
76
|
-
}
|
|
77
|
-
.dsa-teaser-card .c-teaser {
|
|
57
|
+
.c-teaser.dsa-teaser-card {
|
|
78
58
|
--c-teaser--padding: var(--dsa-teaser-card--padding, var(--ks-spacing-inset-l));
|
|
79
59
|
--c-teaser--background: var(--dsa-teaser-card--background, var(--ks-background-color-card-interactive));
|
|
80
60
|
--c-teaser--color: var(--dsa-teaser-card__copy--color, var(--ks-text-color-default));
|
|
@@ -83,68 +63,68 @@
|
|
|
83
63
|
--c-teaser--border-radius: var(--dsa-teaser-card--border-radius, var(--ks-border-radius-card));
|
|
84
64
|
--c-teaser--shadow-hover: var(--dsa-teaser-card--shadow_hover, var(--ks-box-shadow-card-hover));
|
|
85
65
|
position: relative;
|
|
66
|
+
overflow: visible;
|
|
86
67
|
transition-property: border-color, background-color, box-shadow;
|
|
87
68
|
box-shadow: var(--dsa-teaser-card--shadow, var(--ks-box-shadow-card));
|
|
88
69
|
}
|
|
89
|
-
.dsa-teaser-card .c-
|
|
70
|
+
.c-teaser.dsa-teaser-card > :first-child:not(.c-teaser__body) {
|
|
71
|
+
overflow: hidden;
|
|
72
|
+
border-radius: var(--dsa-teaser-card--border-radius) var(--dsa-teaser-card--border-radius) 0 0;
|
|
73
|
+
}
|
|
74
|
+
.c-teaser.dsa-teaser-card:hover {
|
|
90
75
|
--c-teaser--border: var(--dsa-teaser-card--border-color_hover, var(--ks-background-color-card-interactive))
|
|
91
76
|
var(--dsa-teaser-card--border-width) solid;
|
|
92
77
|
}
|
|
93
|
-
.dsa-teaser-card
|
|
78
|
+
.c-teaser.dsa-teaser-card img {
|
|
94
79
|
object-fit: cover;
|
|
95
80
|
}
|
|
96
|
-
.dsa-teaser-card--wide img {
|
|
81
|
+
.c-teaser.dsa-teaser-card--wide img {
|
|
97
82
|
aspect-ratio: 4/3;
|
|
98
83
|
}
|
|
99
|
-
.dsa-teaser-card--landscape img {
|
|
84
|
+
.c-teaser.dsa-teaser-card--landscape img {
|
|
100
85
|
aspect-ratio: 16/9;
|
|
101
86
|
}
|
|
102
|
-
.dsa-teaser-card--square img {
|
|
87
|
+
.c-teaser.dsa-teaser-card--square img {
|
|
103
88
|
aspect-ratio: 1/1;
|
|
104
89
|
}
|
|
105
|
-
.dsa-teaser-card .c-rich-text {
|
|
106
|
-
font: var(--dsa-teaser-card__copy--font, var(--ks-font-copy-m));
|
|
90
|
+
.c-teaser.dsa-teaser-card .c-rich-text {
|
|
91
|
+
font: var(--dsa-teaser-card__copy--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
|
|
107
92
|
}
|
|
108
|
-
.dsa-teaser-card .c-teaser__topic {
|
|
109
|
-
color: var(--dsa-teaser__topic--color, var(--dsa-topic--color));
|
|
93
|
+
.c-teaser.dsa-teaser-card .c-teaser__topic {
|
|
110
94
|
font: var(--dsa-teaser-card__topic--font, var(--dsa-topic--font));
|
|
111
95
|
font-weight: var(--dsa-teaser-card__topic--font-weight, var(--dsa-topic--font-weight));
|
|
112
96
|
}
|
|
113
|
-
.dsa-teaser-card .dsa-teaser-card__label {
|
|
114
|
-
position: absolute;
|
|
115
|
-
z-index: 1;
|
|
116
|
-
top: 0;
|
|
117
|
-
right: 0;
|
|
118
|
-
border-radius: var(--dsa-teaser-card__label--border-radius);
|
|
119
|
-
border: var(--dsa-teaser-card__label--border, 0);
|
|
120
|
-
pointer-events: initial;
|
|
121
|
-
padding: var(--dsa-teaser-card__label--padding);
|
|
122
|
-
transform: translate(0.5em, -50%);
|
|
123
|
-
font: var(--dsa-teaser-card__label--font);
|
|
124
|
-
text-align: center;
|
|
125
|
-
font-weight: var(--dsa-teaser-card__label--font-weight);
|
|
126
|
-
color: var(--dsa-teaser-card__label--color);
|
|
127
|
-
background-color: var(--dsa-teaser-card__label--background-color);
|
|
128
|
-
}
|
|
129
|
-
.dsa-teaser-card .c-teaser__link .dsa-button {
|
|
130
|
-
font: var(--dsa-teaser-card__button--font, var(--dsa-button_medium--font));
|
|
131
|
-
padding: var(--dsa-teaser-card__button--padding, var(--dsa-button--padding));
|
|
132
|
-
}
|
|
133
97
|
@container teaser-card (min-width: 640px) {
|
|
134
|
-
.dsa-teaser-card--unset img {
|
|
98
|
+
.c-teaser.dsa-teaser-card--unset img {
|
|
135
99
|
height: 100%;
|
|
136
100
|
}
|
|
137
|
-
.dsa-teaser-card--row
|
|
101
|
+
.c-teaser.dsa-teaser-card--row {
|
|
138
102
|
flex-direction: row;
|
|
139
103
|
}
|
|
140
|
-
.dsa-teaser-card--row .c-
|
|
104
|
+
.c-teaser.dsa-teaser-card--row .c-teaser__body {
|
|
141
105
|
justify-content: center;
|
|
142
106
|
flex-basis: 50%;
|
|
143
107
|
}
|
|
144
|
-
.dsa-teaser-card--row .c-
|
|
108
|
+
.c-teaser.dsa-teaser-card--row .c-teaser__body .c-teaser__text {
|
|
145
109
|
flex: 0;
|
|
146
110
|
}
|
|
147
|
-
.dsa-teaser-card--row
|
|
111
|
+
.c-teaser.dsa-teaser-card--row > :first-child:not(.c-teaser__body) {
|
|
148
112
|
flex: 50%;
|
|
113
|
+
border-radius: var(--dsa-teaser-card--border-radius) 0 0 var(--dsa-teaser-card--border-radius);
|
|
149
114
|
}
|
|
115
|
+
}
|
|
116
|
+
.c-teaser.dsa-teaser-card--label .dsa-teaser-card__label {
|
|
117
|
+
border-radius: var(--dsa-teaser-card__label--border-radius);
|
|
118
|
+
border: var(--dsa-teaser-card__label--border, 0);
|
|
119
|
+
pointer-events: initial;
|
|
120
|
+
padding: var(--dsa-teaser-card__label--padding);
|
|
121
|
+
transform: translate(0.5em, -50%);
|
|
122
|
+
font: var(--dsa-teaser-card__label--font);
|
|
123
|
+
text-align: center;
|
|
124
|
+
font-weight: var(--dsa-teaser-card__label--font-weight);
|
|
125
|
+
color: var(--dsa-teaser-card__label--color);
|
|
126
|
+
position: absolute;
|
|
127
|
+
background-color: var(--dsa-teaser-card__label--background-color);
|
|
128
|
+
top: 0;
|
|
129
|
+
right: 0;
|
|
150
130
|
}
|
|
@@ -31,10 +31,10 @@
|
|
|
31
31
|
"description": "Layout for the Teaser Card",
|
|
32
32
|
"default": "stack"
|
|
33
33
|
},
|
|
34
|
-
"
|
|
34
|
+
"target": {
|
|
35
35
|
"type": "string",
|
|
36
|
-
"title": "
|
|
37
|
-
"description": "
|
|
36
|
+
"title": "Target",
|
|
37
|
+
"description": "Target that should be linked",
|
|
38
38
|
"format": "uri"
|
|
39
39
|
},
|
|
40
40
|
"button": {
|
|
@@ -87,6 +87,6 @@
|
|
|
87
87
|
"additionalProperties": false,
|
|
88
88
|
"required": [
|
|
89
89
|
"topic",
|
|
90
|
-
"
|
|
90
|
+
"target"
|
|
91
91
|
]
|
|
92
92
|
}
|
|
@@ -28,10 +28,10 @@
|
|
|
28
28
|
"description": "Layout for the Teaser Card",
|
|
29
29
|
"default": "stack"
|
|
30
30
|
},
|
|
31
|
-
"
|
|
31
|
+
"target": {
|
|
32
32
|
"type": "string",
|
|
33
|
-
"title": "
|
|
34
|
-
"description": "
|
|
33
|
+
"title": "Target",
|
|
34
|
+
"description": "Target that should be linked",
|
|
35
35
|
"format": "uri"
|
|
36
36
|
},
|
|
37
37
|
"button": {
|
|
@@ -71,5 +71,5 @@
|
|
|
71
71
|
}
|
|
72
72
|
},
|
|
73
73
|
"additionalProperties": false,
|
|
74
|
-
"required": ["topic", "
|
|
74
|
+
"required": ["topic", "target"]
|
|
75
75
|
}
|
|
@@ -1,53 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
|
|
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
|
-
}
|
|
3
|
+
import { TestimonialProps } from "../../TestimonialProps-94bdeac9.js";
|
|
51
4
|
declare const TestimonialContextDefault: import("react").ForwardRefExoticComponent<{
|
|
52
5
|
layout: string;
|
|
53
6
|
index: number;
|
|
@@ -60,5 +13,4 @@ declare const Testimonial: import("react").ForwardRefExoticComponent<{
|
|
|
60
13
|
layout: string;
|
|
61
14
|
index: number;
|
|
62
15
|
} & TestimonialProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
63
|
-
export type { TestimonialProps };
|
|
64
16
|
export { TestimonialContextDefault, TestimonialContext, Testimonial };
|
|
@@ -1,11 +1,8 @@
|
|
|
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
4
|
|
|
6
|
-
const TestimonialContextDefault = forwardRef(({ image, quote, name, title, layout, index, rating,
|
|
7
|
-
? "c-quote--small-signs"
|
|
8
|
-
: ""), 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 })] })) })));
|
|
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 })] })) })));
|
|
9
6
|
const TestimonialContext = createContext(TestimonialContextDefault);
|
|
10
7
|
const Testimonial = forwardRef((props, ref) => {
|
|
11
8
|
const Component = useContext(TestimonialContext);
|
|
@@ -14,17 +14,6 @@
|
|
|
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
|
-
},
|
|
28
17
|
"name": {
|
|
29
18
|
"title": "Name",
|
|
30
19
|
"description": "The name of the quote author",
|
|
@@ -12,13 +12,6 @@
|
|
|
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
|
-
},
|
|
22
15
|
"name": {
|
|
23
16
|
"title": "Name",
|
|
24
17
|
"description": "The name of the quote author",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HTMLAttributes } from "react";
|
|
3
|
-
import { TestimonialsProps } from "../../TestimonialsProps-
|
|
4
|
-
import { SliderProps } from "../../SliderProps-
|
|
3
|
+
import { TestimonialsProps } from "../../TestimonialsProps-f7211553.js";
|
|
4
|
+
import { SliderProps } from "../../SliderProps-93230a76.js";
|
|
5
5
|
interface ConditionalSliderProps extends SliderProps {
|
|
6
6
|
layout: "slider" | "list" | "alternating";
|
|
7
7
|
}
|
|
@@ -9,5 +9,4 @@ 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 };
|
|
13
12
|
export { ConditionalSlider, TestimonialsContextDefault, TestimonialsContext, Testimonials };
|
|
@@ -15,8 +15,8 @@ const ConditionalSlider = forwardRef(({ layout, children, arrows, nav, ...props
|
|
|
15
15
|
return (jsx("div", { className: "dsa-testimonials dsa-testimonials--list", ...props, ref: ref, children: children }));
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
const TestimonialsContextDefault = forwardRef(({ testimonial: testimonials = [], layout = "slider",
|
|
19
|
-
return (jsx(ConditionalSlider, { layout: layout, arrows: true, nav: true, ...props, ref: ref, children: testimonials.map((testimonial, index) => (createElement(Testimonial, { ...testimonial,
|
|
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 }))) }));
|
|
20
20
|
});
|
|
21
21
|
const TestimonialsContext = createContext(TestimonialsContextDefault);
|
|
22
22
|
const Testimonials = forwardRef((props, ref) => {
|