@kickstartds/ds-agency-premium 1.6.71--canary.45.1843.0 → 1.7.0--canary.18.1660.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (372) hide show
  1. package/dist/{BlogAsideProps-c760fd2a.d.ts → BlogAsideProps-d9decb7c.d.ts} +5 -5
  2. package/dist/{BlogAuthorProps-fb0241df.d.ts → BlogAuthorProps-88a11566.d.ts} +2 -7
  3. package/dist/{BlogHeadProps-c04a5ed8.d.ts → BlogHeadProps-3f6e4072.d.ts} +1 -6
  4. package/dist/BlogOverviewProps-9f207f1c.d.ts +2 -2
  5. package/dist/BlogPostProps-6b3cff22.d.ts +4 -4
  6. package/dist/BlogTeaserProps-f5855e93.d.ts +4 -9
  7. package/dist/{ButtonProps-00ddee3a.d.ts → ButtonProps-03ff6d21.d.ts} +4 -4
  8. package/dist/{CtaProps-babe4ee6.d.ts → CtaProps-93230a76.d.ts} +11 -21
  9. package/dist/FeatureProps-f8a75850.d.ts +52 -0
  10. package/dist/FeaturesProps-b05859d6.d.ts +34 -0
  11. package/dist/{FooterProps-a0a104ca.d.ts → FooterProps-171a3067.d.ts} +2 -2
  12. package/dist/{HeaderProps-72763967.d.ts → HeaderProps-e22382f1.d.ts} +2 -2
  13. package/dist/{HeroProps-40f6c7f5.d.ts → HeroProps-cf82a16d.d.ts} +5 -10
  14. package/dist/ImageStoryProps-e853e1e7.d.ts +1 -1
  15. package/dist/MosaicProps-d52c7151.d.ts +4 -4
  16. package/dist/PageProps-aa29c554.d.ts +1 -1
  17. package/dist/{SectionProps-21d04028.d.ts → SectionProps-83d399b4.d.ts} +11 -23
  18. package/dist/{SliderProps-babe4ee6.d.ts → SliderProps-93230a76.d.ts} +5 -5
  19. package/dist/{TeaserCardProps-994cb119.d.ts → TeaserCardProps-b9c28e78.d.ts} +4 -4
  20. package/dist/{TestimonialsProps-e344f597.d.ts → TestimonialProps-94bdeac9.d.ts} +2 -22
  21. package/dist/TestimonialsProps-f7211553.d.ts +22 -0
  22. package/dist/{VideoCurtainProps-a2c0cc7f.d.ts → VideoCurtainProps-6c625a69.d.ts} +5 -5
  23. package/dist/components/blog-aside/blog-aside.css +4 -4
  24. package/dist/components/blog-aside/blog-aside.schema.dereffed.json +9 -19
  25. package/dist/components/blog-aside/blog-aside.schema.json +4 -5
  26. package/dist/components/blog-aside/index.d.ts +1 -2
  27. package/dist/components/blog-aside/index.js +3 -3
  28. package/dist/components/blog-author/blog-author.schema.dereffed.json +5 -14
  29. package/dist/components/blog-author/index.d.ts +1 -2
  30. package/dist/components/blog-head/blog-head.css +3 -3
  31. package/dist/components/blog-head/blog-head.schema.dereffed.json +0 -8
  32. package/dist/components/blog-head/blog-head.schema.json +0 -6
  33. package/dist/components/blog-head/index.d.ts +1 -2
  34. package/dist/components/blog-head/index.js +2 -2
  35. package/dist/components/blog-overview/blog-overview.schema.dereffed.json +192 -363
  36. package/dist/components/blog-overview/index.d.ts +0 -1
  37. package/dist/components/blog-post/blog-post.schema.dereffed.json +183 -348
  38. package/dist/components/blog-post/index.d.ts +0 -1
  39. package/dist/components/blog-post/index.js +2 -4
  40. package/dist/components/blog-teaser/blog-teaser.css +7 -9
  41. package/dist/components/blog-teaser/blog-teaser.schema.dereffed.json +6 -14
  42. package/dist/components/blog-teaser/blog-teaser.schema.json +5 -11
  43. package/dist/components/blog-teaser/index.d.ts +3 -4
  44. package/dist/components/blog-teaser/index.js +10 -8
  45. package/dist/components/button/button.css +2 -2
  46. package/dist/components/button/button.schema.dereffed.json +3 -4
  47. package/dist/components/button/button.schema.json +3 -4
  48. package/dist/components/button/index.d.ts +1 -2
  49. package/dist/components/button/index.js +1 -1
  50. package/dist/components/button-group/button-group.schema.dereffed.json +3 -4
  51. package/dist/components/button-group/index.d.ts +1 -2
  52. package/dist/components/contact/contact.css +16 -12
  53. package/dist/components/contact/contact.schema.dereffed.json +6 -15
  54. package/dist/components/contact/contact.schema.json +6 -13
  55. package/dist/components/contact/index.d.ts +1 -7
  56. package/dist/components/contact/index.js +1 -1
  57. package/dist/components/cta/cta.css +72 -49
  58. package/dist/components/cta/cta.schema.dereffed.json +11 -29
  59. package/dist/components/cta/cta.schema.json +10 -23
  60. package/dist/components/cta/index.d.ts +1 -2
  61. package/dist/components/cta/index.js +25 -25
  62. package/dist/components/divider/divider.css +1 -1
  63. package/dist/components/divider/index.d.ts +26 -2
  64. package/dist/components/faq/index.d.ts +0 -1
  65. package/dist/components/feature/feature.schema.dereffed.json +3 -14
  66. package/dist/components/feature/feature.schema.json +3 -12
  67. package/dist/components/feature/index.d.ts +1 -58
  68. package/dist/components/feature/index.js +2 -2
  69. package/dist/components/features/features.css +6 -19
  70. package/dist/components/features/features.schema.dereffed.json +40 -13
  71. package/dist/components/features/features.schema.json +1 -27
  72. package/dist/components/features/index.d.ts +1 -2
  73. package/dist/components/features/index.js +2 -11
  74. package/dist/components/footer/footer.css +5 -5
  75. package/dist/components/footer/footer.schema.dereffed.json +12 -12
  76. package/dist/components/footer/index.d.ts +1 -2
  77. package/dist/components/footer/index.js +1 -1
  78. package/dist/components/gallery/gallery.css +18 -0
  79. package/dist/components/gallery/gallery.schema.dereffed.json +1 -2
  80. package/dist/components/gallery/gallery.schema.json +1 -2
  81. package/dist/components/gallery/index.d.ts +0 -1
  82. package/dist/components/gallery/index.js +1 -1
  83. package/dist/components/header/header.css +11 -53
  84. package/dist/components/header/header.schema.dereffed.json +12 -12
  85. package/dist/components/header/index.d.ts +4 -5
  86. package/dist/components/header/index.js +5 -5
  87. package/dist/components/headline/headline.css +41 -49
  88. package/dist/components/headline/headline.schema.dereffed.json +0 -5
  89. package/dist/components/headline/headline.schema.json +0 -5
  90. package/dist/components/headline/index.d.ts +0 -6
  91. package/dist/components/headline/index.js +1 -1
  92. package/dist/components/hero/hero.css +22 -91
  93. package/dist/components/hero/hero.schema.dereffed.json +4 -12
  94. package/dist/components/hero/hero.schema.json +3 -9
  95. package/dist/components/hero/index.d.ts +1 -2
  96. package/dist/components/hero/index.js +37 -39
  97. package/dist/components/html/html.schema.json +3 -31
  98. package/dist/components/html/index.d.ts +26 -5
  99. package/dist/components/html/index.js +3 -17
  100. package/dist/components/image/image.css +18 -0
  101. package/dist/components/image/image.schema.dereffed.json +105 -0
  102. package/dist/components/image/image.schema.json +95 -0
  103. package/dist/components/image/index.d.ts +87 -0
  104. package/dist/components/image/index.js +11 -0
  105. package/dist/components/image-story/image-story.css +7 -10
  106. package/dist/components/image-story/image-story.schema.dereffed.json +3 -4
  107. package/dist/components/image-story/image-story.schema.json +1 -5
  108. package/dist/components/image-story/index.d.ts +0 -1
  109. package/dist/components/image-story/index.js +1 -0
  110. package/dist/components/image-text/image-text.css +4 -4
  111. package/dist/components/image-text/index.d.ts +0 -1
  112. package/dist/components/index/index.d.ts +3 -9
  113. package/dist/components/logo/index.d.ts +0 -1
  114. package/dist/components/logos/index.d.ts +0 -1
  115. package/dist/components/logos/index.js +1 -1
  116. package/dist/components/logos/logos.css +4 -4
  117. package/dist/components/logos/logos.schema.dereffed.json +6 -6
  118. package/dist/components/logos/logos.schema.json +6 -6
  119. package/dist/components/mosaic/index.d.ts +0 -1
  120. package/dist/components/mosaic/index.js +1 -1
  121. package/dist/components/mosaic/mosaic.css +7 -8
  122. package/dist/components/mosaic/mosaic.schema.dereffed.json +3 -4
  123. package/dist/components/nav-dropdown/index.d.ts +1 -2
  124. package/dist/components/nav-dropdown/index.js +2 -2
  125. package/dist/components/nav-dropdown/nav-dropdown.css +4 -13
  126. package/dist/components/nav-dropdown/nav-dropdown.schema.dereffed.json +1 -1
  127. package/dist/components/nav-flyout/index.d.ts +2 -3
  128. package/dist/components/nav-flyout/index.js +8 -6
  129. package/dist/components/nav-flyout/nav-flyout.css +15 -29
  130. package/dist/components/nav-flyout/nav-flyout.schema.dereffed.json +12 -12
  131. package/dist/components/nav-main/index.d.ts +5 -6
  132. package/dist/components/nav-main/index.js +2 -0
  133. package/dist/components/nav-main/nav-main.schema.dereffed.json +15 -15
  134. package/dist/components/nav-main/nav-main.schema.json +14 -14
  135. package/dist/components/nav-toggle/index.js +1 -1
  136. package/dist/components/nav-topbar/index.d.ts +2 -3
  137. package/dist/components/nav-topbar/index.js +2 -2
  138. package/dist/components/nav-topbar/nav-topbar.css +3 -16
  139. package/dist/components/nav-topbar/nav-topbar.schema.dereffed.json +12 -12
  140. package/dist/components/page/index.d.ts +0 -1
  141. package/dist/components/page/page.schema.dereffed.json +163 -292
  142. package/dist/components/page-wrapper/index.js +368 -135
  143. package/dist/components/page-wrapper/tokens.css +692 -439
  144. package/dist/components/picture/picture.schema.json +88 -0
  145. package/dist/components/presets.json +560 -1883
  146. package/dist/components/providers/index.js +1 -1
  147. package/dist/components/section/index.d.ts +1 -2
  148. package/dist/components/section/index.js +16 -10
  149. package/dist/components/section/js/Section.client.js +1 -1
  150. package/dist/components/section/section.css +93 -88
  151. package/dist/components/section/section.schema.dereffed.json +163 -292
  152. package/dist/components/section/section.schema.json +10 -21
  153. package/dist/components/settings/settings.schema.dereffed.json +24 -29
  154. package/dist/components/settings/settings.schema.json +0 -5
  155. package/dist/components/slider/index.d.ts +1 -2
  156. package/dist/components/slider/slider.css +9 -19
  157. package/dist/components/slider/slider.schema.dereffed.json +71 -78
  158. package/dist/components/split/index.d.ts +13 -0
  159. package/dist/components/split/index.js +17 -0
  160. package/dist/components/split/split.css +53 -0
  161. package/dist/components/split/split.schema.dereffed.json +29 -0
  162. package/dist/components/split/split.schema.json +19 -0
  163. package/dist/components/stat/index.d.ts +0 -1
  164. package/dist/components/stat/stat.schema.dereffed.json +0 -1
  165. package/dist/components/stat/stat.schema.json +0 -1
  166. package/dist/components/stats/index.d.ts +0 -1
  167. package/dist/components/stats/stats.css +7 -3
  168. package/dist/components/stats/stats.schema.dereffed.json +0 -1
  169. package/dist/components/teaser-card/index.d.ts +1 -2
  170. package/dist/components/teaser-card/index.js +9 -10
  171. package/dist/components/teaser-card/teaser-card.css +48 -68
  172. package/dist/components/teaser-card/teaser-card.schema.dereffed.json +4 -4
  173. package/dist/components/teaser-card/teaser-card.schema.json +4 -4
  174. package/dist/components/testimonial/index.d.ts +1 -49
  175. package/dist/components/testimonial/index.js +1 -4
  176. package/dist/components/testimonial/testimonial.schema.dereffed.json +0 -11
  177. package/dist/components/testimonial/testimonial.schema.json +0 -7
  178. package/dist/components/testimonials/index.d.ts +2 -3
  179. package/dist/components/testimonials/index.js +2 -2
  180. package/dist/components/testimonials/testimonials.css +28 -60
  181. package/dist/components/testimonials/testimonials.schema.dereffed.json +5 -11
  182. package/dist/components/testimonials/testimonials.schema.json +1 -30
  183. package/dist/components/text/index.d.ts +0 -1
  184. package/dist/components/text/text.css +2 -2
  185. package/dist/components/tile/tile.schema.dereffed.json +3 -4
  186. package/dist/components/tile/tile.schema.json +4 -10
  187. package/dist/components/video-curtain/index.d.ts +1 -2
  188. package/dist/components/video-curtain/index.js +4 -12
  189. package/dist/components/video-curtain/video-curtain.css +33 -57
  190. package/dist/components/video-curtain/video-curtain.schema.dereffed.json +4 -7
  191. package/dist/components/video-curtain/video-curtain.schema.json +3 -3
  192. package/dist/global.css +86 -340
  193. package/dist/static/img/logos/logoipsum-212.svg +12 -0
  194. package/dist/static/img/logos/logoipsum-217.svg +4 -0
  195. package/dist/static/img/logos/logoipsum-239.svg +16 -0
  196. package/dist/static/img/logos/logoipsum-244.svg +19 -0
  197. package/dist/static/img/logos/logoipsum-250.svg +21 -0
  198. package/dist/static/img/logos/logoipsum-286.svg +20 -0
  199. package/dist/static/img/people/author-alex.png +0 -0
  200. package/dist/static/img/people/author-emily.png +0 -0
  201. package/dist/static/img/people/author-john.png +0 -0
  202. package/dist/static/img/screenshots/blog-blog-aside--default.png +0 -0
  203. package/dist/static/img/screenshots/blog-blog-author--default.png +0 -0
  204. package/dist/static/img/screenshots/components-contact--wide-image.png +0 -0
  205. package/dist/static/img/screenshots/components-stats--count-up-with-description.png +0 -0
  206. package/dist/static/img/screenshots/components-stats--count-up-with-icons.png +0 -0
  207. package/dist/static/img/screenshots/components-teaser-card--page-navigation.png +0 -0
  208. package/dist/static/img/screenshots/components-testimonials--slider-layout.png +0 -0
  209. package/dist/static/img/screenshots/components-testimonials--with-rating.png +0 -0
  210. package/dist/static/img/screenshots/layout-footer--footer.png +0 -0
  211. package/dist/static/img/screenshots/layout-slider--with-arrows.png +0 -0
  212. package/dist/static/img/screenshots/layout-slider--with-autoplay.png +0 -0
  213. package/dist/static/img/screenshots/layout-slider--with-nav.png +0 -0
  214. package/dist/static/img/screenshots/layout-slider--with-teased-neighbours.png +0 -0
  215. package/dist/static/img/screenshots/pages-archetypes--blog-post.png +0 -0
  216. package/dist/static/img/screenshots/pages-archetypes--overview.png +0 -0
  217. package/dist/static/logo-inverted.svg +25 -12
  218. package/dist/static/logo.svg +25 -12
  219. package/dist/tokens/IconSprite.js +367 -134
  220. package/dist/tokens/icon-sprite.html +37 -72
  221. package/dist/tokens/themes.css +4 -4
  222. package/dist/tokens/tokens.css +692 -439
  223. package/dist/tokens/tokens.js +755 -651
  224. package/package.json +16 -11
  225. package/dist/DividerProps-2ef31901.d.ts +0 -26
  226. package/dist/EventAppointmentProps-443cd1ce.d.ts +0 -38
  227. package/dist/EventDetailProps-42a7eebe.d.ts +0 -387
  228. package/dist/EventFilterProps-b190eb86.d.ts +0 -73
  229. package/dist/EventLatestTeaserProps-fc9d3281.d.ts +0 -58
  230. package/dist/EventListTeaserProps-5cc94436.d.ts +0 -89
  231. package/dist/EventLocationProps-871bc198.d.ts +0 -41
  232. package/dist/FeaturesProps-a9041d97.d.ts +0 -67
  233. package/dist/HtmlProps-9d091769.d.ts +0 -34
  234. package/dist/SearchFilterProps-2fa6419b.d.ts +0 -29
  235. package/dist/SearchResultProps-224c2338.d.ts +0 -33
  236. package/dist/components/breadcrumb/breadcrumb.css +0 -32
  237. package/dist/components/breadcrumb/breadcrumb.schema.dereffed.json +0 -34
  238. package/dist/components/breadcrumb/breadcrumb.schema.json +0 -27
  239. package/dist/components/breadcrumb/index.d.ts +0 -28
  240. package/dist/components/breadcrumb/index.js +0 -17
  241. package/dist/components/content-nav/content-nav.css +0 -112
  242. package/dist/components/content-nav/content-nav.schema.dereffed.json +0 -61
  243. package/dist/components/content-nav/content-nav.schema.json +0 -52
  244. package/dist/components/content-nav/index.d.ts +0 -42
  245. package/dist/components/content-nav/index.js +0 -14
  246. package/dist/components/downloads/downloads.css +0 -153
  247. package/dist/components/downloads/downloads.schema.dereffed.json +0 -55
  248. package/dist/components/downloads/downloads.schema.json +0 -44
  249. package/dist/components/downloads/index.d.ts +0 -41
  250. package/dist/components/downloads/index.js +0 -18
  251. package/dist/components/event-appointment/event-appointment.css +0 -61
  252. package/dist/components/event-appointment/event-appointment.schema.dereffed.json +0 -56
  253. package/dist/components/event-appointment/event-appointment.schema.json +0 -47
  254. package/dist/components/event-appointment/index.d.ts +0 -7
  255. package/dist/components/event-appointment/index.js +0 -14
  256. package/dist/components/event-detail/event-detail.schema.dereffed.json +0 -287
  257. package/dist/components/event-detail/event-detail.schema.json +0 -74
  258. package/dist/components/event-detail/index.d.ts +0 -5
  259. package/dist/components/event-detail/index.js +0 -36
  260. package/dist/components/event-filter/event-filter.css +0 -31
  261. package/dist/components/event-filter/event-filter.schema.dereffed.json +0 -118
  262. package/dist/components/event-filter/event-filter.schema.json +0 -107
  263. package/dist/components/event-filter/index.d.ts +0 -7
  264. package/dist/components/event-filter/index.js +0 -34
  265. package/dist/components/event-header/event-header.css +0 -6
  266. package/dist/components/event-header/event-header.schema.dereffed.json +0 -38
  267. package/dist/components/event-header/event-header.schema.json +0 -34
  268. package/dist/components/event-header/index.d.ts +0 -35
  269. package/dist/components/event-header/index.js +0 -20
  270. package/dist/components/event-latest/event-latest.css +0 -5
  271. package/dist/components/event-latest/event-latest.schema.dereffed.json +0 -142
  272. package/dist/components/event-latest/event-latest.schema.json +0 -46
  273. package/dist/components/event-latest/index.d.ts +0 -30
  274. package/dist/components/event-latest/index.js +0 -19
  275. package/dist/components/event-latest-teaser/event-latest-teaser.css +0 -131
  276. package/dist/components/event-latest-teaser/event-latest-teaser.schema.dereffed.json +0 -97
  277. package/dist/components/event-latest-teaser/event-latest-teaser.schema.json +0 -73
  278. package/dist/components/event-latest-teaser/index.d.ts +0 -8
  279. package/dist/components/event-latest-teaser/index.js +0 -18
  280. package/dist/components/event-list/event-list.schema.dereffed.json +0 -284
  281. package/dist/components/event-list/event-list.schema.json +0 -18
  282. package/dist/components/event-list/index.d.ts +0 -19
  283. package/dist/components/event-list/index.js +0 -73
  284. package/dist/components/event-list-teaser/event-list-teaser.css +0 -141
  285. package/dist/components/event-list-teaser/event-list-teaser.schema.dereffed.json +0 -151
  286. package/dist/components/event-list-teaser/event-list-teaser.schema.json +0 -116
  287. package/dist/components/event-list-teaser/index.d.ts +0 -8
  288. package/dist/components/event-list-teaser/index.js +0 -21
  289. package/dist/components/event-location/event-location.css +0 -71
  290. package/dist/components/event-location/event-location.schema.dereffed.json +0 -126
  291. package/dist/components/event-location/event-location.schema.json +0 -61
  292. package/dist/components/event-location/index.d.ts +0 -7
  293. package/dist/components/event-location/index.js +0 -18
  294. package/dist/components/event-login/event-login.css +0 -31
  295. package/dist/components/event-login/event-login.schema.dereffed.json +0 -125
  296. package/dist/components/event-login/event-login.schema.json +0 -98
  297. package/dist/components/event-login/index.d.ts +0 -78
  298. package/dist/components/event-login/index.js +0 -21
  299. package/dist/components/event-registration/event-registration.css +0 -91
  300. package/dist/components/event-registration/event-registration.schema.dereffed.json +0 -174
  301. package/dist/components/event-registration/event-registration.schema.json +0 -138
  302. package/dist/components/event-registration/index.d.ts +0 -106
  303. package/dist/components/event-registration/index.js +0 -23
  304. package/dist/components/html/Html.client.d.ts +0 -5
  305. package/dist/components/html/Html.client.js +0 -41
  306. package/dist/components/html/html.css +0 -52
  307. package/dist/components/html/html.schema.dereffed.json +0 -61
  308. package/dist/components/pagination/index.d.ts +0 -47
  309. package/dist/components/pagination/index.js +0 -52
  310. package/dist/components/pagination/pagination.css +0 -66
  311. package/dist/components/pagination/pagination.schema.dereffed.json +0 -64
  312. package/dist/components/pagination/pagination.schema.json +0 -57
  313. package/dist/components/search/index.d.ts +0 -19
  314. package/dist/components/search/index.js +0 -39
  315. package/dist/components/search/search.schema.dereffed.json +0 -134
  316. package/dist/components/search/search.schema.json +0 -18
  317. package/dist/components/search-bar/index.d.ts +0 -35
  318. package/dist/components/search-bar/index.js +0 -17
  319. package/dist/components/search-bar/search-bar.css +0 -33
  320. package/dist/components/search-bar/search-bar.schema.dereffed.json +0 -48
  321. package/dist/components/search-bar/search-bar.schema.json +0 -35
  322. package/dist/components/search-filter/index.d.ts +0 -7
  323. package/dist/components/search-filter/index.js +0 -15
  324. package/dist/components/search-filter/search-filter.css +0 -20
  325. package/dist/components/search-filter/search-filter.schema.dereffed.json +0 -69
  326. package/dist/components/search-filter/search-filter.schema.json +0 -46
  327. package/dist/components/search-result/index.d.ts +0 -7
  328. package/dist/components/search-result/index.js +0 -15
  329. package/dist/components/search-result/search-result.css +0 -26
  330. package/dist/components/search-result/search-result.schema.dereffed.json +0 -50
  331. package/dist/components/search-result/search-result.schema.json +0 -41
  332. package/dist/components/split-even/index.d.ts +0 -74
  333. package/dist/components/split-even/index.js +0 -7
  334. package/dist/components/split-even/split-even.css +0 -100
  335. package/dist/components/split-even/split-even.schema.dereffed.json +0 -5899
  336. package/dist/components/split-even/split-even.schema.json +0 -170
  337. package/dist/components/split-weighted/index.d.ts +0 -104
  338. package/dist/components/split-weighted/index.js +0 -13
  339. package/dist/components/split-weighted/split-weighted.css +0 -133
  340. package/dist/components/split-weighted/split-weighted.schema.dereffed.json +0 -5959
  341. package/dist/components/split-weighted/split-weighted.schema.json +0 -212
  342. package/dist/static/fonts/systemics/Montserrat-Bold.woff2 +0 -0
  343. package/dist/static/fonts/systemics/Montserrat-Light.woff2 +0 -0
  344. package/dist/static/fonts/systemics/Montserrat-Medium.woff2 +0 -0
  345. package/dist/static/fonts/systemics/Montserrat-Regular.woff2 +0 -0
  346. package/dist/static/fonts/systemics/Montserrat-SemiBold.woff2 +0 -0
  347. package/dist/static/img/about/angled-image.png +0 -0
  348. package/dist/static/img/about/cta.png +0 -0
  349. package/dist/static/img/about/cutout.png +0 -0
  350. package/dist/static/img/about/disclaimer.png +0 -0
  351. package/dist/static/img/about/purpose.png +0 -0
  352. package/dist/static/img/about/spoiler.png +0 -0
  353. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-01.svg +0 -72
  354. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-02.svg +0 -112
  355. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-03.svg +0 -197
  356. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-04.svg +0 -76
  357. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-05.svg +0 -82
  358. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-06.svg +0 -219
  359. package/dist/static/img/kickstartDS/CMS-Starter producthunt-slide-07.svg +0 -85
  360. package/dist/static/img/logos/logoipsum-344.svg +0 -174
  361. package/dist/static/img/logos/logoipsum-347.svg +0 -52
  362. package/dist/static/img/logos/logoipsum-352.svg +0 -22
  363. package/dist/static/img/logos/logoipsum-356.svg +0 -20
  364. package/dist/static/img/logos/logoipsum-358.svg +0 -29
  365. package/dist/static/img/logos/logoipsum-369.svg +0 -20
  366. package/dist/static/img/logos/logoipsum-373.svg +0 -17
  367. package/dist/static/img/people/contact-person.png +0 -0
  368. package/dist/static/img/screenshots/layout-divider--accent.png +0 -0
  369. package/dist/static/img/screenshots/layout-divider--default.png +0 -0
  370. package/dist/static/logo-dark.svg +0 -13
  371. package/dist/static/logo-dsa-inverted.svg +0 -26
  372. package/dist/static/logo-dsa.svg +0 -26
