@kickstartds/ds-agency-premium 1.7.0--canary.18.1660.0 → 1.7.0--canary.46.1791.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-author/blog-author.schema.dereffed.json +2 -1
- package/dist/components/blog-author/index.d.ts +1 -0
- 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 +2 -2
- 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-post/blog-post.schema.dereffed.json +181 -119
- package/dist/components/blog-post/index.d.ts +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 +4 -4
- 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/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 +2 -1
- package/dist/components/divider/divider.css +1 -1
- package/dist/components/divider/index.d.ts +2 -26
- package/dist/components/faq/index.d.ts +1 -0
- 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 +2 -1
- 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 +11 -2
- package/dist/components/footer/footer.css +4 -4
- package/dist/components/footer/index.d.ts +1 -0
- package/dist/components/gallery/gallery.css +0 -18
- package/dist/components/gallery/index.d.ts +1 -0
- package/dist/components/header/header.css +2 -3
- package/dist/components/header/index.d.ts +4 -3
- package/dist/components/header/index.js +1 -1
- 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 +4 -2
- 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 +17 -3
- 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 +0 -1
- package/dist/components/image-text/index.d.ts +1 -0
- package/dist/components/index/index.d.ts +6 -1
- package/dist/components/logo/index.d.ts +1 -0
- package/dist/components/logos/index.d.ts +1 -0
- package/dist/components/logos/logos.css +2 -2
- package/dist/components/mosaic/index.d.ts +1 -0
- 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-main/index.d.ts +1 -0
- package/dist/components/nav-topbar/index.d.ts +1 -0
- 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 +106 -389
- package/dist/components/page-wrapper/tokens.css +55 -4
- package/dist/components/presets.json +182 -237
- package/dist/components/providers/index.js +1 -1
- package/dist/components/section/index.d.ts +2 -1
- package/dist/components/section/index.js +2 -2
- 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 +12 -3
- 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/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 +2 -1
- package/dist/components/testimonial/index.d.ts +49 -1
- package/dist/components/testimonial/index.js +4 -1
- 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 +2 -2
- 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/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/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/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
|