@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.
Files changed (261) hide show
  1. package/dist/{BlogHeadProps-3f6e4072.d.ts → BlogHeadProps-c04a5ed8.d.ts} +6 -1
  2. package/dist/BlogOverviewProps-9f207f1c.d.ts +1 -1
  3. package/dist/BlogPostProps-6b3cff22.d.ts +2 -2
  4. package/dist/BlogTeaserProps-f5855e93.d.ts +9 -4
  5. package/dist/DividerProps-2ef31901.d.ts +26 -0
  6. package/dist/FeaturesProps-e58616a5.d.ts +62 -0
  7. package/dist/{HeroProps-cf82a16d.d.ts → HeroProps-f704d270.d.ts} +1 -1
  8. package/dist/HtmlProps-9d091769.d.ts +34 -0
  9. package/dist/PageProps-aa29c554.d.ts +1 -1
  10. package/dist/{SectionProps-83d399b4.d.ts → SectionProps-1cfcf6e8.d.ts} +12 -5
  11. package/dist/SliderProps-93230a76.d.ts +4 -4
  12. package/dist/{StatProps-12a3eae0.d.ts → StatProps-79109ad0.d.ts} +1 -1
  13. package/dist/StatsProps-bf5ef578.d.ts +1 -1
  14. package/dist/{TestimonialProps-94bdeac9.d.ts → TestimonialsProps-e344f597.d.ts} +22 -2
  15. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +3 -1
  16. package/dist/components/blog-aside/blog-aside.schema.json +1 -0
  17. package/dist/components/blog-aside/index.d.ts +1 -0
  18. package/dist/components/blog-aside/index.js +6 -1
  19. package/dist/components/blog-author/blog-author.schema.dereffed.json +2 -1
  20. package/dist/components/blog-author/index.d.ts +1 -0
  21. package/dist/components/blog-author/index.js +10 -1
  22. package/dist/components/blog-head/blog-head.css +3 -3
  23. package/dist/components/blog-head/blog-head.schema.dereffed.json +8 -0
  24. package/dist/components/blog-head/blog-head.schema.json +6 -0
  25. package/dist/components/blog-head/index.d.ts +2 -1
  26. package/dist/components/blog-head/index.js +8 -3
  27. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +212 -136
  28. package/dist/components/blog-overview/index.d.ts +1 -0
  29. package/dist/components/blog-overview/index.js +1 -0
  30. package/dist/components/blog-post/blog-post.schema.dereffed.json +181 -119
  31. package/dist/components/blog-post/index.d.ts +1 -0
  32. package/dist/components/blog-post/index.js +1 -0
  33. package/dist/components/blog-teaser/blog-teaser.css +7 -5
  34. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +14 -6
  35. package/dist/components/blog-teaser/blog-teaser.schema.json +11 -5
  36. package/dist/components/blog-teaser/index.d.ts +4 -3
  37. package/dist/components/blog-teaser/index.js +14 -5
  38. package/dist/components/button/button.schema.dereffed.json +1 -0
  39. package/dist/components/button/button.schema.json +1 -0
  40. package/dist/components/button/index.d.ts +1 -0
  41. package/dist/components/button-group/button-group.schema.dereffed.json +1 -0
  42. package/dist/components/button-group/index.d.ts +1 -0
  43. package/dist/components/contact/contact.css +2 -0
  44. package/dist/components/contact/contact.schema.dereffed.json +2 -1
  45. package/dist/components/contact/contact.schema.json +2 -1
  46. package/dist/components/contact/index.d.ts +1 -0
  47. package/dist/components/contact/index.js +10 -1
  48. package/dist/components/cta/cta.css +3 -3
  49. package/dist/components/cta/cta.schema.dereffed.json +1 -0
  50. package/dist/components/cta/index.d.ts +1 -0
  51. package/dist/components/cta/index.js +20 -2
  52. package/dist/components/divider/divider.css +1 -1
  53. package/dist/components/divider/index.d.ts +2 -26
  54. package/dist/components/divider/index.js +6 -1
  55. package/dist/components/faq/index.d.ts +1 -0
  56. package/dist/components/faq/index.js +6 -1
  57. package/dist/components/feature/feature.schema.dereffed.json +1 -0
  58. package/dist/components/feature/feature.schema.json +1 -0
  59. package/dist/components/feature/index.d.ts +53 -1
  60. package/dist/components/feature/index.js +14 -2
  61. package/dist/components/features/features.css +43 -10
  62. package/dist/components/features/features.schema.dereffed.json +3 -40
  63. package/dist/components/features/features.schema.json +24 -1
  64. package/dist/components/features/index.d.ts +2 -1
  65. package/dist/components/features/index.js +23 -3
  66. package/dist/components/footer/footer.css +4 -4
  67. package/dist/components/footer/index.d.ts +1 -0
  68. package/dist/components/footer/index.js +11 -1
  69. package/dist/components/gallery/gallery.css +0 -18
  70. package/dist/components/gallery/index.d.ts +1 -0
  71. package/dist/components/gallery/index.js +8 -1
  72. package/dist/components/header/header.css +2 -3
  73. package/dist/components/header/index.d.ts +4 -3
  74. package/dist/components/header/index.js +14 -2
  75. package/dist/components/headline/headline.css +18 -2
  76. package/dist/components/headline/headline.schema.dereffed.json +5 -0
  77. package/dist/components/headline/headline.schema.json +5 -0
  78. package/dist/components/headline/index.d.ts +6 -0
  79. package/dist/components/headline/index.js +1 -1
  80. package/dist/components/hero/hero.css +38 -5
  81. package/dist/components/hero/hero.schema.dereffed.json +4 -2
  82. package/dist/components/hero/hero.schema.json +2 -2
  83. package/dist/components/hero/index.d.ts +2 -1
  84. package/dist/components/hero/index.js +19 -3
  85. package/dist/components/html/Html.client.d.ts +5 -0
  86. package/dist/components/html/Html.client.js +41 -0
  87. package/dist/components/html/html.css +52 -0
  88. package/dist/components/html/html.schema.dereffed.json +61 -0
  89. package/dist/components/html/html.schema.json +31 -3
  90. package/dist/components/html/index.d.ts +5 -26
  91. package/dist/components/html/index.js +25 -4
  92. package/dist/components/image-story/image-story.css +1 -1
  93. package/dist/components/image-story/image-story.schema.dereffed.json +1 -0
  94. package/dist/components/image-story/image-story.schema.json +5 -1
  95. package/dist/components/image-story/index.d.ts +1 -0
  96. package/dist/components/image-story/index.js +14 -2
  97. package/dist/components/image-text/index.d.ts +1 -0
  98. package/dist/components/image-text/index.js +7 -1
  99. package/dist/components/index/index.d.ts +6 -1
  100. package/dist/components/logo/index.d.ts +1 -0
  101. package/dist/components/logo/index.js +6 -1
  102. package/dist/components/logos/index.d.ts +1 -0
  103. package/dist/components/logos/index.js +12 -1
  104. package/dist/components/logos/logos.css +2 -2
  105. package/dist/components/mosaic/index.d.ts +1 -0
  106. package/dist/components/mosaic/index.js +8 -1
  107. package/dist/components/mosaic/mosaic.css +3 -0
  108. package/dist/components/mosaic/mosaic.schema.dereffed.json +1 -0
  109. package/dist/components/nav-dropdown/index.d.ts +1 -0
  110. package/dist/components/nav-flyout/index.d.ts +1 -0
  111. package/dist/components/nav-flyout/index.js +7 -1
  112. package/dist/components/nav-main/index.d.ts +1 -0
  113. package/dist/components/nav-main/index.js +11 -1
  114. package/dist/components/nav-topbar/index.d.ts +1 -0
  115. package/dist/components/nav-topbar/index.js +7 -1
  116. package/dist/components/page/index.d.ts +1 -0
  117. package/dist/components/page/page.schema.dereffed.json +169 -118
  118. package/dist/components/page-wrapper/index.js +107 -389
  119. package/dist/components/page-wrapper/tokens.css +55 -4
  120. package/dist/components/presets.json +182 -237
  121. package/dist/components/providers/index.js +2 -1
  122. package/dist/components/section/index.d.ts +2 -1
  123. package/dist/components/section/index.js +27 -3
  124. package/dist/components/section/js/Section.client.js +1 -1
  125. package/dist/components/section/section.css +50 -35
  126. package/dist/components/section/section.schema.dereffed.json +169 -118
  127. package/dist/components/section/section.schema.json +13 -2
  128. package/dist/components/settings/settings.schema.dereffed.json +5 -0
  129. package/dist/components/settings/settings.schema.json +5 -0
  130. package/dist/components/slider/index.d.ts +1 -0
  131. package/dist/components/slider/index.js +1 -1
  132. package/dist/components/slider/slider.css +5 -0
  133. package/dist/components/slider/slider.schema.dereffed.json +37 -63
  134. package/dist/components/slider/slider.schema.json +1 -1
  135. package/dist/components/split/index.d.ts +1 -0
  136. package/dist/components/split/split.css +3 -3
  137. package/dist/components/stat/index.d.ts +2 -1
  138. package/dist/components/stat/index.js +16 -4
  139. package/dist/components/stat/stat.schema.dereffed.json +7 -5
  140. package/dist/components/stat/stat.schema.json +3 -2
  141. package/dist/components/stats/index.d.ts +1 -0
  142. package/dist/components/stats/index.js +6 -1
  143. package/dist/components/stats/stats.css +3 -7
  144. package/dist/components/stats/stats.schema.dereffed.json +7 -5
  145. package/dist/components/teaser-card/index.d.ts +1 -0
  146. package/dist/components/teaser-card/index.js +13 -2
  147. package/dist/components/testimonial/index.d.ts +49 -1
  148. package/dist/components/testimonial/index.js +11 -2
  149. package/dist/components/testimonial/testimonial.schema.dereffed.json +11 -0
  150. package/dist/components/testimonial/testimonial.schema.json +7 -0
  151. package/dist/components/testimonials/index.d.ts +2 -1
  152. package/dist/components/testimonials/index.js +10 -3
  153. package/dist/components/testimonials/testimonials.css +56 -28
  154. package/dist/components/testimonials/testimonials.schema.dereffed.json +11 -5
  155. package/dist/components/testimonials/testimonials.schema.json +30 -1
  156. package/dist/components/text/index.d.ts +1 -0
  157. package/dist/components/text/index.js +8 -1
  158. package/dist/components/tile/tile.schema.dereffed.json +1 -0
  159. package/dist/components/tile/tile.schema.json +8 -2
  160. package/dist/components/video-curtain/index.d.ts +1 -0
  161. package/dist/components/video-curtain/index.js +11 -1
  162. package/dist/components/video-curtain/video-curtain.css +4 -3
  163. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +2 -1
  164. package/dist/components/video-curtain/video-curtain.schema.json +1 -1
  165. package/dist/global.css +66 -42
  166. package/dist/helpers-84d80d46.d.ts +5 -0
  167. package/dist/helpers-84d80d46.js +33 -0
  168. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  169. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  170. package/dist/static/img/screenshots/blog-blog-head--default.png +0 -0
  171. package/dist/static/img/screenshots/blog-blog-teaser--default.png +0 -0
  172. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  173. package/dist/static/img/screenshots/components-cta--align-bottom.png +0 -0
  174. package/dist/static/img/screenshots/components-cta--angled-image.png +0 -0
  175. package/dist/static/img/screenshots/components-cta--banner.png +0 -0
  176. package/dist/static/img/screenshots/components-cta--colored-banner.png +0 -0
  177. package/dist/static/img/screenshots/components-cta--contact-banner.png +0 -0
  178. package/dist/static/img/screenshots/components-cta--highlighted.png +0 -0
  179. package/dist/static/img/screenshots/components-cta--left-aligned.png +0 -0
  180. package/dist/static/img/screenshots/components-cta--product-advertisement.png +0 -0
  181. package/dist/static/img/screenshots/components-cta--split-banner.png +0 -0
  182. package/dist/static/img/screenshots/components-faq--dropdown-list.png +0 -0
  183. package/dist/static/img/screenshots/components-faq--single-dropdown.png +0 -0
  184. package/dist/static/img/screenshots/components-features--icon-beside-with-link-in-text.png +0 -0
  185. package/dist/static/img/screenshots/components-features--icon-centered.png +0 -0
  186. package/dist/static/img/screenshots/components-features--icon-intext-with-link.png +0 -0
  187. package/dist/static/img/screenshots/components-features--list-view.png +0 -0
  188. package/dist/static/img/screenshots/components-features--stack-with-button.png +0 -0
  189. package/dist/static/img/screenshots/components-headline--h-1.png +0 -0
  190. package/dist/static/img/screenshots/components-headline--h-2.png +0 -0
  191. package/dist/static/img/screenshots/components-headline--h-3.png +0 -0
  192. package/dist/static/img/screenshots/components-headline--h-4.png +0 -0
  193. package/dist/static/img/screenshots/components-headline--order-swapped.png +0 -0
  194. package/dist/static/img/screenshots/components-headline--with-markdown.png +0 -0
  195. package/dist/static/img/screenshots/components-headline--with-subheadline.png +0 -0
  196. package/dist/static/img/screenshots/components-hero--text-box-on-full-screen.png +0 -0
  197. package/dist/static/img/screenshots/components-hero--text-on-image-with-overlay.png +0 -0
  198. package/dist/static/img/screenshots/components-html--html.png +0 -0
  199. package/dist/static/img/screenshots/components-html--with-consent.png +0 -0
  200. package/dist/static/img/screenshots/components-html--with-script.png +0 -0
  201. package/dist/static/img/screenshots/components-logos--centered-with-button.png +0 -0
  202. package/dist/static/img/screenshots/components-logos--left-aligned-with-text-link.png +0 -0
  203. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  204. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  205. package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
  206. package/dist/static/img/screenshots/components-testimonials--alternating-layout.png +0 -0
  207. package/dist/static/img/screenshots/components-testimonials--list-layout.png +0 -0
  208. package/dist/static/img/screenshots/components-testimonials--simple.png +0 -0
  209. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  210. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  211. package/dist/static/img/screenshots/components-testimonials--with-title.png +0 -0
  212. package/dist/static/img/screenshots/form-select-field--default.png +0 -0
  213. package/dist/static/img/screenshots/form-text-area--default.png +0 -0
  214. package/dist/static/img/screenshots/form-text-field--default.png +0 -0
  215. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  216. package/dist/static/img/screenshots/layout-divider--default.png +0 -0
  217. package/dist/static/img/screenshots/layout-header--header.png +0 -0
  218. package/dist/static/img/screenshots/layout-section--accent-background.png +0 -0
  219. package/dist/static/img/screenshots/layout-section--background-image.png +0 -0
  220. package/dist/static/img/screenshots/layout-section--bold-background.png +0 -0
  221. package/dist/static/img/screenshots/layout-section--cards.png +0 -0
  222. package/dist/static/img/screenshots/layout-section--colorful-gradient.png +0 -0
  223. package/dist/static/img/screenshots/layout-section--flex-layout.png +0 -0
  224. package/dist/static/img/screenshots/layout-section--inverted.png +0 -0
  225. package/dist/static/img/screenshots/layout-section--list-layout.png +0 -0
  226. package/dist/static/img/screenshots/layout-section--slider.png +0 -0
  227. package/dist/static/img/screenshots/layout-section--spotlight.png +0 -0
  228. package/dist/static/img/screenshots/layout-section--stagelights.png +0 -0
  229. package/dist/static/img/screenshots/layout-section--tile-layout.png +0 -0
  230. package/dist/static/img/screenshots/layout-section--with-buttons.png +0 -0
  231. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  232. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  233. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  234. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  235. package/dist/static/img/screenshots/{pages-archetypes--blog-overview.png → page-archetypes-blog-overview--blog-overview.png} +0 -0
  236. package/dist/static/img/screenshots/page-archetypes-blog-post--blog-post.png +0 -0
  237. package/dist/static/img/screenshots/page-archetypes-landingpage--landingpage.png +0 -0
  238. package/dist/static/img/screenshots/page-archetypes-overview--overview.png +0 -0
  239. package/dist/static/img/screenshots/page-archetypes-showcase--showcase.png +0 -0
  240. package/dist/tokens/IconSprite.js +105 -388
  241. package/dist/tokens/icon-sprite.html +54 -37
  242. package/dist/tokens/themes.css +4 -4
  243. package/dist/tokens/tokens.css +55 -4
  244. package/dist/tokens/tokens.js +49 -52
  245. package/package.json +13 -17
  246. package/dist/FeatureProps-f8a75850.d.ts +0 -52
  247. package/dist/FeaturesProps-b05859d6.d.ts +0 -34
  248. package/dist/TestimonialsProps-f7211553.d.ts +0 -22
  249. package/dist/components/image/image.css +0 -18
  250. package/dist/components/image/image.schema.dereffed.json +0 -105
  251. package/dist/components/image/image.schema.json +0 -95
  252. package/dist/components/image/index.d.ts +0 -87
  253. package/dist/components/image/index.js +0 -11
  254. package/dist/components/picture/picture.schema.json +0 -88
  255. package/dist/static/img/screenshots/components-image--custom-aspect-ratio.png +0 -0
  256. package/dist/static/img/screenshots/components-image--preset-size.png +0 -0
  257. package/dist/static/img/screenshots/components-image--responsive-image.png +0 -0
  258. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  259. package/dist/static/img/screenshots/pages-archetypes--content.png +0 -0
  260. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  261. 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
- }