@@ -1,56 +1,37 @@
1
- @charset "UTF-8";
2
1
  .dsa-testimonials {
3
- --dsa-testimonials--padding-left: calc(var(--dsa-testimonials__icon--font-size) / 6);
4
- --dsa-testimonials--padding-top: 0.5em;
5
- --dsa-testimonials--gap: var(--ks-spacing-stack-s) var(--ks-spacing-inline-m);
6
- --dsa-testimonials__quote--font: var(--ks-font-copy-l);
7
- --dsa-testimonials__quote--font-weight: var(--ks-font-weight-regular);
8
- --dsa-testimonials__quote--margin-bottom: var(--ks-spacing-stack-s);
9
- --dsa-testimonials__source--font: var(--ks-font-copy-m);
10
- --dsa-testimonials__source--font-style: normal;
11
- --dsa-testimonials__source--color: var(--ks-text-color-default);
12
- --dsa-testimonials__source--text-transform: normal;
13
- --dsa-testimonials__source--font-weight: var(--ks-font-weight-bold);
14
- --dsa-testimonials__icon--font-family: var(--ks-font-family-copy);
15
- --dsa-testimonials__icon--font-size: 10em;
16
- --dsa-testimonials__icon--color: var(--ks-color-fg-alpha-8);
17
- --dsa-testimonials__icon--content: "”";
18
- --dsa-testimonials__icon--left: 0.15em;
19
- --dsa-testimonials__icon--transform: translate(-50%, -10%);
20
- --dsa-testimonials__byline--font: var(--ks-font-copy-m);
21
- --dsa-testimonials__byline--font-weight: var(--ks-font-weight-regular);
22
- --dsa-testimonials__byline--color: var(--ks-text-color-copy);
23
- --dsa-testimonials__image--max-width: 40%;
24
- --dsa-testimonials__list--gap: var(--ks-spacing-stack-xl);
2
+ --dsa-testimonial__source--font: var(--ks-font-copy-m);
3
+ --dsa-testimonial__icon--font-family: var(--ks-font-family-copy);
4
+ --dsa-testimonial__icon--font-size: 3em;
5
+ --dsa-testimonial__icon--color: var(--ks-text-color-primary);
6
+ --dsa-testimonial__byline--font: var(--ks-font-copy-m);
7
+ --dsa-testimonial__byline--font-weight: var(--ks-font-weight-regular);
8
+ --dsa-testimonial__image--max-width: 40%;
9
+ --dsa-testimonial__source--color: var(--ks-text-color-default);
10
+ --dsa-testimonial__byline--color: var(--ks-text-color-copy);
11
+ --testimonials__copy--margin-bottom: var(--ks-spacing-stack-s);
12
+ --dsa-testimonial--padding-left: var(--ks-spacing-xl);
13
+ --dsa-testimonial__copy--font: var(--ks-font-copy-l);
14
+ --dsa-testimonial__list--gap: var(--ks-spacing-stack-xl);
25
15
  }
