@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1797.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
- package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
- package/dist/BlogPostProps-6b3cff22.d.ts +2 -2
- package/dist/BlogTeaserProps-f5855e93.d.ts +9 -4
- package/dist/DividerProps-2ef31901.d.ts +26 -0
- package/dist/FeaturesProps-e58616a5.d.ts +62 -0
- package/dist/{HeroProps-cf82a16d.d.ts → HeroProps-f704d270.d.ts} +1 -1
- package/dist/HtmlProps-9d091769.d.ts +34 -0
- package/dist/PageProps-aa29c554.d.ts +1 -1
- package/dist/{SectionProps-83d399b4.d.ts → SectionProps-1cfcf6e8.d.ts} +12 -5
- package/dist/SliderProps-93230a76.d.ts +4 -4
- package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
- package/dist/StatsProps-bf5ef578.d.ts +1 -1
- package/dist/{TestimonialProps-94bdeac9.d.ts → TestimonialsProps-e344f597.d.ts} +22 -2
- package/dist/components/blog-aside/blog-aside.schema.dereffed.json +3 -1
- package/dist/components/blog-aside/blog-aside.schema.json +1 -0
- package/dist/components/blog-aside/index.d.ts +1 -0
- package/dist/components/blog-aside/index.js +6 -1
- package/dist/components/blog-author/blog-author.schema.dereffed.json +2 -1
- package/dist/components/blog-author/index.d.ts +1 -0
- package/dist/components/blog-author/index.js +10 -1
- package/dist/components/blog-head/blog-head.css +3 -3
- package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
- package/dist/components/blog-head/blog-head.schema.json +6 -0
- package/dist/components/blog-head/index.d.ts +2 -1
- package/dist/components/blog-head/index.js +8 -3
- package/dist/components/blog-overview/blog-overview.schema.dereffed.json +212 -136
- package/dist/components/blog-overview/index.d.ts +1 -0
- package/dist/components/blog-overview/index.js +1 -0
- package/dist/components/blog-post/blog-post.schema.dereffed.json +181 -119
- package/dist/components/blog-post/index.d.ts +1 -0
- package/dist/components/blog-post/index.js +1 -0
- package/dist/components/blog-teaser/blog-teaser.css +7 -5
- package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +14 -6
- package/dist/components/blog-teaser/blog-teaser.schema.json +11 -5
- package/dist/components/blog-teaser/index.d.ts +4 -3
- package/dist/components/blog-teaser/index.js +14 -5
- package/dist/components/button/button.schema.dereffed.json +1 -0
- package/dist/components/button/button.schema.json +1 -0
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/button-group/button-group.schema.dereffed.json +1 -0
- package/dist/components/button-group/index.d.ts +1 -0
- package/dist/components/contact/contact.css +2 -0
- package/dist/components/contact/contact.schema.dereffed.json +2 -1
- package/dist/components/contact/contact.schema.json +2 -1
- package/dist/components/contact/index.d.ts +1 -0
- package/dist/components/contact/index.js +10 -1
- package/dist/components/cta/cta.css +3 -3
- package/dist/components/cta/cta.schema.dereffed.json +1 -0
- package/dist/components/cta/index.d.ts +1 -0
- package/dist/components/cta/index.js +20 -2
- package/dist/components/divider/divider.css +1 -1
- package/dist/components/divider/index.d.ts +2 -26
- package/dist/components/divider/index.js +6 -1
- package/dist/components/faq/index.d.ts +1 -0
- package/dist/components/faq/index.js +6 -1
- package/dist/components/feature/feature.schema.dereffed.json +1 -0
- package/dist/components/feature/feature.schema.json +1 -0
- package/dist/components/feature/index.d.ts +53 -1
- package/dist/components/feature/index.js +14 -2
- package/dist/components/features/features.css +43 -10
- package/dist/components/features/features.schema.dereffed.json +3 -40
- package/dist/components/features/features.schema.json +24 -1
- package/dist/components/features/index.d.ts +2 -1
- package/dist/components/features/index.js +23 -3
- package/dist/components/footer/footer.css +4 -4
- package/dist/components/footer/index.d.ts +1 -0
- package/dist/components/footer/index.js +11 -1
- package/dist/components/gallery/gallery.css +0 -18
- package/dist/components/gallery/index.d.ts +1 -0
- package/dist/components/gallery/index.js +8 -1
- package/dist/components/header/header.css +2 -3
- package/dist/components/header/index.d.ts +4 -3
- package/dist/components/header/index.js +14 -2
- package/dist/components/headline/headline.css +18 -2
- package/dist/components/headline/headline.schema.dereffed.json +5 -0
- package/dist/components/headline/headline.schema.json +5 -0
- package/dist/components/headline/index.d.ts +6 -0
- package/dist/components/headline/index.js +1 -1
- package/dist/components/hero/hero.css +38 -5
- package/dist/components/hero/hero.schema.dereffed.json +4 -2
- package/dist/components/hero/hero.schema.json +2 -2
- package/dist/components/hero/index.d.ts +2 -1
- package/dist/components/hero/index.js +19 -3
- package/dist/components/html/Html.client.d.ts +5 -0
- package/dist/components/html/Html.client.js +41 -0
- package/dist/components/html/html.css +52 -0
- package/dist/components/html/html.schema.dereffed.json +61 -0
- package/dist/components/html/html.schema.json +31 -3
- package/dist/components/html/index.d.ts +5 -26
- package/dist/components/html/index.js +25 -4
- package/dist/components/image-story/image-story.css +1 -1
- package/dist/components/image-story/image-story.schema.dereffed.json +1 -0
- package/dist/components/image-story/image-story.schema.json +5 -1
- package/dist/components/image-story/index.d.ts +1 -0
- package/dist/components/image-story/index.js +14 -2
- package/dist/components/image-text/index.d.ts +1 -0
- package/dist/components/image-text/index.js +7 -1
- package/dist/components/index/index.d.ts +6 -1
- package/dist/components/logo/index.d.ts +1 -0
- package/dist/components/logo/index.js +6 -1
- package/dist/components/logos/index.d.ts +1 -0
- package/dist/components/logos/index.js +12 -1
- package/dist/components/logos/logos.css +2 -2
- package/dist/components/mosaic/index.d.ts +1 -0
- package/dist/components/mosaic/index.js +8 -1
- package/dist/components/mosaic/mosaic.css +3 -0
- package/dist/components/mosaic/mosaic.schema.dereffed.json +1 -0
- package/dist/components/nav-dropdown/index.d.ts +1 -0
- package/dist/components/nav-flyout/index.d.ts +1 -0
- package/dist/components/nav-flyout/index.js +7 -1
- package/dist/components/nav-main/index.d.ts +1 -0
- package/dist/components/nav-main/index.js +11 -1
- package/dist/components/nav-topbar/index.d.ts +1 -0
- package/dist/components/nav-topbar/index.js +7 -1
- package/dist/components/page/index.d.ts +1 -0
- package/dist/components/page/page.schema.dereffed.json +169 -118
- package/dist/components/page-wrapper/index.js +107 -389
- package/dist/components/page-wrapper/tokens.css +55 -4
- package/dist/components/presets.json +182 -237
- package/dist/components/providers/index.js +2 -1
- package/dist/components/section/index.d.ts +2 -1
- package/dist/components/section/index.js +27 -3
- package/dist/components/section/js/Section.client.js +1 -1
- package/dist/components/section/section.css +50 -35
- package/dist/components/section/section.schema.dereffed.json +169 -118
- package/dist/components/section/section.schema.json +13 -2
- package/dist/components/settings/settings.schema.dereffed.json +5 -0
- package/dist/components/settings/settings.schema.json +5 -0
- package/dist/components/slider/index.d.ts +1 -0
- package/dist/components/slider/index.js +1 -1
- package/dist/components/slider/slider.css +5 -0
- package/dist/components/slider/slider.schema.dereffed.json +37 -63
- package/dist/components/slider/slider.schema.json +1 -1
- package/dist/components/split/index.d.ts +1 -0
- package/dist/components/split/split.css +3 -3
- package/dist/components/stat/index.d.ts +2 -1
- package/dist/components/stat/index.js +16 -4
- package/dist/components/stat/stat.schema.dereffed.json +7 -5
- package/dist/components/stat/stat.schema.json +3 -2
- package/dist/components/stats/index.d.ts +1 -0
- package/dist/components/stats/index.js +6 -1
- package/dist/components/stats/stats.css +3 -7
- package/dist/components/stats/stats.schema.dereffed.json +7 -5
- package/dist/components/teaser-card/index.d.ts +1 -0
- package/dist/components/teaser-card/index.js +13 -2
- package/dist/components/testimonial/index.d.ts +49 -1
- package/dist/components/testimonial/index.js +11 -2
- package/dist/components/testimonial/testimonial.schema.dereffed.json +11 -0
- package/dist/components/testimonial/testimonial.schema.json +7 -0
- package/dist/components/testimonials/index.d.ts +2 -1
- package/dist/components/testimonials/index.js +10 -3
- package/dist/components/testimonials/testimonials.css +56 -28
- package/dist/components/testimonials/testimonials.schema.dereffed.json +11 -5
- package/dist/components/testimonials/testimonials.schema.json +30 -1
- package/dist/components/text/index.d.ts +1 -0
- package/dist/components/text/index.js +8 -1
- package/dist/components/tile/tile.schema.dereffed.json +1 -0
- package/dist/components/tile/tile.schema.json +8 -2
- package/dist/components/video-curtain/index.d.ts +1 -0
- package/dist/components/video-curtain/index.js +11 -1
- package/dist/components/video-curtain/video-curtain.css +4 -3
- package/dist/components/video-curtain/video-curtain.schema.dereffed.json +2 -1
- package/dist/components/video-curtain/video-curtain.schema.json +1 -1
- package/dist/global.css +66 -42
- package/dist/helpers-84d80d46.d.ts +5 -0
- package/dist/helpers-84d80d46.js +33 -0
- package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
- package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
- package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
- package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
- package/dist/static/img/screenshots/components-cta--banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
- package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
- package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
- package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
- package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
- package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
- package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
- package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
- package/dist/static/img/screenshots/components-features--list-view.png +0 -0
- package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
- package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
- package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
- package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
- package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
- package/dist/static/img/screenshots/components-html--html.png +0 -0
- package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
- package/dist/static/img/screenshots/components-html--with-script.png +0 -0
- package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
- package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
- package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
- package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
- package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
- package/dist/static/img/screenshots/form-select-field--default.png +0 -0
- package/dist/static/img/screenshots/form-text-area--default.png +0 -0
- package/dist/static/img/screenshots/form-text-field--default.png +0 -0
- package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
- package/dist/static/img/screenshots/layout-divider--default.png +0 -0
- package/dist/static/img/screenshots/layout-header--header.png +0 -0
- package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
- package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
- package/dist/static/img/screenshots/layout-section--cards.png +0 -0
- package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
- package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
- package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--slider.png +0 -0
- package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
- package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
- package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
- package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
- package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
- package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
- package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
- package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
- package/dist/tokens/IconSprite.js +105 -388
- package/dist/tokens/icon-sprite.html +54 -37
- package/dist/tokens/themes.css +4 -4
- package/dist/tokens/tokens.css +55 -4
- package/dist/tokens/tokens.js +49 -52
- package/package.json +13 -17
- package/dist/FeatureProps-f8a75850.d.ts +0 -52
- package/dist/FeaturesProps-b05859d6.d.ts +0 -34
- package/dist/TestimonialsProps-f7211553.d.ts +0 -22
- package/dist/components/image/image.css +0 -18
- package/dist/components/image/image.schema.dereffed.json +0 -105
- package/dist/components/image/image.schema.json +0 -95
- package/dist/components/image/index.d.ts +0 -87
- package/dist/components/image/index.js +0 -11
- package/dist/components/picture/picture.schema.json +0 -88
- package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
- package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
- package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
- package/dist/static/img/screenshots/pages-archetypes--start.png +0 -0
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/image.schema.json",
|
|
4
|
-
"title": "Image",
|
|
5
|
-
"description": "Base component to display a picture",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"src": {
|
|
9
|
-
"title": "Source",
|
|
10
|
-
"description": "Picture source",
|
|
11
|
-
"type": "string",
|
|
12
|
-
"format": "image",
|
|
13
|
-
"examples": [
|
|
14
|
-
"img/close-up-young-business-team-working.png"
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"srcSet": {
|
|
18
|
-
"title": "Picture sourceset",
|
|
19
|
-
"description": "Use a srcSet to display picture",
|
|
20
|
-
"type": "string",
|
|
21
|
-
"format": "image"
|
|
22
|
-
},
|
|
23
|
-
"alt": {
|
|
24
|
-
"title": "Alt text",
|
|
25
|
-
"description": "Alt text to display for picture",
|
|
26
|
-
"type": "string"
|
|
27
|
-
},
|
|
28
|
-
"width": {
|
|
29
|
-
"title": "Width",
|
|
30
|
-
"description": "Width of the picture",
|
|
31
|
-
"type": "integer",
|
|
32
|
-
"minimum": 0
|
|
33
|
-
},
|
|
34
|
-
"height": {
|
|
35
|
-
"title": "Height",
|
|
36
|
-
"description": "Height of the picture",
|
|
37
|
-
"type": "integer",
|
|
38
|
-
"minimum": 0
|
|
39
|
-
},
|
|
40
|
-
"aspectRatio": {
|
|
41
|
-
"type": "string",
|
|
42
|
-
"title": "Aspect Ratio",
|
|
43
|
-
"description": "The aspect ratio of the image",
|
|
44
|
-
"enum": [
|
|
45
|
-
"unset",
|
|
46
|
-
"square",
|
|
47
|
-
"wide",
|
|
48
|
-
"landscape"
|
|
49
|
-
],
|
|
50
|
-
"default": "unset"
|
|
51
|
-
},
|
|
52
|
-
"className": {
|
|
53
|
-
"title": "Additional Classes",
|
|
54
|
-
"description": "Add additional css classes that should be applied to the image",
|
|
55
|
-
"type": "string"
|
|
56
|
-
},
|
|
57
|
-
"style": {
|
|
58
|
-
"title": "`style` attribute",
|
|
59
|
-
"description": "Define a style attribute for the picture",
|
|
60
|
-
"type": "string"
|
|
61
|
-
},
|
|
62
|
-
"lazy": {
|
|
63
|
-
"title": "Lazy",
|
|
64
|
-
"description": "Load the picture lazily",
|
|
65
|
-
"type": "boolean",
|
|
66
|
-
"default": true
|
|
67
|
-
},
|
|
68
|
-
"sources": {
|
|
69
|
-
"title": "Sources",
|
|
70
|
-
"description": "Additional sources. This will result in a `picture`-Element",
|
|
71
|
-
"type": "array",
|
|
72
|
-
"items": {
|
|
73
|
-
"type": "object",
|
|
74
|
-
"properties": {
|
|
75
|
-
"srcSet": {
|
|
76
|
-
"title": "Picture sourceset",
|
|
77
|
-
"description": "Use a srcSet to display picture",
|
|
78
|
-
"type": "string",
|
|
79
|
-
"format": "image"
|
|
80
|
-
},
|
|
81
|
-
"media": {
|
|
82
|
-
"title": "Media for picture",
|
|
83
|
-
"description": "Media attribute for source",
|
|
84
|
-
"type": "string"
|
|
85
|
-
},
|
|
86
|
-
"type": {
|
|
87
|
-
"title": "Type for picture",
|
|
88
|
-
"description": "Type attribute for source",
|
|
89
|
-
"type": "string"
|
|
90
|
-
}
|
|
91
|
-
},
|
|
92
|
-
"additionalProperties": false
|
|
93
|
-
}
|
|
94
|
-
},
|
|
95
|
-
"pictureClassName": {
|
|
96
|
-
"title": "`class` attribute",
|
|
97
|
-
"description": "Set additional class(es) to the picture",
|
|
98
|
-
"type": "string"
|
|
99
|
-
},
|
|
100
|
-
"type": {
|
|
101
|
-
"const": "image"
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
"additionalProperties": false
|
|
105
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/image.schema.json",
|
|
4
|
-
"title": "Image",
|
|
5
|
-
"description": "Base component to display a picture",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"src": {
|
|
9
|
-
"title": "Source",
|
|
10
|
-
"description": "Picture source",
|
|
11
|
-
"type": "string",
|
|
12
|
-
"format": "image",
|
|
13
|
-
"examples": ["img/close-up-young-business-team-working.png"]
|
|
14
|
-
},
|
|
15
|
-
"srcSet": {
|
|
16
|
-
"title": "Picture sourceset",
|
|
17
|
-
"description": "Use a srcSet to display picture",
|
|
18
|
-
"type": "string",
|
|
19
|
-
"format": "image"
|
|
20
|
-
},
|
|
21
|
-
"alt": {
|
|
22
|
-
"title": "Alt text",
|
|
23
|
-
"description": "Alt text to display for picture",
|
|
24
|
-
"type": "string"
|
|
25
|
-
},
|
|
26
|
-
"width": {
|
|
27
|
-
"title": "Width",
|
|
28
|
-
"description": "Width of the picture",
|
|
29
|
-
"type": "integer",
|
|
30
|
-
"minimum": 0
|
|
31
|
-
},
|
|
32
|
-
"height": {
|
|
33
|
-
"title": "Height",
|
|
34
|
-
"description": "Height of the picture",
|
|
35
|
-
"type": "integer",
|
|
36
|
-
"minimum": 0
|
|
37
|
-
},
|
|
38
|
-
"aspectRatio": {
|
|
39
|
-
"type": "string",
|
|
40
|
-
"title": "Aspect Ratio",
|
|
41
|
-
"description": "The aspect ratio of the image",
|
|
42
|
-
"enum": ["unset", "square", "wide", "landscape"],
|
|
43
|
-
"default": "unset"
|
|
44
|
-
},
|
|
45
|
-
"className": {
|
|
46
|
-
"title": "Additional Classes",
|
|
47
|
-
"description": "Add additional css classes that should be applied to the image",
|
|
48
|
-
"type": "string"
|
|
49
|
-
},
|
|
50
|
-
"style": {
|
|
51
|
-
"title": "`style` attribute",
|
|
52
|
-
"description": "Define a style attribute for the picture",
|
|
53
|
-
"type": "string"
|
|
54
|
-
},
|
|
55
|
-
"lazy": {
|
|
56
|
-
"title": "Lazy",
|
|
57
|
-
"description": "Load the picture lazily",
|
|
58
|
-
"type": "boolean",
|
|
59
|
-
"default": true
|
|
60
|
-
},
|
|
61
|
-
"sources": {
|
|
62
|
-
"title": "Sources",
|
|
63
|
-
"description": "Additional sources. This will result in a `picture`-Element",
|
|
64
|
-
"type": "array",
|
|
65
|
-
"items": {
|
|
66
|
-
"type": "object",
|
|
67
|
-
"properties": {
|
|
68
|
-
"srcSet": {
|
|
69
|
-
"title": "Picture sourceset",
|
|
70
|
-
"description": "Use a srcSet to display picture",
|
|
71
|
-
"type": "string",
|
|
72
|
-
"format": "image"
|
|
73
|
-
},
|
|
74
|
-
"media": {
|
|
75
|
-
"title": "Media for picture",
|
|
76
|
-
"description": "Media attribute for source",
|
|
77
|
-
"type": "string"
|
|
78
|
-
},
|
|
79
|
-
"type": {
|
|
80
|
-
"title": "Type for picture",
|
|
81
|
-
"description": "Type attribute for source",
|
|
82
|
-
"type": "string"
|
|
83
|
-
}
|
|
84
|
-
},
|
|
85
|
-
"additionalProperties": false
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
"pictureClassName": {
|
|
89
|
-
"title": "`class` attribute",
|
|
90
|
-
"description": "Set additional class(es) to the picture",
|
|
91
|
-
"type": "string"
|
|
92
|
-
}
|
|
93
|
-
},
|
|
94
|
-
"additionalProperties": false
|
|
95
|
-
}
|
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { HTMLAttributes, FC, PropsWithChildren } 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
|
-
/**
|
|
10
|
-
* Picture source
|
|
11
|
-
*/
|
|
12
|
-
type Source = string;
|
|
13
|
-
/**
|
|
14
|
-
* Use a srcSet to display picture
|
|
15
|
-
*/
|
|
16
|
-
type PictureSourceset = string;
|
|
17
|
-
/**
|
|
18
|
-
* Alt text to display for picture
|
|
19
|
-
*/
|
|
20
|
-
type AltText = string;
|
|
21
|
-
/**
|
|
22
|
-
* Width of the picture
|
|
23
|
-
*/
|
|
24
|
-
type Width = number;
|
|
25
|
-
/**
|
|
26
|
-
* Height of the picture
|
|
27
|
-
*/
|
|
28
|
-
type Height = number;
|
|
29
|
-
/**
|
|
30
|
-
* The aspect ratio of the image
|
|
31
|
-
*/
|
|
32
|
-
type AspectRatio = "unset" | "square" | "wide" | "landscape";
|
|
33
|
-
/**
|
|
34
|
-
* Add additional css classes that should be applied to the image
|
|
35
|
-
*/
|
|
36
|
-
type AdditionalClasses = string;
|
|
37
|
-
/**
|
|
38
|
-
* Define a style attribute for the picture
|
|
39
|
-
*/
|
|
40
|
-
type StyleAttribute = string;
|
|
41
|
-
/**
|
|
42
|
-
* Load the picture lazily
|
|
43
|
-
*/
|
|
44
|
-
type Lazy = boolean;
|
|
45
|
-
/**
|
|
46
|
-
* Use a srcSet to display picture
|
|
47
|
-
*/
|
|
48
|
-
type PictureSourceset1 = string;
|
|
49
|
-
/**
|
|
50
|
-
* Media attribute for source
|
|
51
|
-
*/
|
|
52
|
-
type MediaForPicture = string;
|
|
53
|
-
/**
|
|
54
|
-
* Type attribute for source
|
|
55
|
-
*/
|
|
56
|
-
type TypeForPicture = string;
|
|
57
|
-
/**
|
|
58
|
-
* Additional sources. This will result in a `picture`-Element
|
|
59
|
-
*/
|
|
60
|
-
type Sources = {
|
|
61
|
-
srcSet?: PictureSourceset1;
|
|
62
|
-
media?: MediaForPicture;
|
|
63
|
-
type?: TypeForPicture;
|
|
64
|
-
}[];
|
|
65
|
-
/**
|
|
66
|
-
* Set additional class(es) to the picture
|
|
67
|
-
*/
|
|
68
|
-
type ClassAttribute = string;
|
|
69
|
-
/**
|
|
70
|
-
* Base component to display a picture
|
|
71
|
-
*/
|
|
72
|
-
interface ImageProps {
|
|
73
|
-
src?: Source;
|
|
74
|
-
srcSet?: PictureSourceset;
|
|
75
|
-
alt?: AltText;
|
|
76
|
-
width?: Width;
|
|
77
|
-
height?: Height;
|
|
78
|
-
aspectRatio?: AspectRatio;
|
|
79
|
-
className?: AdditionalClasses;
|
|
80
|
-
style?: StyleAttribute;
|
|
81
|
-
lazy?: Lazy;
|
|
82
|
-
sources?: Sources;
|
|
83
|
-
pictureClassName?: ClassAttribute;
|
|
84
|
-
}
|
|
85
|
-
declare const Image: import("react").ForwardRefExoticComponent<ImageProps & Omit<HTMLAttributes<HTMLDivElement>, "style"> & import("react").RefAttributes<HTMLImageElement>>;
|
|
86
|
-
declare const ImageProvider: FC<PropsWithChildren>;
|
|
87
|
-
export { Image, ImageProvider };
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import "./image.css";
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
import { forwardRef } from 'react';
|
|
5
|
-
import { PictureContextDefault, PictureContext } from '@kickstartds/base/lib/picture';
|
|
6
|
-
|
|
7
|
-
const Image = forwardRef(({ src, srcSet, alt, width, height, aspectRatio, className, id, itemProp, style, lazy, sources, pictureClassName, ...props }, ref) => (jsx(PictureContextDefault, { ...props, src: src, srcSet: srcSet, alt: alt, width: width, height: height, id: id, itemProp: itemProp, style: style, lazy: lazy, sources: sources, pictureClassName: pictureClassName, ref: ref, className: classnames("dsa-image", aspectRatio !== "unset" && `dsa-image--${aspectRatio}`, className) })));
|
|
8
|
-
Image.displayName = "Image";
|
|
9
|
-
const ImageProvider = (props) => (jsx(PictureContext.Provider, { ...props, value: Image }));
|
|
10
|
-
|
|
11
|
-
export { Image, ImageProvider };
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"$schema": "http://json-schema.org/draft-07/schema#",
|
|
3
|
-
"$id": "http://schema.mydesignsystem.com/image.schema.json",
|
|
4
|
-
"title": "Image",
|
|
5
|
-
"description": "Base component to display a picture",
|
|
6
|
-
"type": "object",
|
|
7
|
-
"properties": {
|
|
8
|
-
"src": {
|
|
9
|
-
"title": "Source",
|
|
10
|
-
"description": "Picture source",
|
|
11
|
-
"type": "string",
|
|
12
|
-
"format": "image",
|
|
13
|
-
"examples": ["https://picsum.photos/seed/kdspicture/300/300"]
|
|
14
|
-
},
|
|
15
|
-
"srcSet": {
|
|
16
|
-
"title": "Picture sourceset",
|
|
17
|
-
"description": "Use a srcSet to display picture",
|
|
18
|
-
"type": "string",
|
|
19
|
-
"format": "image"
|
|
20
|
-
},
|
|
21
|
-
"alt": {
|
|
22
|
-
"title": "Alt text",
|
|
23
|
-
"description": "Alt text to display for picture",
|
|
24
|
-
"type": "string"
|
|
25
|
-
},
|
|
26
|
-
"width": {
|
|
27
|
-
"title": "Width",
|
|
28
|
-
"description": "Width of the picture",
|
|
29
|
-
"type": "integer",
|
|
30
|
-
"minimum": 0
|
|
31
|
-
},
|
|
32
|
-
"height": {
|
|
33
|
-
"title": "Height",
|
|
34
|
-
"description": "Height of the picture",
|
|
35
|
-
"type": "integer",
|
|
36
|
-
"minimum": 0
|
|
37
|
-
},
|
|
38
|
-
"className": {
|
|
39
|
-
"title": "Additional Classes",
|
|
40
|
-
"description": "Add additional css classes that should be applied to the picture",
|
|
41
|
-
"type": "string"
|
|
42
|
-
},
|
|
43
|
-
"style": {
|
|
44
|
-
"title": "`style` attribute",
|
|
45
|
-
"description": "Define a style attribute for the picture",
|
|
46
|
-
"type": "string"
|
|
47
|
-
},
|
|
48
|
-
"lazy": {
|
|
49
|
-
"title": "Lazy",
|
|
50
|
-
"description": "Load the picture lazily",
|
|
51
|
-
"type": "boolean",
|
|
52
|
-
"default": true
|
|
53
|
-
},
|
|
54
|
-
"sources": {
|
|
55
|
-
"title": "Sources",
|
|
56
|
-
"description": "Additional sources. This will result in a `picture`-Element",
|
|
57
|
-
"type": "array",
|
|
58
|
-
"items": {
|
|
59
|
-
"type": "object",
|
|
60
|
-
"properties": {
|
|
61
|
-
"srcSet": {
|
|
62
|
-
"title": "Picture sourceset",
|
|
63
|
-
"description": "Use a srcSet to display picture",
|
|
64
|
-
"type": "string",
|
|
65
|
-
"format": "image"
|
|
66
|
-
},
|
|
67
|
-
"media": {
|
|
68
|
-
"title": "TODO MEDIA TITLE",
|
|
69
|
-
"description": "TODO MEDIA DESCRIPTION",
|
|
70
|
-
"type": "string"
|
|
71
|
-
},
|
|
72
|
-
"type": {
|
|
73
|
-
"title": "TODO TYPE TITLE",
|
|
74
|
-
"description": "TODO TYPE DESCRIPTION",
|
|
75
|
-
"type": "string"
|
|
76
|
-
}
|
|
77
|
-
},
|
|
78
|
-
"additionalProperties": false
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
"pictureClassName": {
|
|
82
|
-
"title": "`class` attribute",
|
|
83
|
-
"description": "Set additional class(es) to the picture",
|
|
84
|
-
"type": "string"
|
|
85
|
-
}
|
|
86
|
-
},
|
|
87
|
-
"additionalProperties": false
|
|
88
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|