@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
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
|
|
4
|
-
"title": "Event Registration",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"label": {
|
|
8
|
-
"title": "Label",
|
|
9
|
-
"description": "Label of the event registration",
|
|
10
|
-
"type": "string",
|
|
11
|
-
"examples": ["Registration Request"]
|
|
12
|
-
},
|
|
13
|
-
"title": {
|
|
14
|
-
"title": "Title",
|
|
15
|
-
"description": "Title of the event",
|
|
16
|
-
"type": "string",
|
|
17
|
-
"examples": ["The Future of AI"]
|
|
18
|
-
},
|
|
19
|
-
"link": {
|
|
20
|
-
"type": "object",
|
|
21
|
-
"title": "Link",
|
|
22
|
-
"description": "Link to the event details",
|
|
23
|
-
"properties": {
|
|
24
|
-
"url": {
|
|
25
|
-
"type": "string",
|
|
26
|
-
"title": "URL",
|
|
27
|
-
"description": "URL to the event details",
|
|
28
|
-
"examples": ["#"],
|
|
29
|
-
"format": "uri"
|
|
30
|
-
},
|
|
31
|
-
"text": {
|
|
32
|
-
"title": "Link Text",
|
|
33
|
-
"description": "Text for the link to the event details",
|
|
34
|
-
"type": "string",
|
|
35
|
-
"examples": ["More Information on the Event"]
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"date": {
|
|
40
|
-
"title": "Date",
|
|
41
|
-
"description": "Date of the registration",
|
|
42
|
-
"type": "string",
|
|
43
|
-
"format": "date",
|
|
44
|
-
"examples": ["18.09.2025"]
|
|
45
|
-
},
|
|
46
|
-
"time": {
|
|
47
|
-
"title": "Time",
|
|
48
|
-
"description": "Time of the registration",
|
|
49
|
-
"type": "string",
|
|
50
|
-
"examples": ["09:00 – 17:00"]
|
|
51
|
-
},
|
|
52
|
-
"location": {
|
|
53
|
-
"type": "object",
|
|
54
|
-
"title": "Location",
|
|
55
|
-
"description": "Location of the event",
|
|
56
|
-
"properties": {
|
|
57
|
-
"name": {
|
|
58
|
-
"type": "string",
|
|
59
|
-
"examples": ["Berlin Congress Center"]
|
|
60
|
-
},
|
|
61
|
-
"address": {
|
|
62
|
-
"type": "string",
|
|
63
|
-
"examples": ["Alexanderplatz 1, 10178 Berlin"]
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
"nameInput": {
|
|
68
|
-
"title": "Name Input",
|
|
69
|
-
"description": "Input field for the name",
|
|
70
|
-
"type": "object",
|
|
71
|
-
"properties": {
|
|
72
|
-
"label": {
|
|
73
|
-
"type": "string",
|
|
74
|
-
"examples": ["Name*"]
|
|
75
|
-
},
|
|
76
|
-
"placeholder": {
|
|
77
|
-
"type": "string",
|
|
78
|
-
"examples": ["Enter your name"]
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
"emailInput": {
|
|
83
|
-
"title": "Email Input",
|
|
84
|
-
"description": "Input field for the email",
|
|
85
|
-
"type": "object",
|
|
86
|
-
"properties": {
|
|
87
|
-
"label": {
|
|
88
|
-
"title": "Label",
|
|
89
|
-
"description": "Label for the email input",
|
|
90
|
-
"type": "string",
|
|
91
|
-
"examples": ["Email*"]
|
|
92
|
-
},
|
|
93
|
-
"placeholder": {
|
|
94
|
-
"title": "Placeholder",
|
|
95
|
-
"description": "Placeholder text for the email input",
|
|
96
|
-
"type": "string",
|
|
97
|
-
"examples": ["Enter your email"]
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
"confirmationCheckboxLabel": {
|
|
102
|
-
"title": "Label",
|
|
103
|
-
"description": "Label for the confirmation checkbox",
|
|
104
|
-
"type": "string",
|
|
105
|
-
"examples": ["I read and agree to the terms and conditions*"]
|
|
106
|
-
},
|
|
107
|
-
"mandatoryText": {
|
|
108
|
-
"title": "Mandatory Text",
|
|
109
|
-
"description": "Text indicating that the checkbox is mandatory",
|
|
110
|
-
"type": "string",
|
|
111
|
-
"default": "_* Mandatory_"
|
|
112
|
-
},
|
|
113
|
-
"cta": {
|
|
114
|
-
"title": "Call to Action",
|
|
115
|
-
"type": "object",
|
|
116
|
-
"properties": {
|
|
117
|
-
"label": {
|
|
118
|
-
"title": "Button Label",
|
|
119
|
-
"description": "Label for the call to action button",
|
|
120
|
-
"type": "string",
|
|
121
|
-
"examples": ["Send Request"]
|
|
122
|
-
},
|
|
123
|
-
"url": {
|
|
124
|
-
"type": "string",
|
|
125
|
-
"format": "uri",
|
|
126
|
-
"default": "#"
|
|
127
|
-
},
|
|
128
|
-
"ariaLabel": {
|
|
129
|
-
"title": "Aria Label",
|
|
130
|
-
"description": "Aria label for the cta button",
|
|
131
|
-
"type": "string",
|
|
132
|
-
"default": "Event Registration"
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
},
|
|
137
|
-
"additionalProperties": false
|
|
138
|
-
}
|
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
/* eslint-disable */
|
|
3
|
-
/**
|
|
4
|
-
* This file was automatically generated by json-schema-to-typescript.
|
|
5
|
-
* DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
|
|
6
|
-
* and run json-schema-to-typescript to regenerate this file.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Label of the event registration
|
|
10
|
-
*/
|
|
11
|
-
type Label = string;
|
|
12
|
-
/**
|
|
13
|
-
* Title of the event
|
|
14
|
-
*/
|
|
15
|
-
type Title = string;
|
|
16
|
-
/**
|
|
17
|
-
* URL to the event details
|
|
18
|
-
*/
|
|
19
|
-
type URL = string;
|
|
20
|
-
/**
|
|
21
|
-
* Text for the link to the event details
|
|
22
|
-
*/
|
|
23
|
-
type LinkText = string;
|
|
24
|
-
/**
|
|
25
|
-
* Date of the registration
|
|
26
|
-
*/
|
|
27
|
-
type Date = string;
|
|
28
|
-
/**
|
|
29
|
-
* Time of the registration
|
|
30
|
-
*/
|
|
31
|
-
type Time = string;
|
|
32
|
-
/**
|
|
33
|
-
* Label for the email input
|
|
34
|
-
*/
|
|
35
|
-
type Label1 = string;
|
|
36
|
-
/**
|
|
37
|
-
* Placeholder text for the email input
|
|
38
|
-
*/
|
|
39
|
-
type Placeholder = string;
|
|
40
|
-
/**
|
|
41
|
-
* Label for the confirmation checkbox
|
|
42
|
-
*/
|
|
43
|
-
type Label2 = string;
|
|
44
|
-
/**
|
|
45
|
-
* Text indicating that the checkbox is mandatory
|
|
46
|
-
*/
|
|
47
|
-
type MandatoryText = string;
|
|
48
|
-
/**
|
|
49
|
-
* Label for the call to action button
|
|
50
|
-
*/
|
|
51
|
-
type ButtonLabel = string;
|
|
52
|
-
/**
|
|
53
|
-
* Aria label for the cta button
|
|
54
|
-
*/
|
|
55
|
-
type AriaLabel = string;
|
|
56
|
-
interface EventRegistrationProps {
|
|
57
|
-
label?: Label;
|
|
58
|
-
title?: Title;
|
|
59
|
-
link?: Link;
|
|
60
|
-
date?: Date;
|
|
61
|
-
time?: Time;
|
|
62
|
-
location?: Location;
|
|
63
|
-
nameInput?: NameInput;
|
|
64
|
-
emailInput?: EmailInput;
|
|
65
|
-
confirmationCheckboxLabel?: Label2;
|
|
66
|
-
mandatoryText?: MandatoryText;
|
|
67
|
-
cta?: CallToAction;
|
|
68
|
-
}
|
|
69
|
-
/**
|
|
70
|
-
* Link to the event details
|
|
71
|
-
*/
|
|
72
|
-
interface Link {
|
|
73
|
-
url?: URL;
|
|
74
|
-
text?: LinkText;
|
|
75
|
-
}
|
|
76
|
-
/**
|
|
77
|
-
* Location of the event
|
|
78
|
-
*/
|
|
79
|
-
interface Location {
|
|
80
|
-
name?: string;
|
|
81
|
-
address?: string;
|
|
82
|
-
}
|
|
83
|
-
/**
|
|
84
|
-
* Input field for the name
|
|
85
|
-
*/
|
|
86
|
-
interface NameInput {
|
|
87
|
-
label?: string;
|
|
88
|
-
placeholder?: string;
|
|
89
|
-
}
|
|
90
|
-
/**
|
|
91
|
-
* Input field for the email
|
|
92
|
-
*/
|
|
93
|
-
interface EmailInput {
|
|
94
|
-
label?: Label1;
|
|
95
|
-
placeholder?: Placeholder;
|
|
96
|
-
}
|
|
97
|
-
interface CallToAction {
|
|
98
|
-
label?: ButtonLabel;
|
|
99
|
-
url?: string;
|
|
100
|
-
ariaLabel?: AriaLabel;
|
|
101
|
-
}
|
|
102
|
-
declare const EventRegistrationContextDefault: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
103
|
-
declare const EventRegistrationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
104
|
-
declare const EventRegistration: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
105
|
-
export type { EventRegistrationProps };
|
|
106
|
-
export { EventRegistrationContextDefault, EventRegistrationContext, EventRegistration };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import "./event-registration.css";
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
5
|
-
import { Headline } from '../headline/index.js';
|
|
6
|
-
import { Link } from '@kickstartds/base/lib/link';
|
|
7
|
-
import Markdown from 'markdown-to-jsx';
|
|
8
|
-
import { TextField } from '@kickstartds/form/lib/text-field';
|
|
9
|
-
import { Checkbox } from '@kickstartds/form/lib/checkbox';
|
|
10
|
-
import { Button } from '../button/index.js';
|
|
11
|
-
import 'classnames';
|
|
12
|
-
import '@kickstartds/base/lib/headline';
|
|
13
|
-
import '@kickstartds/base/lib/button';
|
|
14
|
-
|
|
15
|
-
const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsxs("div", { className: "dsa-event-registration__inputs", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { type: "email", label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" })] }), jsxs("div", { className: "dsa-event-registration__footer", children: [jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })] })));
|
|
16
|
-
const EventRegistrationContext = createContext(EventRegistrationContextDefault);
|
|
17
|
-
const EventRegistration = forwardRef((props, ref) => {
|
|
18
|
-
const Component = useContext(EventRegistrationContext);
|
|
19
|
-
return jsx(Component, { ...props, ref: ref });
|
|
20
|
-
});
|
|
21
|
-
EventRegistration.displayName = "EventRegistration";
|
|
22
|
-
|
|
23
|
-
export { EventRegistration, EventRegistrationContext, EventRegistrationContextDefault };
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { define, Component } from '@kickstartds/core/lib/component';
|
|
2
|
-
|
|
3
|
-
const consentButtonSelector = ".dsa-html__consent-button";
|
|
4
|
-
const copyScriptTag = (original) => {
|
|
5
|
-
if (original.tagName === "SCRIPT") {
|
|
6
|
-
const copy = document.createElement("script");
|
|
7
|
-
for (const attr of original.attributes) {
|
|
8
|
-
copy.setAttribute(attr.name, attr.value);
|
|
9
|
-
}
|
|
10
|
-
copy.textContent = original.textContent;
|
|
11
|
-
return copy;
|
|
12
|
-
}
|
|
13
|
-
return original;
|
|
14
|
-
};
|
|
15
|
-
class Html extends Component {
|
|
16
|
-
constructor(element) {
|
|
17
|
-
super(element);
|
|
18
|
-
const consentButton = element.querySelector(consentButtonSelector);
|
|
19
|
-
const replaceHtml = () => {
|
|
20
|
-
const template = element.querySelector("template");
|
|
21
|
-
if (template) {
|
|
22
|
-
const elements = [...template.content.children].map(copyScriptTag);
|
|
23
|
-
element.replaceChildren(...elements);
|
|
24
|
-
consentButton?.removeEventListener("click", replaceHtml);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
if (consentButton) {
|
|
28
|
-
consentButton.addEventListener("click", replaceHtml);
|
|
29
|
-
this.onDisconnect(() => {
|
|
30
|
-
consentButton.removeEventListener("click", replaceHtml);
|
|
31
|
-
});
|
|
32
|
-
}
|
|
33
|
-
else {
|
|
34
|
-
replaceHtml();
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
Html.identifier = "dsa.html";
|
|
39
|
-
define(Html.identifier, Html);
|
|
40
|
-
|
|
41
|
-
export { Html as default };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
.dsa-html {
|
|
2
|
-
--dsa-html__consent--color: var(--ks-text-color-display);
|
|
3
|
-
--dsa-html__consent--font: var(--ks-font-copy-m);
|
|
4
|
-
--dsa-html__consent--font-weight: var(--ks-font-weight-regular);
|
|
5
|
-
--dsa-html__consent--background: var(--ks-color-fg-inverted-alpha-2);
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
.dsa-html__consent {
|
|
9
|
-
position: relative;
|
|
10
|
-
width: 100%;
|
|
11
|
-
height: 100%;
|
|
12
|
-
display: flex;
|
|
13
|
-
align-items: center;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
justify-content: center;
|
|
16
|
-
gap: var(--ks-spacing-stack-s);
|
|
17
|
-
background-position: center;
|
|
18
|
-
background-size: cover;
|
|
19
|
-
padding: var(--ks-spacing-inset-l);
|
|
20
|
-
}
|
|
21
|
-
.dsa-html__consent .c-rich-text {
|
|
22
|
-
color: var(--dsa-html__consent--color, var(--ks-text-color-display));
|
|
23
|
-
font: var(--dsa-html__consent--font, var(--ks-font-interface-m));
|
|
24
|
-
font-weight: var(--dsa-html__consent--font-weight, var(--ks-font-weight-regular));
|
|
25
|
-
text-align: center;
|
|
26
|
-
}
|
|
27
|
-
.dsa-html__consent:after {
|
|
28
|
-
content: "";
|
|
29
|
-
width: 100%;
|
|
30
|
-
height: 100%;
|
|
31
|
-
position: absolute;
|
|
32
|
-
top: 0;
|
|
33
|
-
background-color: var(--dsa-html__consent--background, var(--ks-color-fg-inverted-alpha-6));
|
|
34
|
-
}
|
|
35
|
-
.dsa-html__consent > * {
|
|
36
|
-
z-index: 1;
|
|
37
|
-
}
|
|
38
|
-
.dsa-html__consent .l-container {
|
|
39
|
-
container-type: normal;
|
|
40
|
-
}
|
|
41
|
-
.dsa-html__consent--sixteen-to-nine {
|
|
42
|
-
aspect-ratio: 16/9;
|
|
43
|
-
}
|
|
44
|
-
.dsa-html__consent--sixteen-to-ten {
|
|
45
|
-
aspect-ratio: 16/10;
|
|
46
|
-
}
|
|
47
|
-
.dsa-html__consent--four-to-three {
|
|
48
|
-
aspect-ratio: 4/3;
|
|
49
|
-
}
|
|
50
|
-
.dsa-html__consent--square {
|
|
51
|
-
aspect-ratio: 1;
|
|
52
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/html.schema.json",
|
|
4
|
-
"title": "Html",
|
|
5
|
-
"description": "Display raw HTML.",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"html": {
|
|
9
|
-
"title": "HTML string",
|
|
10
|
-
"type": "string",
|
|
11
|
-
"examples": [
|
|
12
|
-
"<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
|
|
13
|
-
]
|
|
14
|
-
},
|
|
15
|
-
"consent": {
|
|
16
|
-
"title": "Show HTML after consent",
|
|
17
|
-
"type": "boolean",
|
|
18
|
-
"default": false
|
|
19
|
-
},
|
|
20
|
-
"consentText": {
|
|
21
|
-
"type": "string"
|
|
22
|
-
},
|
|
23
|
-
"consentButtonLabel": {
|
|
24
|
-
"type": "string"
|
|
25
|
-
},
|
|
26
|
-
"consentBackgroundImage": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"format": "image"
|
|
29
|
-
},
|
|
30
|
-
"consentAspectRatio": {
|
|
31
|
-
"type": "string",
|
|
32
|
-
"enum": [
|
|
33
|
-
"16:9",
|
|
34
|
-
"16:10",
|
|
35
|
-
"4:3",
|
|
36
|
-
"1:1"
|
|
37
|
-
],
|
|
38
|
-
"default": "16:9"
|
|
39
|
-
},
|
|
40
|
-
"inverted": {
|
|
41
|
-
"title": "Inverted",
|
|
42
|
-
"description": "Invert the colors of the HTML",
|
|
43
|
-
"type": "boolean",
|
|
44
|
-
"default": false
|
|
45
|
-
},
|
|
46
|
-
"className": {
|
|
47
|
-
"title": "Additional Classes",
|
|
48
|
-
"description": "Add additional css classes that should be applied to the element",
|
|
49
|
-
"type": "string"
|
|
50
|
-
},
|
|
51
|
-
"component": {
|
|
52
|
-
"title": "`ks-component` attribute",
|
|
53
|
-
"description": "Optional custom component identifier",
|
|
54
|
-
"type": "string"
|
|
55
|
-
},
|
|
56
|
-
"type": {
|
|
57
|
-
"const": "html"
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
"additionalProperties": false
|
|
61
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { HTMLAttributes } from "react";
|
|
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
|
-
interface PaginationProps {
|
|
10
|
-
ariaLabels?: {
|
|
11
|
-
/**
|
|
12
|
-
* Aria label for the previous page link
|
|
13
|
-
*/
|
|
14
|
-
previousPage?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Aria label for the next page link
|
|
17
|
-
*/
|
|
18
|
-
nextPage?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Aria label for the link to skip to the first page
|
|
21
|
-
*/
|
|
22
|
-
skipToFirstPage?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Aria label for the link to skip to the last page
|
|
25
|
-
*/
|
|
26
|
-
skipToLastPage?: string;
|
|
27
|
-
/**
|
|
28
|
-
* Aria label for the link to go to a specific page (will be placed before the page number)
|
|
29
|
-
*/
|
|
30
|
-
goToPage?: string;
|
|
31
|
-
};
|
|
32
|
-
pages?: {
|
|
33
|
-
/**
|
|
34
|
-
* The URL to the page
|
|
35
|
-
*/
|
|
36
|
-
url: string;
|
|
37
|
-
/**
|
|
38
|
-
* Indicates if the page is currently active
|
|
39
|
-
*/
|
|
40
|
-
active?: boolean;
|
|
41
|
-
}[];
|
|
42
|
-
}
|
|
43
|
-
declare const PaginationContextDefault: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
44
|
-
declare const PaginationContext: import("react").Context<import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
45
|
-
declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
46
|
-
export type { PaginationProps };
|
|
47
|
-
export { PaginationContextDefault, PaginationContext, Pagination };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import "./pagination.css";
|
|
2
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
import { forwardRef, createContext, useContext } from 'react';
|
|
5
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
-
import { Link } from '@kickstartds/base/lib/link';
|
|
7
|
-
|
|
8
|
-
const PaginationContextDefault = forwardRef(({ pages, ariaLabels }, ref) => {
|
|
9
|
-
return (jsxs("div", { className: "dsa-pagination", ref: ref, children: [pages.findIndex((page) => page.active) !== 0 && (jsxs(Fragment, { children: [jsx(Link, { "aria-label": ariaLabels?.skipToFirstPage || "Skip to first page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-back", href: pages[0]?.url, children: jsx(Icon, { icon: "skip-back" }) }), jsx(Link, { "aria-label": ariaLabels?.previousPage || "Go to previous page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--prev", href: (() => {
|
|
10
|
-
const activeIndex = pages.findIndex((page) => page.active);
|
|
11
|
-
// Use the url of the next item after the active one, or "#" if at the end
|
|
12
|
-
return pages[activeIndex - 1]?.url || "#";
|
|
13
|
-
})(), children: jsx(Icon, { icon: "chevron-left" }) })] })), (() => {
|
|
14
|
-
const activeIndex = pages.findIndex((page) => page.active);
|
|
15
|
-
let lastRenderedIndex = -1;
|
|
16
|
-
const result = [];
|
|
17
|
-
pages.forEach((page, index) => {
|
|
18
|
-
const isFirst = index === 0;
|
|
19
|
-
const isLast = index === pages.length - 1;
|
|
20
|
-
const isActive = page.active;
|
|
21
|
-
const isBeforeActive = index === activeIndex - 1;
|
|
22
|
-
const isAfterActive = index === activeIndex + 1;
|
|
23
|
-
const shouldRender = isFirst || isLast || isActive || isBeforeActive || isAfterActive;
|
|
24
|
-
if (!shouldRender) {
|
|
25
|
-
if (index - lastRenderedIndex > 1 &&
|
|
26
|
-
(result.length === 0 ||
|
|
27
|
-
result[result.length - 1]?.type !== "div" ||
|
|
28
|
-
result[result.length - 1]?.props?.className !==
|
|
29
|
-
"dsa-pagination__placeholder")) {
|
|
30
|
-
result.push(jsx("div", { className: "dsa-pagination__placeholder", children: jsx("span", { children: "\u2026" }) }, `dsa-pagination__placeholder-${index}`));
|
|
31
|
-
}
|
|
32
|
-
return;
|
|
33
|
-
}
|
|
34
|
-
result.push(jsx(Link, { className: classnames("dsa-pagination__link", page.active && "dsa-pagination__link--active"), "aria-label": `${ariaLabels?.goToPage} ${index + 1}` ||
|
|
35
|
-
`Go to page ${index + 1}`, href: page.url, children: (index + 1).toString() }, index));
|
|
36
|
-
lastRenderedIndex = index;
|
|
37
|
-
});
|
|
38
|
-
return result;
|
|
39
|
-
})(), pages.findIndex((page) => page.active) !== pages.length - 1 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", "aria-label": ariaLabels?.nextPage || "Go to next page", href: (() => {
|
|
40
|
-
const activeIndex = pages.findIndex((page) => page.active);
|
|
41
|
-
// Use the url of the next item after the active one, or "#" if at the end
|
|
42
|
-
return pages[activeIndex + 1]?.url || "#";
|
|
43
|
-
})(), children: jsx(Icon, { icon: "chevron-right" }) }), jsx(Link, { "aria-label": ariaLabels?.skipToLastPage || "Skip to last page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-forward", href: pages[pages.length - 1]?.url, children: jsx(Icon, { icon: "skip-forward" }) })] }))] }));
|
|
44
|
-
});
|
|
45
|
-
const PaginationContext = createContext(PaginationContextDefault);
|
|
46
|
-
const Pagination = forwardRef((props, ref) => {
|
|
47
|
-
const Component = useContext(PaginationContext);
|
|
48
|
-
return jsx(Component, { ...props, ref: ref });
|
|
49
|
-
});
|
|
50
|
-
Pagination.displayName = "Pagination";
|
|
51
|
-
|
|
52
|
-
export { Pagination, PaginationContext, PaginationContextDefault };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
.dsa-pagination {
|
|
2
|
-
--dsa-pagination--gap: var(--ks-spacing-stack-xs);
|
|
3
|
-
--dsa-pagination--background: transparent;
|
|
4
|
-
--dsa-pagination--background_hover: var(--ks-color-fg-alpha-8);
|
|
5
|
-
--dsa-pagination--color: var(--ks-text-color-interface-interactive);
|
|
6
|
-
--dsa-pagination--color_hover: var(--ks-text-color-interface-interactive);
|
|
7
|
-
--dsa-pagination--border-radius: var(--ks-border-radius-control);
|
|
8
|
-
--dsa-pagination--border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
|
|
9
|
-
--dsa-pagination--width: 3.75em;
|
|
10
|
-
--dsa-pagination--font: var(--ks-font-interface-s);
|
|
11
|
-
--dsa-pagination--padding: 0.5em;
|
|
12
|
-
--dsa-pagination__icon--size: 1.25em;
|
|
13
|
-
--dsa-pagination--background_active: var(--ks-background-color-primary-interactive);
|
|
14
|
-
--dsa-pagination--background_active_hover: var(--ks-background-color-primary-interactive-hover);
|
|
15
|
-
--dsa-pagination--color_active: var(--dsa-text-color-on-primary);
|
|
16
|
-
--dsa-pagination--color_active_hover: var(--dsa-text-color-on-primary);
|
|
17
|
-
}
|
|
18
|
-
@media (min-width: 768px) {
|
|
19
|
-
.dsa-pagination {
|
|
20
|
-
--dsa-pagination--border: none;
|
|
21
|
-
--dsa-pagination--width: 3em;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.dsa-pagination {
|
|
26
|
-
display: flex;
|
|
27
|
-
gap: var(--dsa-pagination--gap, var(--ks-spacing-stack-xs));
|
|
28
|
-
flex-wrap: wrap;
|
|
29
|
-
justify-content: center;
|
|
30
|
-
}
|
|
31
|
-
.dsa-pagination__link, .dsa-pagination__placeholder {
|
|
32
|
-
--g-link--background: var(--dsa-pagination--background, transparent);
|
|
33
|
-
--g-link--background-hover: var(--dsa-pagination--background_hover, var(--ks-color-fg-alpha-8));
|
|
34
|
-
--g-link--color: var(--dsa-pagination--color, var(--ks-text-color-interface-interactive));
|
|
35
|
-
--g-link--color-hover: var(--dsa-pagination--color_hover, var(--ks-text-color-interface-interactive));
|
|
36
|
-
--g-link--border-radius: var(--dsa-pagination--border-radius, var(--ks-border-radius-control));
|
|
37
|
-
border: var(--dsa-pagination--border, var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive));
|
|
38
|
-
border-radius: var(--dsa-pagination--border-radius, var(--ks-border-radius-control));
|
|
39
|
-
width: var(--dsa-pagination--width, 4em);
|
|
40
|
-
font: var(--dsa-pagination--font, var(--ks-font-interface-s));
|
|
41
|
-
line-height: 1;
|
|
42
|
-
display: flex;
|
|
43
|
-
align-items: center;
|
|
44
|
-
justify-content: center;
|
|
45
|
-
padding: var(--dsa-pagination--padding, 0.5em);
|
|
46
|
-
aspect-ratio: 1;
|
|
47
|
-
}
|
|
48
|
-
.dsa-pagination__link--icon .icon, .dsa-pagination__placeholder--icon .icon {
|
|
49
|
-
width: var(--dsa-pagination__icon--size, 1.25em);
|
|
50
|
-
height: var(--dsa-pagination__icon--size, 1.25em);
|
|
51
|
-
}
|
|
52
|
-
.dsa-pagination__link--active, .dsa-pagination__placeholder--active {
|
|
53
|
-
--g-link--background: var(--dsa-pagination--background_active, var(--ks-background-color-primary-interactive));
|
|
54
|
-
--g-link--background-hover: var(
|
|
55
|
-
--dsa-pagination--background_active,
|
|
56
|
-
var(--ks-background-color-primary-interactive-hover)
|
|
57
|
-
);
|
|
58
|
-
--g-link--color: var(--dsa-pagination--color_active, var(--dsa-text-color-on-primary));
|
|
59
|
-
--g-link--color-hover: var(--dsa-pagination--color_active_hover, var(--dsa-text-color-on-primary));
|
|
60
|
-
}
|
|
61
|
-
.dsa-pagination__placeholder {
|
|
62
|
-
line-height: 0.25;
|
|
63
|
-
}
|
|
64
|
-
.dsa-pagination__placeholder span {
|
|
65
|
-
transform: translateY(-0.15em);
|
|
66
|
-
}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/pagination.schema.json",
|
|
4
|
-
"title": "Pagination",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"ariaLabels": {
|
|
8
|
-
"type": "object",
|
|
9
|
-
"properties": {
|
|
10
|
-
"previousPage": {
|
|
11
|
-
"type": "string",
|
|
12
|
-
"description": "Aria label for the previous page link",
|
|
13
|
-
"default": "Go to previous page"
|
|
14
|
-
},
|
|
15
|
-
"nextPage": {
|
|
16
|
-
"type": "string",
|
|
17
|
-
"description": "Aria label for the next page link",
|
|
18
|
-
"default": "Go to next page"
|
|
19
|
-
},
|
|
20
|
-
"skipToFirstPage": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"description": "Aria label for the link to skip to the first page",
|
|
23
|
-
"default": "Skip to first page"
|
|
24
|
-
},
|
|
25
|
-
"skipToLastPage": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"description": "Aria label for the link to skip to the last page",
|
|
28
|
-
"default": "Skip to last page"
|
|
29
|
-
},
|
|
30
|
-
"goToPage": {
|
|
31
|
-
"type": "string",
|
|
32
|
-
"description": "Aria label for the link to go to a specific page (will be placed before the page number)",
|
|
33
|
-
"default": "Go to page"
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
"additionalProperties": false
|
|
37
|
-
},
|
|
38
|
-
"pages": {
|
|
39
|
-
"type": "array",
|
|
40
|
-
"items": {
|
|
41
|
-
"type": "object",
|
|
42
|
-
"properties": {
|
|
43
|
-
"url": {
|
|
44
|
-
"type": "string",
|
|
45
|
-
"description": "The URL to the page"
|
|
46
|
-
},
|
|
47
|
-
"active": {
|
|
48
|
-
"type": "boolean",
|
|
49
|
-
"description": "Indicates if the page is currently active",
|
|
50
|
-
"default": false
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
"required": [
|
|
54
|
-
"url"
|
|
55
|
-
],
|
|
56
|
-
"additionalProperties": false
|
|
57
|
-
}
|
|
58
|
-
},
|
|
59
|
-
"type": {
|
|
60
|
-
"const": "pagination"
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
"additionalProperties": false
|
|
64
|
-
}
|