26
16
  @container quote (min-width: 640px) {
27
17
  .dsa-testimonials {
28
- --dsa-testimonials__image--max-width: 40%;
18
+ --dsa-testimonial__image--max-width: 40%;
29
19
  }
30
20
  }
31
21
  @container quote (min-width: 960px) {
32
22
  .dsa-testimonials {
33
- --dsa-testimonials--padding-left: var(--ks-spacing-inline-xl);
23
+ --c-quote_content--padding-left: var(--ks-spacing-l);
34
24
  }
35
25
  }
36
26
 
37
27
  .dsa-testimonials .c-quote {
38
- --c-quote_text--font: var(--dsa-testimonials__quote--font, var(--ks-font-copy-l));
39
- --c-quote_text--margin-bottom: var(--dsa-testimonials__quote--margin-bottom, var(--ks-spacing-stack-s));
40
- --c-quote_source--font: var(--dsa-testimonials__source--font, (--ks-font-copy-s));
41
- --c-quote_source--font-style: var(--dsa-testimonials__source--font-style, normal);
42
- --c-quote_source--font-weight: var(--dsa-testimonials__source--font-weight, var(--ks-font-weight-bold));
43
- --c-quote_source--text-transform: var(--dsa-testimonials__source--text-transform, uppercase);
44
- --c-quote_icon--font-family: var(--dsa-testimonials__icon--font-family, var(--ks-font-family-copy));
45
- --c-quote_icon--font-size: var(--dsa-testimonials__icon--font-size, 3em);
46
- --c-quote_icon--color: var(--dsa-testimonials__icon--color, var(--ks-text-color-primary));
47
- --c-quote_icon--content: var(--dsa-testimonials__icon--content, "”");
48
- --c-quote_icon--left: var(--dsa-testimonials__icon--left, calc(var(--c-quote_content--padding-left) / 2));
49
- --c-quote_icon--transform: var(--dsa-testimonials__icon--transform, translateX(-50%));
50
- --c-quote_byline--font: var(--dsa-testimonials__byline--font, var(--ks-font-copy-m));
51
- --c-quote_byline--font-weight: var(--dsa-testimonials__byline--font-weight, var(--ks-font-weight-regular));
52
- --c-quote_image--max-width: var(--dsa-testimonials__image--max-width, 40%);
53
- --c-quote_content--padding-left: var(--dsa-testimonials--padding-left, var(--ks-spacing-inline-l));
28
+ --c-quote_source--font: var(--dsa-testimonial__source--font, var(--ks-font-copy-m));
29
+ --c-quote_icon--font-family: var(--dsa-testimonial__icon--font-family, var(--ks-font-family-copy));
30
+ --c-quote_icon--font-size: var(--dsa-testimonial__icon--font-size, 3em);
31
+ --c-quote_icon--color: var(--dsa-testimonial__icon--color, var(--ks-text-color-primary));
32
+ --c-quote_byline--font: var(--dsa-testimonial__byline--font, var(--ks-font-copy-m));
33
+ --c-quote_byline--font-weight: var(--dsa-testimonial__byline--font-weight, var(--ks-font-weight-regular));
34
+ --c-quote_image--max-width: var(--dsa-testimonial__image--max-width, 40%);
54
35
  }
