@kickstartds/ds-agency-premium 1.6.71--canary.45.1846.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,42 +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
|
-
interface ContentNavProps {
|
|
9
|
-
image?: {
|
|
10
|
-
/**
|
|
11
|
-
* URL of the image to display in the content nav.
|
|
12
|
-
*/
|
|
13
|
-
src: string;
|
|
14
|
-
/**
|
|
15
|
-
* Alternative text for the image.
|
|
16
|
-
*/
|
|
17
|
-
alt?: string;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* The topic of the content being navigated.
|
|
21
|
-
*/
|
|
22
|
-
topic?: string;
|
|
23
|
-
links?: {
|
|
24
|
-
/**
|
|
25
|
-
* The text label for the link.
|
|
26
|
-
*/
|
|
27
|
-
label: string;
|
|
28
|
-
/**
|
|
29
|
-
* The URL the link points to.
|
|
30
|
-
*/
|
|
31
|
-
url: string;
|
|
32
|
-
}[];
|
|
33
|
-
/**
|
|
34
|
-
* Determines how many links are initially shown in the content nav. If there are more links, a 'Show More' button will be displayed.
|
|
35
|
-
*/
|
|
36
|
-
initiallyShown?: number;
|
|
37
|
-
}
|
|
38
|
-
declare const ContentNavContextDefault: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
39
|
-
declare const ContentNavContext: import("react").Context<import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>>;
|
|
40
|
-
declare const ContentNav: import("react").ForwardRefExoticComponent<ContentNavProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
41
|
-
export type { ContentNavProps };
|
|
42
|
-
export { ContentNavContextDefault, ContentNavContext, ContentNav };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import "./content-nav.css";
|
|
2
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
5
|
-
|
|
6
|
-
const ContentNavContextDefault = forwardRef(({ image, links, topic, initiallyShown }, ref) => (jsxs("div", { className: "dsa-content-nav", ref: ref, children: [image && (jsx("div", { className: "dsa-content-nav__image", children: jsx("img", { src: image.src, alt: image.alt }) })), topic && (jsx("div", { className: "dsa-content-nav__topic", children: jsx("span", { children: topic }) })), links && links.length > 0 && (jsxs(Fragment, { children: [jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--initial", children: links.slice(0, initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }), links.length > initiallyShown && (jsxs("details", { className: "dsa-content-nav__more", children: [jsxs("summary", { className: "dsa-content-nav__toggle-more", children: [jsx("span", { className: "dsa-content-nav__toggle-label--more", children: "Show more" }), jsx("span", { className: "dsa-content-nav__toggle-label--less", children: "Show less" }), jsx(Icon, { "aria-hidden": true, icon: "chevron-down" })] }), jsx("div", { className: "dsa-content-nav__more-content", children: jsx("div", { className: "dsa-content-nav__links dsa-content-nav__links--more", children: links.slice(initiallyShown).map((link, index) => (jsx("a", { href: link.url, className: "dsa-content-nav__link", children: link.label }, index))) }) })] }))] }))] })));
|
|
7
|
-
const ContentNavContext = createContext(ContentNavContextDefault);
|
|
8
|
-
const ContentNav = forwardRef((props, ref) => {
|
|
9
|
-
const Component = useContext(ContentNavContext);
|
|
10
|
-
return jsx(Component, { ...props, ref: ref });
|
|
11
|
-
});
|
|
12
|
-
ContentNav.displayName = "ContentNav";
|
|
13
|
-
|
|
14
|
-
export { ContentNav, ContentNavContext, ContentNavContextDefault };
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
.dsa-downloads {
|
|
2
|
-
--dsa-downloads--gap: var(--ks-spacing-stack-xs);
|
|
3
|
-
--dsa-downloads-item--transition: var(--ks-transition-hover);
|
|
4
|
-
--dsa-downloads-item__gap: var(--ks-spacing-inline-s);
|
|
5
|
-
--dsa-downloads-item--background-color_hover: var(--ks-background-color-accent);
|
|
6
|
-
--dsa-downloads-item--padding: var(--ks-spacing-inset-xs);
|
|
7
|
-
--dsa-downloads-item--border-radius: var(--ks-border-radius-control);
|
|
8
|
-
--dsa-downloads-item__header-flex-basis: 120px;
|
|
9
|
-
--dsa-downloads-item__name--color: var(--ks-text-color-display);
|
|
10
|
-
--dsa-downloads-item__name--font: var(--ks-font-interface-s);
|
|
11
|
-
--dsa-downloads-item__name--font-weight: var(--ks-font-weight-semi-bold);
|
|
12
|
-
--dsa-downloads-item__description--font: var(--ks-font-interface-s);
|
|
13
|
-
--dsa-downloads-item__description--color: var(--ks-text-color-interface);
|
|
14
|
-
--dsa-downloads-item__infos--gap: var(--ks-spacing-xxs);
|
|
15
|
-
--dsa-downloads-item__infos--font: var(--ks-font-interface-s);
|
|
16
|
-
--dsa-downloads-item__infos--color: var(--ks-text-color-interface);
|
|
17
|
-
--dsa-downloads-item__infos--border: 1px solid var(--ks-border-color-default);
|
|
18
|
-
--dsa-downloads-item__placeholder-icon--color: var(--ks-color-fg-inverted);
|
|
19
|
-
--dsa-downloads-item__placeholder-icon--background-color: var(--ks-color-fg-to-bg-5);
|
|
20
|
-
--dsa-downloads-item__placeholder-icon--border-radius: var(--ks-border-radius-control);
|
|
21
|
-
--dsa-downloads-item__placeholder-icon--size: 2.65rem;
|
|
22
|
-
--dsa-downloads-item__button--color: var(--ks-text-color-interface-interactive);
|
|
23
|
-
--dsa-downloads-item__button--color_hover: var(--ks-text-color-interface-interactive-hover);
|
|
24
|
-
--dsa-downloads-item__button--font: var(--ks-font-interface-s);
|
|
25
|
-
--dsa-downloads-item__button--font-weight: var(--ks-font-weight-semi-bold);
|
|
26
|
-
--dsa-downloads-item__button--gap: var(--ks-spacing-xxs);
|
|
27
|
-
--dsa-downloads-item__download-icon--size: 1.5rem;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.dsa-downloads {
|
|
31
|
-
display: flex;
|
|
32
|
-
flex-direction: column;
|
|
33
|
-
justify-content: stretch;
|
|
34
|
-
gap: var(--dsa-downloads--gap, var(--ks-spacing-stack-xs));
|
|
35
|
-
}
|
|
36
|
-
.dsa-downloads .dsa-downloads-item {
|
|
37
|
-
--g-link--text-decoration: none;
|
|
38
|
-
--g-link--text-decoration-hover: none;
|
|
39
|
-
--g-link--color: var(--ks-text-color-interface-interactive);
|
|
40
|
-
--g-link--color-hover: var(--ks-text-color-interface-interactive);
|
|
41
|
-
--g-link--border-radius: var(--ks-border-radius-control);
|
|
42
|
-
--g-link--background: var(--ks-background-color-default);
|
|
43
|
-
--g-link--background-hover: var(--ks-background-color-default);
|
|
44
|
-
position: relative;
|
|
45
|
-
display: flex;
|
|
46
|
-
flex-wrap: wrap;
|
|
47
|
-
align-items: stretch;
|
|
48
|
-
justify-content: flex-end;
|
|
49
|
-
gap: var(--dsa-downloads-item__gap, var(--ks-spacing-inline-s));
|
|
50
|
-
border-radius: var(--dsa-downloads-item--border-radius, var(--ks-border-radius-control));
|
|
51
|
-
padding: var(--dsa-downloads-item--padding, var(--ks-spacing-xxs));
|
|
52
|
-
transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
|
|
53
|
-
}
|
|
54
|
-
.dsa-downloads .dsa-downloads-item:hover {
|
|
55
|
-
cursor: pointer;
|
|
56
|
-
background-color: var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent));
|
|
57
|
-
}
|
|
58
|
-
@media (min-width: 992px) {
|
|
59
|
-
.dsa-downloads .dsa-downloads-item:hover .dsa-downloads-item__button span {
|
|
60
|
-
background: linear-gradient(270deg, var(--dsa-downloads-item--background-color_hover, var(--ks-background-color-accent)) 80%, transparent);
|
|
61
|
-
opacity: 1;
|
|
62
|
-
transform: translateX(0%);
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
.dsa-downloads .dsa-downloads-item__header {
|
|
66
|
-
display: flex;
|
|
67
|
-
flex-direction: column;
|
|
68
|
-
align-self: center;
|
|
69
|
-
flex-shrink: 0;
|
|
70
|
-
flex-grow: 1;
|
|
71
|
-
flex-basis: var(--dsa-downloads-item__header-flex-basis, 120px);
|
|
72
|
-
}
|
|
73
|
-
.dsa-downloads .dsa-downloads-item__name {
|
|
74
|
-
font: var(--dsa-downloads-item__name--font, var(--ks-font-interface-s));
|
|
75
|
-
font-weight: var(--dsa-downloads-item__name--font-weight, var(--ks-font-weight-semi-bold));
|
|
76
|
-
color: var(--dsa-downloads-item__name--color, var(--ks-text-color-display));
|
|
77
|
-
}
|
|
78
|
-
.dsa-downloads .dsa-downloads-item__description {
|
|
79
|
-
font: var(--dsa-downloads-item__description--font, var(--ks-font-interface-s));
|
|
80
|
-
color: var(--dsa-downloads-item__description--color, var(--ks-text-color-interface));
|
|
81
|
-
}
|
|
82
|
-
.dsa-downloads .dsa-downloads-item__infos {
|
|
83
|
-
display: flex;
|
|
84
|
-
flex-wrap: wrap;
|
|
85
|
-
gap: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
|
|
86
|
-
}
|
|
87
|
-
.dsa-downloads .dsa-downloads-item__info {
|
|
88
|
-
color: var(--dsa-downloads-item__infos--color, var(--ks-text-color-interface));
|
|
89
|
-
font: var(--dsa-downloads-item__infos--font, var(--ks-font-interface-s));
|
|
90
|
-
padding-right: var(--dsa-downloads-item__infos--gap, var(--ks-spacing-xxs));
|
|
91
|
-
}
|
|
92
|
-
.dsa-downloads .dsa-downloads-item__info:not(:last-child) {
|
|
93
|
-
border-right: var(--dsa-downloads-item__infos--border, 1px solid var(--ks-border-color-default));
|
|
94
|
-
}
|
|
95
|
-
.dsa-downloads .dsa-downloads-item .l-container {
|
|
96
|
-
container-type: unset;
|
|
97
|
-
}
|
|
98
|
-
.dsa-downloads .dsa-downloads-item__image {
|
|
99
|
-
aspect-ratio: 1;
|
|
100
|
-
object-fit: contain;
|
|
101
|
-
width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
|
|
102
|
-
height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
|
|
103
|
-
}
|
|
104
|
-
.dsa-downloads .dsa-downloads-item__placeholder-icon {
|
|
105
|
-
aspect-ratio: 1;
|
|
106
|
-
flex-shrink: 0;
|
|
107
|
-
width: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
|
|
108
|
-
height: var(--dsa-downloads-item__placeholder-icon--size, 2.65rem);
|
|
109
|
-
color: var(--dsa-downloads-item__placeholder-icon--color, var(--ks-color-fg-to-bg-3));
|
|
110
|
-
background-color: var(--dsa-downloads-item__placeholder-icon--background-color, var(--ks-color-fg-alpha-2));
|
|
111
|
-
border-radius: var(--dsa-downloads-item__placeholder-icon--border-radius, var(--ks-border-radius-control));
|
|
112
|
-
padding: var(--dsa-downloads-item__placeholder-icon--padding, var(--ks-spacing-xxs));
|
|
113
|
-
}
|
|
114
|
-
.dsa-downloads .dsa-downloads-item__button {
|
|
115
|
-
display: flex;
|
|
116
|
-
align-items: center;
|
|
117
|
-
position: relative;
|
|
118
|
-
text-decoration: none;
|
|
119
|
-
z-index: 2;
|
|
120
|
-
color: var(--dsa-downloads-item__button--color, var(--ks-text-color-interface-interactive));
|
|
121
|
-
font: var(--dsa-downloads-item__button--font, var(--ks-font-interface-s));
|
|
122
|
-
font-weight: var(--dsa-downloads-item__button--font-weight, var(--ks-font-weight-semi-bold));
|
|
123
|
-
transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
|
|
124
|
-
border-radius: 0 var(--ks-border-radius-control) var(--ks-border-radius-control) 0;
|
|
125
|
-
}
|
|
126
|
-
.dsa-downloads .dsa-downloads-item__button .icon {
|
|
127
|
-
width: var(--dsa-downloads-item__download-icon--size, 1.5rem);
|
|
128
|
-
height: var(--dsa-downloads-item__download-icon--size, 1.5rem);
|
|
129
|
-
margin-left: var(--dsa-downloads-item__download-icon--gap, var(--ks-spacing-xxs));
|
|
130
|
-
transform: translateY(-1px);
|
|
131
|
-
}
|
|
132
|
-
.dsa-downloads .dsa-downloads-item__button:hover {
|
|
133
|
-
color: var(--dsa-downloads-item__button--color_hover, var(--ks-text-color-interface-interactive-hover));
|
|
134
|
-
}
|
|
135
|
-
.dsa-downloads .dsa-downloads-item__button:active, .dsa-downloads .dsa-downloads-item__button:visited, .dsa-downloads .dsa-downloads-item__button:hover, .dsa-downloads .dsa-downloads-item__button:focus {
|
|
136
|
-
text-decoration: none;
|
|
137
|
-
}
|
|
138
|
-
@media (min-width: 992px) {
|
|
139
|
-
.dsa-downloads .dsa-downloads-item__button span {
|
|
140
|
-
position: absolute;
|
|
141
|
-
padding-left: 3em;
|
|
142
|
-
display: block;
|
|
143
|
-
display: flex;
|
|
144
|
-
align-items: center;
|
|
145
|
-
transform: translateX(5%);
|
|
146
|
-
height: 100%;
|
|
147
|
-
background: transparent;
|
|
148
|
-
transition: var(--dsa-downloads-item--transition, var(--ks-transition-hover));
|
|
149
|
-
transition-property: transform opacity;
|
|
150
|
-
right: 100%;
|
|
151
|
-
opacity: 0;
|
|
152
|
-
}
|
|
153
|
-
}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/downloads.schema.json",
|
|
4
|
-
"title": "Downloads",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"downloads": {
|
|
8
|
-
"type": "array",
|
|
9
|
-
"items": {
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"name": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "The name of the file"
|
|
15
|
-
},
|
|
16
|
-
"description": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"description": "A brief description of the file"
|
|
19
|
-
},
|
|
20
|
-
"previewImage": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"format": "uri",
|
|
23
|
-
"description": "A URL to an image that previews the file."
|
|
24
|
-
},
|
|
25
|
-
"url": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"format": "uri",
|
|
28
|
-
"description": "The URL to download the file from."
|
|
29
|
-
},
|
|
30
|
-
"size": {
|
|
31
|
-
"type": [
|
|
32
|
-
"string"
|
|
33
|
-
],
|
|
34
|
-
"description": "The size of the download file"
|
|
35
|
-
},
|
|
36
|
-
"format": {
|
|
37
|
-
"type": [
|
|
38
|
-
"string"
|
|
39
|
-
],
|
|
40
|
-
"description": "The format of the download file"
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
"required": [
|
|
44
|
-
"name",
|
|
45
|
-
"url"
|
|
46
|
-
],
|
|
47
|
-
"additionalProperties": false
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"type": {
|
|
51
|
-
"const": "downloads"
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
"additionalProperties": false
|
|
55
|
-
}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/downloads.schema.json",
|
|
4
|
-
"title": "Downloads",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"downloads": {
|
|
8
|
-
"type": "array",
|
|
9
|
-
"items": {
|
|
10
|
-
"type": "object",
|
|
11
|
-
"properties": {
|
|
12
|
-
"name": {
|
|
13
|
-
"type": "string",
|
|
14
|
-
"description": "The name of the file"
|
|
15
|
-
},
|
|
16
|
-
"description": {
|
|
17
|
-
"type": "string",
|
|
18
|
-
"description": "A brief description of the file"
|
|
19
|
-
},
|
|
20
|
-
"previewImage": {
|
|
21
|
-
"type": "string",
|
|
22
|
-
"format": "uri",
|
|
23
|
-
"description": "A URL to an image that previews the file."
|
|
24
|
-
},
|
|
25
|
-
"url": {
|
|
26
|
-
"type": "string",
|
|
27
|
-
"format": "uri",
|
|
28
|
-
"description": "The URL to download the file from."
|
|
29
|
-
},
|
|
30
|
-
"size": {
|
|
31
|
-
"type": ["string"],
|
|
32
|
-
"description": "The size of the download file"
|
|
33
|
-
},
|
|
34
|
-
"format": {
|
|
35
|
-
"type": ["string"],
|
|
36
|
-
"description": "The format of the download file"
|
|
37
|
-
}
|
|
38
|
-
},
|
|
39
|
-
"required": ["name", "url"]
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
"additionalProperties": false
|
|
44
|
-
}
|
|
@@ -1,41 +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 DownloadsProps {
|
|
10
|
-
downloads?: {
|
|
11
|
-
/**
|
|
12
|
-
* The name of the file
|
|
13
|
-
*/
|
|
14
|
-
name: string;
|
|
15
|
-
/**
|
|
16
|
-
* A brief description of the file
|
|
17
|
-
*/
|
|
18
|
-
description?: string;
|
|
19
|
-
/**
|
|
20
|
-
* A URL to an image that previews the file.
|
|
21
|
-
*/
|
|
22
|
-
previewImage?: string;
|
|
23
|
-
/**
|
|
24
|
-
* The URL to download the file from.
|
|
25
|
-
*/
|
|
26
|
-
url: string;
|
|
27
|
-
/**
|
|
28
|
-
* The size of the download file
|
|
29
|
-
*/
|
|
30
|
-
size?: string;
|
|
31
|
-
/**
|
|
32
|
-
* The format of the download file
|
|
33
|
-
*/
|
|
34
|
-
format?: string;
|
|
35
|
-
}[];
|
|
36
|
-
}
|
|
37
|
-
declare const DownloadsContextDefault: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
38
|
-
declare const DownloadsContext: import("react").Context<import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
|
|
39
|
-
declare const Downloads: import("react").ForwardRefExoticComponent<DownloadsProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
-
export type { DownloadsProps };
|
|
41
|
-
export { DownloadsContextDefault, DownloadsContext, Downloads };
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import "./downloads.css";
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef, createContext, useContext } from 'react';
|
|
4
|
-
import { RichText } from '@kickstartds/base/lib/rich-text';
|
|
5
|
-
import { Icon } from '@kickstartds/base/lib/icon';
|
|
6
|
-
import { Picture } from '@kickstartds/base/lib/picture';
|
|
7
|
-
|
|
8
|
-
const DownloadsContextDefault = forwardRef(({ downloads }, ref) => {
|
|
9
|
-
return (jsx("div", { className: "dsa-downloads", ref: ref, children: downloads.map((item, index) => (jsxs("a", { href: item?.url, target: "_blank", className: "dsa-downloads-item", "aria-label": "Download file", children: [item?.previewImage ? (jsx(Picture, { "aria-hidden": true, className: "dsa-downloads-item__image", src: item.previewImage, alt: "" })) : (jsx(Icon, { "aria-hidden": true, className: "dsa-downloads-item__placeholder-icon", icon: "file" })), jsxs("div", { className: "dsa-downloads-item__header", children: [jsx("span", { className: "dsa-downloads-item__name", children: item.name }), (item?.format || item?.size || item?.description) && (jsxs("div", { className: "dsa-downloads-item__infos", children: [item?.format && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__format", children: item.format })), item?.size && (jsx("span", { className: "dsa-downloads-item__info dsa-downloads-item__size", children: item.size })), item?.description && (jsx(RichText, { className: "dsa-downloads-item__description", text: item.description }))] }))] }), jsxs("span", { "aria-hidden": true, className: "dsa-downloads-item__button", children: [jsx("span", { children: "Download" }), jsx(Icon, { "aria-hidden": true, icon: "download" })] })] }, index))) }));
|
|
10
|
-
});
|
|
11
|
-
const DownloadsContext = createContext(DownloadsContextDefault);
|
|
12
|
-
const Downloads = forwardRef((props, ref) => {
|
|
13
|
-
const Component = useContext(DownloadsContext);
|
|
14
|
-
return jsx(Component, { ...props, ref: ref });
|
|
15
|
-
});
|
|
16
|
-
Downloads.displayName = "Downloads";
|
|
17
|
-
|
|
18
|
-
export { Downloads, DownloadsContext, DownloadsContextDefault };
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
.dsa-event-appointment {
|
|
2
|
-
--g-link--color: var(--ks-text-color-interface);
|
|
3
|
-
--g-link--color-hover: var(--ks-text-color-interface);
|
|
4
|
-
--g-link--border-radius: var(--ks-border-radius-card);
|
|
5
|
-
--g-link--background: var(--ks-background-color-default);
|
|
6
|
-
--g-link--background-hover: var(--ks-background-color-default);
|
|
7
|
-
display: flex;
|
|
8
|
-
flex-direction: row;
|
|
9
|
-
flex-wrap: wrap;
|
|
10
|
-
justify-content: space-between;
|
|
11
|
-
gap: var(--ks-spacing-inline-s);
|
|
12
|
-
padding: var(--ks-spacing-inset-s);
|
|
13
|
-
border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
|
|
14
|
-
height: fit-content;
|
|
15
|
-
font: inherit;
|
|
16
|
-
}
|
|
17
|
-
.dsa-event-appointment:hover {
|
|
18
|
-
border-color: var(--ks-border-color-interface-interactive-hover);
|
|
19
|
-
}
|
|
20
|
-
.dsa-event-appointment__info {
|
|
21
|
-
display: flex;
|
|
22
|
-
gap: var(--ks-spacing-xxs);
|
|
23
|
-
text-decoration: none;
|
|
24
|
-
align-items: center;
|
|
25
|
-
}
|
|
26
|
-
.dsa-event-appointment__info--date {
|
|
27
|
-
font-weight: var(--ks-font-weight-semi-bold);
|
|
28
|
-
}
|
|
29
|
-
.dsa-event-appointment__info--time {
|
|
30
|
-
font-weight: var(--ks-font-weight-regular);
|
|
31
|
-
}
|
|
32
|
-
.dsa-event-appointment__infos {
|
|
33
|
-
flex-direction: column;
|
|
34
|
-
display: flex;
|
|
35
|
-
gap: var(--ks-spacing-stack-xs);
|
|
36
|
-
}
|
|
37
|
-
.dsa-event-appointment__label {
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
color: var(--dsa-link--color);
|
|
41
|
-
font: var(--ks-font-interface-s);
|
|
42
|
-
align-self: flex-end;
|
|
43
|
-
font-weight: var(--ks-font-weight-semi-bold);
|
|
44
|
-
transition: var(--ks-transition-hover);
|
|
45
|
-
transition-property: color;
|
|
46
|
-
}
|
|
47
|
-
.dsa-event-appointment__label:hover {
|
|
48
|
-
color: var(--dsa-link--color_hover);
|
|
49
|
-
}
|
|
50
|
-
.dsa-event-appointment__label .icon {
|
|
51
|
-
width: 1.75em;
|
|
52
|
-
height: 1.75em;
|
|
53
|
-
}
|
|
54
|
-
.dsa-event-appointment__icon {
|
|
55
|
-
color: var(--ks-text-color-primary);
|
|
56
|
-
width: 1.75em;
|
|
57
|
-
height: 1.75em;
|
|
58
|
-
}
|
|
59
|
-
.dsa-event-appointment .l-container--rich-text {
|
|
60
|
-
container-type: normal;
|
|
61
|
-
}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
|
|
4
|
-
"title": "Event Appointment",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"date": {
|
|
8
|
-
"title": "Date",
|
|
9
|
-
"description": "Date of the appointment",
|
|
10
|
-
"type": "string",
|
|
11
|
-
"format": "date",
|
|
12
|
-
"examples": [
|
|
13
|
-
"18.09.2025"
|
|
14
|
-
]
|
|
15
|
-
},
|
|
16
|
-
"time": {
|
|
17
|
-
"title": "Time",
|
|
18
|
-
"description": "Time of the appointment",
|
|
19
|
-
"type": "string",
|
|
20
|
-
"examples": [
|
|
21
|
-
"09:00 – 17:00"
|
|
22
|
-
]
|
|
23
|
-
},
|
|
24
|
-
"label": {
|
|
25
|
-
"title": "CTA Label",
|
|
26
|
-
"description": "Label for the call to action button",
|
|
27
|
-
"type": "string",
|
|
28
|
-
"examples": [
|
|
29
|
-
"Register"
|
|
30
|
-
]
|
|
31
|
-
},
|
|
32
|
-
"url": {
|
|
33
|
-
"title": "URL",
|
|
34
|
-
"description": "URL for the call to action button",
|
|
35
|
-
"type": "string",
|
|
36
|
-
"format": "uri",
|
|
37
|
-
"default": "#"
|
|
38
|
-
},
|
|
39
|
-
"newTab": {
|
|
40
|
-
"title": "Open in New Tab",
|
|
41
|
-
"description": "Whether the link should open in a new tab",
|
|
42
|
-
"type": "boolean",
|
|
43
|
-
"default": true
|
|
44
|
-
},
|
|
45
|
-
"ariaLabel": {
|
|
46
|
-
"title": "Aria Label",
|
|
47
|
-
"description": "Aria label for the link",
|
|
48
|
-
"type": "string",
|
|
49
|
-
"default": "Event Appointment"
|
|
50
|
-
},
|
|
51
|
-
"type": {
|
|
52
|
-
"const": "event-appointment"
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
"additionalProperties": false
|
|
56
|
-
}
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/event-appointment.schema.json",
|
|
4
|
-
"title": "Event Appointment",
|
|
5
|
-
"type": "object",
|
|
6
|
-
"properties": {
|
|
7
|
-
"date": {
|
|
8
|
-
"title": "Date",
|
|
9
|
-
"description": "Date of the appointment",
|
|
10
|
-
"type": "string",
|
|
11
|
-
"format": "date",
|
|
12
|
-
"examples": ["18.09.2025"]
|
|
13
|
-
},
|
|
14
|
-
"time": {
|
|
15
|
-
"title": "Time",
|
|
16
|
-
"description": "Time of the appointment",
|
|
17
|
-
"type": "string",
|
|
18
|
-
"examples": ["09:00 – 17:00"]
|
|
19
|
-
},
|
|
20
|
-
"label": {
|
|
21
|
-
"title": "CTA Label",
|
|
22
|
-
"description": "Label for the call to action button",
|
|
23
|
-
"type": "string",
|
|
24
|
-
"examples": ["Register"]
|
|
25
|
-
},
|
|
26
|
-
"url": {
|
|
27
|
-
"title": "URL",
|
|
28
|
-
"description": "URL for the call to action button",
|
|
29
|
-
"type": "string",
|
|
30
|
-
"format": "uri",
|
|
31
|
-
"default": "#"
|
|
32
|
-
},
|
|
33
|
-
"newTab": {
|
|
34
|
-
"title": "Open in New Tab",
|
|
35
|
-
"description": "Whether the link should open in a new tab",
|
|
36
|
-
"type": "boolean",
|
|
37
|
-
"default": true
|
|
38
|
-
},
|
|
39
|
-
"ariaLabel": {
|
|
40
|
-
"title": "Aria Label",
|
|
41
|
-
"description": "Aria label for the link",
|
|
42
|
-
"type": "string",
|
|
43
|
-
"default": "Event Appointment"
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
"additionalProperties": false
|
|
47
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { EventAppointmentProps } from "../../EventAppointmentProps-443cd1ce.js";
|
|
3
|
-
declare const EventAppointmentContextDefault: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
4
|
-
declare const EventAppointmentContext: import("react").Context<import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>>;
|
|
5
|
-
declare const EventAppointment: import("react").ForwardRefExoticComponent<EventAppointmentProps & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
6
|
-
export type { EventAppointmentProps };
|
|
7
|
-
export { EventAppointmentContextDefault, EventAppointmentContext, EventAppointment };
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import "./event-appointment.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
|
-
|
|
6
|
-
const EventAppointmentContextDefault = forwardRef(({ date, time, label, url, newTab, ariaLabel }, ref) => (jsxs("a", { className: "dsa-event-appointment", target: newTab ? "_blank" : "_self", "aria-label": ariaLabel, href: url, ref: ref, children: [jsxs("span", { className: "dsa-event-appointment__infos", children: [date && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--date", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "date" }), date] })), time && (jsxs("span", { className: "dsa-event-appointment__info dsa-event-appointment__info--time", children: [jsx(Icon, { className: "dsa-event-appointment__icon", "aria-hidden": true, icon: "time" }), time] }))] }), jsxs("span", { className: "dsa-event-appointment__label", children: [label, jsx(Icon, { icon: "chevron-right" })] })] })));
|
|
7
|
-
const EventAppointmentContext = createContext(EventAppointmentContextDefault);
|
|
8
|
-
const EventAppointment = forwardRef((props, ref) => {
|
|
9
|
-
const Component = useContext(EventAppointmentContext);
|
|
10
|
-
return jsx(Component, { ...props, ref: ref });
|
|
11
|
-
});
|
|
12
|
-
EventAppointment.displayName = "EventAppointment";
|
|
13
|
-
|
|
14
|
-
export { EventAppointment, EventAppointmentContext, EventAppointmentContextDefault };
|