55
36
  .dsa-testimonials .c-slider-main {
56
37
  --c-slider_bullet--outline-color-active: var(--ks-text-color-primary);
@@ -59,28 +40,22 @@
59
40
  .dsa-testimonials--list {
60
41
  display: flex;
61
42
  flex-direction: column;
62
- gap: var(--dsa-testimonials__list--gap, var(--ks-spacing-stack-xl));
63
- }
64
- .dsa-testimonials .c-quote {
65
- gap: var(--dsa-testimonials--gap, var(--ks-spacing-stack-s) var(--ks-spacing-inline-m));
43
+ gap: var(--dsa-testimonial__list--gap, var(--ks-spacing-stack-xl));
66
44
  }
67
45
  .dsa-testimonials .c-quote__source {
68
- color: var(--dsa-testimonials__source--color, var(--ks-text-color-default));
46
+ color: var(--dsa-testimonial__source--color, var(--ks-text-color-default));
69
47
  }
70
48
  .dsa-testimonials .c-quote__byline {
71
- color: var(--dsa-testimonials__byline--color, var(--ks-text-color-copy));
49
+ color: var(--dsa-testimonial__byline--color, var(--ks-text-color-copy));
72
50
  }
73
51
  .dsa-testimonials .c-quote__text {
74
- font-weight: var(--dsa-testimonials__quote--font-weight, var(--ks-font-weight-regular));
75
- position: relative;
76
- z-index: 1;
77
- margin-bottom: var(--dsa-testimonials__quote--margin-bottom, var(--ks-spacing-stack-s));
52
+ margin-bottom: var(--testimonials__copy--margin-bottom, var(--ks-spacing-stack-s));
78
53
  }
79
54
  .dsa-testimonials .c-quote--reverse {
80
55
  flex-direction: row-reverse;
81
56
  }
82
57
  .dsa-testimonials .c-quote--reverse .c-quote__content {
83
- padding-right: var(--dsa-testimonials--padding-left, var(--ks-spacing-xl));
58
+ padding-right: var(--dsa-testimonial--padding-left, var(--ks-spacing-xl));
84
59
  padding-left: unset;
85
60
  }
86
61
  .dsa-testimonials .c-quote--reverse .c-quote__content:before {
@@ -88,15 +63,8 @@
88
63
  top: 0;
89
64
  left: unset;
90
65
  }
91
- .dsa-testimonials .c-quote.c-quote--small-signs .c-quote__content {
92
- padding: 0;
93
- }
94
- .dsa-testimonials .c-quote.c-quote--small-signs .c-quote__content::before {
95
- content: "";
96
- }
97
66
  .dsa-testimonials .c-quote .c-quote__content {
98
- font: var(--dsa-testimonials__quote--font, var(--ks-font-copy-l));
99
- padding-top: var(--dsa-testimonials--padding-top, 0.5em);
67
+ font: var(--dsa-testimonial__copy--font, var(--ks-font-copy-l));
100
68
  }
101
69
  .dsa-testimonials .c-quote .c-quote__content::before {
102
70
  line-height: 0.7;
@@ -16,22 +16,13 @@
16
16
  ],
17
17
  "default": "slider"
18
18
  },
19
- "quoteSigns": {
20
- "title": "Style of the quote signs",
21
- "description": "The style of the quote signs",
22
- "type": "string",
23
- "enum": [
24
- "normal",
25
- "large",
26
- "none"
27
- ],
28
- "default": "normal"
29
- },
30
19
  "testimonial": {
31
20
  "type": "array",
32
21
  "title": "Testimonials",
33
22
  "description": "Add testimonials featuring an image, a quote, a source and a rating",
34
23
  "items": {
24
+ "$schema": "http://json-schema.org/draft-07/schema#",
25
+ "$id": "http://schema.mydesignsystem.com/testimonial.schema.json",
35
26
  "title": "Testimonial",
36
27
  "description": "Testimonial entry of Testimonials component",
37
28
  "type": "object",
@@ -84,6 +75,9 @@
84
75
  "type": "integer",
85
76
  "minimum": 1,
86
77
  "maximum": 5
78
+ },
79
+ "type": {
80
+ "const": "testimonial"
87
81
  }
88
82
  },
89
83
  "additionalProperties": false,
@@ -12,41 +12,12 @@
12
12
  "enum": ["slider", "list", "alternating"],
13
13
  "default": "slider"
14
14
  },
15
- "quoteSigns": {
16
- "title": "Style of the quote signs",
17
- "description": "The style of the quote signs",
18
- "type": "string",
19
- "enum": ["normal", "large", "none"],
20
- "default": "normal"
21
- },
22
15
  "testimonial": {
23
16
  "type": "array",
24
17
  "title": "Testimonials",
25
18
  "description": "Add testimonials featuring an image, a quote, a source and a rating",
26
19
  "items": {
27
- "title": "Testimonial",
28
- "description": "Testimonial entry of Testimonials component",
29
- "type": "object",
30
- "properties": {
31
- "quote": {
32
- "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json#/properties/quote"
33
- },
34
-
35
- "name": {
36
- "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json#/properties/name"
37
- },
38
- "title": {
39
- "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json#/properties/title"
40
- },
41
- "image": {
42
- "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json#/properties/image"
43
- },
44
- "rating": {
45
- "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json#/properties/rating"
46
- }
47
- },
48
- "additionalProperties": false,
49
- "required": ["quote", "name", "image"]
20
+ "$ref": "http://schema.mydesignsystem.com/testimonial.schema.json"
50
21
  }
51
22
  }
52
23
  },
@@ -4,5 +4,4 @@ import { TextProps } from "../../TextProps-a23170d2.js";
4
4
  declare const TextContextDefault: import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const TextContext: import("react").Context<import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const Text: import("react").ForwardRefExoticComponent<TextProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
7
- export type { TextProps };
8
7
  export { TextContextDefault, TextContext, Text };
@@ -8,8 +8,8 @@
8
8
  }
9
9
 
10
10
  .c-rich-text.dsa-text {
11
- font: var(--dsa-text--font, var(--dsa-rich-text--font, var(--ks-font-copy-m)));
12
- color: var(--dsa-text--color, var(--dsa-rich-text--color, var(--ks-text-color-default)));
11
+ font: var(--dsa-text--font, var(--dsa-rich-text--font), var(--ks-font-copy-m));
12
+ color: var(--dsa-text--color, var(--dsa-rich-text--color), var(--ks-text-color-default));
13
13
  }
14
14
  .c-rich-text.dsa-text--highlight.c-rich-text {
15
15
  color: var(--dsa-text_highlight--color, var(--ks-text-color-default));
@@ -59,15 +59,14 @@
59
59
  "Book a meeting"
60
60
  ]
61
61
  },
62
- "url": {
62
+ "target": {
63
63
  "type": "string",
64
- "title": "URL",
65
- "description": "The URL to link to when the button is clicked",
64
+ "title": "Target",
65
+ "description": "Target that should be linked, makes the button behave like a link semantically",
66
66
  "format": "uri"
67
67
  },
68
68
  "icon": {
69
69
  "type": "string",
70
- "format": "icon",
71
70
  "title": "Icon",
72
71
  "description": "Choose an icon"
73
72
  }
@@ -26,16 +26,10 @@
26
26
  "type": "object",
27
27
  "properties": {
28
28
  "src": {
29
- "title": "Source",
30
- "description": "Picture source",
31
- "type": "string",
32
- "format": "image",
33
- "examples": ["img/close-up-young-business-team-working.png"]
29
+ "$ref": "http://schema.mydesignsystem.com/image.schema.json#/properties/src"
34
30
  },
35
31
  "alt": {
36
- "title": "Alt text",
37
- "description": "Alt text to display for picture",
38
- "type": "string"
32
+ "$ref": "http://schema.mydesignsystem.com/image.schema.json#/properties/alt"
39
33
  }
40
34
  }
41
35
  },
@@ -51,8 +45,8 @@
51
45
  "label": {
52
46
  "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/label"
53
47
  },
54
- "url": {
55
- "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
48
+ "target": {
49
+ "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
56
50
  },
57
51
  "icon": {
58
52
  "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
@@ -1,8 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { HTMLAttributes } from "react";
3
- import { VideoCurtainProps } from "../../VideoCurtainProps-a2c0cc7f.js";
3
+ import { VideoCurtainProps } from "../../VideoCurtainProps-6c625a69.js";
4
4
  declare const VideoCurtainContextDefault: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
5
5
  declare const VideoCurtainContext: import("react").Context<import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
6
6
  declare const VideoCurtain: import("react").ForwardRefExoticComponent<VideoCurtainProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
7
- export type { VideoCurtainProps };
8
7
  export { VideoCurtainContextDefault, VideoCurtainContext, VideoCurtain };
@@ -14,25 +14,17 @@ const VideoCurtainContextDefault = forwardRef(({ headline, sub, text, highlightT
14
14
  // @ts-expect-error
15
15
  , {
16
16
  // @ts-expect-error
17
- value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, textPosition && `dsa-video-curtain--content-${textPosition}`, highlightText && `dsa-video-curtain--highlight-text`, colorNeutral && `dsa-video-curtain--color-neutral`, className), height: "fullScreen", inbox: true, box: {
17
+ value: ButtonGroup, children: jsx(Container, { name: "visual", children: jsx(VisualContextDefault, { ...rest, ref: ref, skipButton: true, className: classnames(`dsa-video-curtain`, highlightText ? `dsa-video-curtain--highlight-text` : "", colorNeutral ? `dsa-video-curtain--color-neutral` : "", className), height: "fullScreen", inbox: true, box: {
18
18
  background: "transparent",
19
19
  enabled: true,
20
- vertical: textPosition === "bottom" || textPosition === "corner"
21
- ? "bottom"
22
- : "center",
23
- horizontal: textPosition === "left" || textPosition === "corner"
24
- ? "left"
25
- : textPosition === "right"
26
- ? "right"
27
- : "center",
20
+ vertical: "center",
21
+ horizontal: textPosition,
28
22
  link: {
29
23
  // @ts-expect-error
30
24
  buttons,
31
25
  colorNeutral,
32
26
  enabled: buttons.length > 0,
33
- arrangement: textPosition === "left" || textPosition === "corner"
34
- ? "left"
35
- : "center",
27
+ arrangement: textPosition === "center" ? "center" : "left",
36
28
  },
37
29
  headline: {
38
30
  text: headline,
@@ -4,22 +4,16 @@
4
4
  --dsa-video-curtain_color-neutral__headline--color: var(--ks-text-color-default);
5
5
  --dsa-video-curtain_color-neutral__subheadline--color: var(--ks-text-color-default);
6
6
  --dsa-video-curtain__copy--color: var(--ks-text-color-default);
7
- --dsa-video-curtain__copy--font: var(--ks-font-copy-m);
7
+ --dsa-video-curtain__copy--font: var(--dsa-rich-text--font);
8
8
  --dsa-video-curtain_highlight-text__copy--font: var(--ks-font-copy-l);
9
9
  --dsa-video-curtain_color-neutral__copy--color: var(--ks-text-color-default);
10
- --dsa-video-curtain__textbox--background-color: var(--ks-color-bg-alpha-2);
11
10
  --dsa-video-curtain__textbox--border-radius: var(--ks-border-radius-surface);
12
- --dsa-video-curtain__textbox--max-width: var(--dsa-section__content--width_narrow);
13
11
  --dsa-video-curtain__textbox--padding: var(--ks-spacing-inset-squish-xl);
14
- --dsa-video-curtain_corner__overlay--background: linear-gradient(
15
- 20deg,
16
- var(--ks-color-fg-inverted-alpha-2) 30%,
17
- transparent 80%
18
- );
19
- --dsa-video-curtain_bottom__overlay--background: linear-gradient(
12
+ --dsa-video-curtain__texbox--background-color: var(--ks-color-bg-alpha-2);
13
+ --dsa-video-curtain__overlay--background: linear-gradient(
20
14
  0deg,
21
- var(--ks-color-fg-inverted-alpha-1),
22
- transparent
15
+ var(--ks-background-color-default) 15%,
16
+ transparent 50%
23
17
  );
24
18
  }
25
19
 
@@ -35,46 +29,44 @@
35
29
  );
36
30
  --c-visual_overlay--background-size: 100%;
37
31
  }
38
- .c-visual.dsa-video-curtain--color-neutral {
39
- --dsa-video-curtain__copy--color: var(--dsa-video-curtain_color-neutral__copy--color, var(--ks-text-color-default));
40
- --dsa-video-curtain__headline--color: var(
41
- --dsa-video-curtain_color-neutral__copy--color,
42
- var(--ks-text-color-default)
43
- );
44
- --dsa-video-curtain__subheadline--color: var(
45
- --dsa-video-curtain_color-neutral__copy--color,
46
- var(--ks-text-color-default)
47
- );
32
+ .c-visual.dsa-video-curtain--highlight-text .c-visual__box {
33
+ --c-visual_text--font: var(--dsa-video-curtain_highlight-text__copy--font, var(--ks-font-copy-l));
48
34
  }
49
- .c-visual.dsa-video-curtain--content-bottom {
50
- --c-visual_overlay--background: var(
51
- --dsa-video-curtain_bottom__overlay--background,
52
- linear-gradient(0deg, var(--ks-background-color-default) 15%, transparent 50%)
53
- );
35
+ .c-visual.dsa-video-curtain .c-visual__box {
36
+ --c-visual_box--background: var(--ks-background-color-default);
37
+ --c-visual_box--color: var(--ks-color-fg);
38
+ --c-visual_subheadline--color: var(--ks-text-color-primary);
39
+ --c-visual_headline--color: var(--ks-color-fg);
54
40
  }
55
- .c-visual.dsa-video-curtain--content-corner {
56
- --c-visual_overlay--background: var(
57
- --dsa-video-curtain_corner__overlay--background,
58
- linear-gradient(40deg, var(--ks-background-color-default) 15%, transparent 50%)
59
- );
41
+ @container visual (min-width: 640px) {
42
+ .c-visual.dsa-video-curtain .c-visual__box {
43
+ --c-visual_box--max-width: 50rem;
44
+ }
45
+ }
46
+
47
+ .c-visual.dsa-video-curtain {
48
+ --c-visual_overlay--background-size: 100%;
60
49
  }
61
50
  .c-visual.dsa-video-curtain .c-visual__box {
62
- --c-visual_box--background: var(--dsa-video-curtain__textbox--background-color, var(--ks-color-bg-alpha-2));
51
+ --c-visual_box--background: var(--dsa-video-curtain__texbox--background-color, var(--ks-color-bg-alpha-2));
63
52
  --c-visual_box--color: var(--dsa-video-curtain__copy--color, var(--ks-text-color-default));
64
53
  --c-visual_box--border-radius: var(--dsa-video-curtain__textbox--border-radius, var(--ks-border-radius-surface));
65
54
  --c-visual_box--padding: var(--dsa-video-curtain__textbox--padding, var(--ks-spacing-inset-squish-xl));
66
- --c-visual_text--font: var(--dsa-video-curtain__copy--font, var(--ks-font-copy-m));
55
+ --c-visual_text--font: var(--dsa-video-curtain__copy--font, var(--dsa-rich-text--font));
67
56
  }
68
- .c-visual.dsa-video-curtain--highlight-text {
57
+ .c-visual.dsa-video-curtain--highlight-text.c-visual {
69
58
  --dsa-video-curtain__copy--font: var(--dsa-video-curtain_highlight-text__box--font, var(--ks-font-copy-l));
70
59
  }
71
- .c-visual.dsa-video-curtain--highlight-text .c-visual__box {
72
- --c-visual_text--font: var(--dsa-video-curtain_highlight-text__copy--font, var(--ks-font-copy-l));
73
- }
74
- @container visual (min-width: 640px) {
75
- .c-visual.dsa-video-curtain .c-visual__box {
76
- --c-visual_box--max-width: var(--dsa-video-curtain__textbox--max-width, 50rem);
77
- }
60
+ .c-visual.dsa-video-curtain--color-neutral.c-visual {
61
+ --dsa-video-curtain__copy--color: var(--dsa-video-curtain_color-neutral__copy--color, var(--ks-text-color-default));
62
+ --dsa-video-curtain__headline--color: var(
63
+ --dsa-video-curtain_color-neutral__copy--color,
64
+ var(--ks-text-color-default)
65
+ );
66
+ --dsa-video-curtain__subheadline--color: var(
67
+ --dsa-video-curtain_color-neutral__copy--color,
68
+ var(--ks-text-color-default)
69
+ );
78
70
  }
79
71
 
80
72
  .c-visual.dsa-video-curtain .dsa-headline .dsa-headline__headline {
@@ -93,20 +85,4 @@
93
85
  .c-visual.dsa-video-curtain .c-visual__box {
94
86
  max-width: var(--c-visual_box--max-width);
95
87
  padding: var(--c-visual_box--padding);
96
- }
97
- .c-visual.dsa-video-curtain .c-visual__box--transparent {
98
- padding: 0;
99
- }
100
- .c-visual.dsa-video-curtain:not(.dsa-video-curtain--content-bottom) .c-visual__continue-btn {
101
- position: absolute;
102
- bottom: 0;
103
- left: 50%;
104
- transform: translate(-50%, -10px);
105
- }
106
- .c-visual.dsa-video-curtain:not(.dsa-video-curtain--content-bottom) .c-visual__continue-btn:hover {
107
- transform: translate(-50%);
108
- }
109
- .c-visual.dsa-video-curtain .c-visual__continue-btn {
110
- color: var(--dsa-overlay-text--text-color, var(--ks-color-fg));
111
- filter: drop-shadow(var(--dsa-overlay-text--shadow, 0 0 10px var(--ks-color-bg-inverted-alpha-3-base)));
112
88
  }
@@ -50,14 +50,13 @@
50
50
  },
51
51
  "icon": {
52
52
  "type": "string",
53
- "format": "icon",
54
53
  "title": "Icon",
55
54
  "description": "Choose an icon"
56
55
  },
57
- "url": {
56
+ "target": {
58
57
  "type": "string",
59
- "title": "URL",
60
- "description": "The URL to link to when the button is clicked",
58
+ "title": "Target",
59
+ "description": "Target that should be linked, makes the button behave like a link semantically",
61
60
  "format": "uri"
62
61
  }
63
62
  },
@@ -113,10 +112,8 @@
113
112
  "description": "Choose the alginment of the module content",
114
113
  "enum": [
115
114
  "center",
116
- "bottom",
117
115
  "left",
118
- "right",
119
- "corner"
116
+ "right"
120
117
  ],
121
118
  "type": "string",
122
119
  "default": "bottom"
@@ -46,8 +46,8 @@
46
46
  "icon": {
47
47
  "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/icon"
48
48
  },
49
- "url": {
50
- "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/url"
49
+ "target": {
50
+ "$ref": "http://schema.mydesignsystem.com/button.schema.json#/properties/target"
51
51
  }
52
52
  }
53
53
  }
@@ -61,7 +61,7 @@
61
61
  "textPosition": {
62
62
  "title": "Module aligment",
63
63
  "description": "Choose the alginment of the module content",
64
- "enum": ["center", "bottom", "left", "right", "corner"],
64
+ "enum": ["center", "left", "right"],
65
65
  "type": "string",
66
66
  "default": "bottom"
67
67
  }