@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,138 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/event-registration.schema.json",
4
- "title": "Event Registration",
5
- "type": "object",
6
- "properties": {
7
- "label": {
8
- "title": "Label",
9
- "description": "Label of the event registration",
10
- "type": "string",
11
- "examples": ["Registration Request"]
12
- },
13
- "title": {
14
- "title": "Title",
15
- "description": "Title of the event",
16
- "type": "string",
17
- "examples": ["The Future of AI"]
18
- },
19
- "link": {
20
- "type": "object",
21
- "title": "Link",
22
- "description": "Link to the event details",
23
- "properties": {
24
- "url": {
25
- "type": "string",
26
- "title": "URL",
27
- "description": "URL to the event details",
28
- "examples": ["#"],
29
- "format": "uri"
30
- },
31
- "text": {
32
- "title": "Link Text",
33
- "description": "Text for the link to the event details",
34
- "type": "string",
35
- "examples": ["More Information on the Event"]
36
- }
37
- }
38
- },
39
- "date": {
40
- "title": "Date",
41
- "description": "Date of the registration",
42
- "type": "string",
43
- "format": "date",
44
- "examples": ["18.09.2025"]
45
- },
46
- "time": {
47
- "title": "Time",
48
- "description": "Time of the registration",
49
- "type": "string",
50
- "examples": ["09:00 – 17:00"]
51
- },
52
- "location": {
53
- "type": "object",
54
- "title": "Location",
55
- "description": "Location of the event",
56
- "properties": {
57
- "name": {
58
- "type": "string",
59
- "examples": ["Berlin Congress Center"]
60
- },
61
- "address": {
62
- "type": "string",
63
- "examples": ["Alexanderplatz 1, 10178 Berlin"]
64
- }
65
- }
66
- },
67
- "nameInput": {
68
- "title": "Name Input",
69
- "description": "Input field for the name",
70
- "type": "object",
71
- "properties": {
72
- "label": {
73
- "type": "string",
74
- "examples": ["Name*"]
75
- },
76
- "placeholder": {
77
- "type": "string",
78
- "examples": ["Enter your name"]
79
- }
80
- }
81
- },
82
- "emailInput": {
83
- "title": "Email Input",
84
- "description": "Input field for the email",
85
- "type": "object",
86
- "properties": {
87
- "label": {
88
- "title": "Label",
89
- "description": "Label for the email input",
90
- "type": "string",
91
- "examples": ["Email*"]
92
- },
93
- "placeholder": {
94
- "title": "Placeholder",
95
- "description": "Placeholder text for the email input",
96
- "type": "string",
97
- "examples": ["Enter your email"]
98
- }
99
- }
100
- },
101
- "confirmationCheckboxLabel": {
102
- "title": "Label",
103
- "description": "Label for the confirmation checkbox",
104
- "type": "string",
105
- "examples": ["I read and agree to the terms and conditions*"]
106
- },
107
- "mandatoryText": {
108
- "title": "Mandatory Text",
109
- "description": "Text indicating that the checkbox is mandatory",
110
- "type": "string",
111
- "default": "_* Mandatory_"
112
- },
113
- "cta": {
114
- "title": "Call to Action",
115
- "type": "object",
116
- "properties": {
117
- "label": {
118
- "title": "Button Label",
119
- "description": "Label for the call to action button",
120
- "type": "string",
121
- "examples": ["Send Request"]
122
- },
123
- "url": {
124
- "type": "string",
125
- "format": "uri",
126
- "default": "#"
127
- },
128
- "ariaLabel": {
129
- "title": "Aria Label",
130
- "description": "Aria label for the cta button",
131
- "type": "string",
132
- "default": "Event Registration"
133
- }
134
- }
135
- }
136
- },
137
- "additionalProperties": false
138
- }
@@ -1,106 +0,0 @@
1
- /// <reference types="react" />
2
- /* eslint-disable */
3
- /**
4
- * This file was automatically generated by json-schema-to-typescript.
5
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
6
- * and run json-schema-to-typescript to regenerate this file.
7
- */
8
- /**
9
- * Label of the event registration
10
- */
11
- type Label = string;
12
- /**
13
- * Title of the event
14
- */
15
- type Title = string;
16
- /**
17
- * URL to the event details
18
- */
19
- type URL = string;
20
- /**
21
- * Text for the link to the event details
22
- */
23
- type LinkText = string;
24
- /**
25
- * Date of the registration
26
- */
27
- type Date = string;
28
- /**
29
- * Time of the registration
30
- */
31
- type Time = string;
32
- /**
33
- * Label for the email input
34
- */
35
- type Label1 = string;
36
- /**
37
- * Placeholder text for the email input
38
- */
39
- type Placeholder = string;
40
- /**
41
- * Label for the confirmation checkbox
42
- */
43
- type Label2 = string;
44
- /**
45
- * Text indicating that the checkbox is mandatory
46
- */
47
- type MandatoryText = string;
48
- /**
49
- * Label for the call to action button
50
- */
51
- type ButtonLabel = string;
52
- /**
53
- * Aria label for the cta button
54
- */
55
- type AriaLabel = string;
56
- interface EventRegistrationProps {
57
- label?: Label;
58
- title?: Title;
59
- link?: Link;
60
- date?: Date;
61
- time?: Time;
62
- location?: Location;
63
- nameInput?: NameInput;
64
- emailInput?: EmailInput;
65
- confirmationCheckboxLabel?: Label2;
66
- mandatoryText?: MandatoryText;
67
- cta?: CallToAction;
68
- }
69
- /**
70
- * Link to the event details
71
- */
72
- interface Link {
73
- url?: URL;
74
- text?: LinkText;
75
- }
76
- /**
77
- * Location of the event
78
- */
79
- interface Location {
80
- name?: string;
81
- address?: string;
82
- }
83
- /**
84
- * Input field for the name
85
- */
86
- interface NameInput {
87
- label?: string;
88
- placeholder?: string;
89
- }
90
- /**
91
- * Input field for the email
92
- */
93
- interface EmailInput {
94
- label?: Label1;
95
- placeholder?: Placeholder;
96
- }
97
- interface CallToAction {
98
- label?: ButtonLabel;
99
- url?: string;
100
- ariaLabel?: AriaLabel;
101
- }
102
- declare const EventRegistrationContextDefault: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
103
- declare const EventRegistrationContext: import("react").Context<import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>>;
104
- declare const EventRegistration: import("react").ForwardRefExoticComponent<EventRegistrationProps & import("react").RefAttributes<HTMLDivElement>>;
105
- export type { EventRegistrationProps };
106
- export { EventRegistrationContextDefault, EventRegistrationContext, EventRegistration };
@@ -1,23 +0,0 @@
1
- import "./event-registration.css";
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { forwardRef, createContext, useContext } from 'react';
4
- import { Icon } from '@kickstartds/base/lib/icon';
5
- import { Headline } from '../headline/index.js';
6
- import { Link } from '@kickstartds/base/lib/link';
7
- import Markdown from 'markdown-to-jsx';
8
- import { TextField } from '@kickstartds/form/lib/text-field';
9
- import { Checkbox } from '@kickstartds/form/lib/checkbox';
10
- import { Button } from '../button/index.js';
11
- import 'classnames';
12
- import '@kickstartds/base/lib/headline';
13
- import '@kickstartds/base/lib/button';
14
-
15
- const EventRegistrationContextDefault = forwardRef(({ date, time, title, link, label, location, nameInput, emailInput, mandatoryText, cta, confirmationCheckboxLabel, }, ref) => (jsxs("div", { ref: ref, className: "dsa-event-registration", children: [jsx(Headline, { spaceAfter: "minimum", text: title, level: "h2", sub: label, switchOrder: true }), jsxs("div", { className: "dsa-event-registration__infos", children: [jsxs("div", { className: "dsa-event-registration__details", children: [jsxs("div", { className: "dsa-event-registration__date", children: [jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "date" }), date] }), jsxs("span", { className: "dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "time" }), time] })] }), jsxs("div", { className: "dsa-event-registration__location dsa-event-registration__info", children: [jsx(Icon, { "aria-hidden": true, icon: "map-pin" }), jsxs("address", { children: [location?.name && (jsx("span", { className: "dsa-event-registration__location-name", children: location.name })), jsx(Markdown, { className: "dsa-event-registration__location-address", children: location?.address })] })] })] }), jsx(Link, { className: "dsa-event-registration__link", href: link?.url, children: link?.text })] }), jsxs("form", { className: "dsa-event-registration__form", children: [jsxs("div", { className: "dsa-event-registration__inputs", children: [jsx(TextField, { label: nameInput.label, placeholder: nameInput?.placeholder }), jsx(TextField, { type: "email", label: emailInput.label, placeholder: emailInput?.placeholder }), jsx(Checkbox, { label: confirmationCheckboxLabel, name: "confirmation-checkbox", id: "confirmation-checkbox" })] }), jsxs("div", { className: "dsa-event-registration__footer", children: [jsx(Markdown, { className: "dsa-event-registration__mandatory-text", children: mandatoryText }), jsx(Button, { label: cta.label, url: cta.url, "aria-label": cta?.ariaLabel, variant: "primary", size: "small" })] })] })] })));
16
- const EventRegistrationContext = createContext(EventRegistrationContextDefault);
17
- const EventRegistration = forwardRef((props, ref) => {
18
- const Component = useContext(EventRegistrationContext);
19
- return jsx(Component, { ...props, ref: ref });
20
- });
21
- EventRegistration.displayName = "EventRegistration";
22
-
23
- export { EventRegistration, EventRegistrationContext, EventRegistrationContextDefault };
@@ -1,5 +0,0 @@
1
- declare class Html {
2
- static identifier: string;
3
- constructor(element: any);
4
- }
5
- export { Html as default };
@@ -1,41 +0,0 @@
1
- import { define, Component } from '@kickstartds/core/lib/component';
2
-
3
- const consentButtonSelector = ".dsa-html__consent-button";
4
- const copyScriptTag = (original) => {
5
- if (original.tagName === "SCRIPT") {
6
- const copy = document.createElement("script");
7
- for (const attr of original.attributes) {
8
- copy.setAttribute(attr.name, attr.value);
9
- }
10
- copy.textContent = original.textContent;
11
- return copy;
12
- }
13
- return original;
14
- };
15
- class Html extends Component {
16
- constructor(element) {
17
- super(element);
18
- const consentButton = element.querySelector(consentButtonSelector);
19
- const replaceHtml = () => {
20
- const template = element.querySelector("template");
21
- if (template) {
22
- const elements = [...template.content.children].map(copyScriptTag);
23
- element.replaceChildren(...elements);
24
- consentButton?.removeEventListener("click", replaceHtml);
25
- }
26
- };
27
- if (consentButton) {
28
- consentButton.addEventListener("click", replaceHtml);
29
- this.onDisconnect(() => {
30
- consentButton.removeEventListener("click", replaceHtml);
31
- });
32
- }
33
- else {
34
- replaceHtml();
35
- }
36
- }
37
- }
38
- Html.identifier = "dsa.html";
39
- define(Html.identifier, Html);
40
-
41
- export { Html as default };
@@ -1,52 +0,0 @@
1
- .dsa-html {
2
- --dsa-html__consent--color: var(--ks-text-color-display);
3
- --dsa-html__consent--font: var(--ks-font-copy-m);
4
- --dsa-html__consent--font-weight: var(--ks-font-weight-regular);
5
- --dsa-html__consent--background: var(--ks-color-fg-inverted-alpha-2);
6
- }
7
-
8
- .dsa-html__consent {
9
- position: relative;
10
- width: 100%;
11
- height: 100%;
12
- display: flex;
13
- align-items: center;
14
- flex-direction: column;
15
- justify-content: center;
16
- gap: var(--ks-spacing-stack-s);
17
- background-position: center;
18
- background-size: cover;
19
- padding: var(--ks-spacing-inset-l);
20
- }
21
- .dsa-html__consent .c-rich-text {
22
- color: var(--dsa-html__consent--color, var(--ks-text-color-display));
23
- font: var(--dsa-html__consent--font, var(--ks-font-interface-m));
24
- font-weight: var(--dsa-html__consent--font-weight, var(--ks-font-weight-regular));
25
- text-align: center;
26
- }
27
- .dsa-html__consent:after {
28
- content: "";
29
- width: 100%;
30
- height: 100%;
31
- position: absolute;
32
- top: 0;
33
- background-color: var(--dsa-html__consent--background, var(--ks-color-fg-inverted-alpha-6));
34
- }
35
- .dsa-html__consent > * {
36
- z-index: 1;
37
- }
38
- .dsa-html__consent .l-container {
39
- container-type: normal;
40
- }
41
- .dsa-html__consent--sixteen-to-nine {
42
- aspect-ratio: 16/9;
43
- }
44
- .dsa-html__consent--sixteen-to-ten {
45
- aspect-ratio: 16/10;
46
- }
47
- .dsa-html__consent--four-to-three {
48
- aspect-ratio: 4/3;
49
- }
50
- .dsa-html__consent--square {
51
- aspect-ratio: 1;
52
- }
@@ -1,61 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/html.schema.json",
4
- "title": "Html",
5
- "description": "Display raw HTML.",
6
- "type": "object",
7
- "properties": {
8
- "html": {
9
- "title": "HTML string",
10
- "type": "string",
11
- "examples": [
12
- "<p style=\"color: var(--ks-text-color-default);\">Hello World</p>"
13
- ]
14
- },
15
- "consent": {
16
- "title": "Show HTML after consent",
17
- "type": "boolean",
18
- "default": false
19
- },
20
- "consentText": {
21
- "type": "string"
22
- },
23
- "consentButtonLabel": {
24
- "type": "string"
25
- },
26
- "consentBackgroundImage": {
27
- "type": "string",
28
- "format": "image"
29
- },
30
- "consentAspectRatio": {
31
- "type": "string",
32
- "enum": [
33
- "16:9",
34
- "16:10",
35
- "4:3",
36
- "1:1"
37
- ],
38
- "default": "16:9"
39
- },
40
- "inverted": {
41
- "title": "Inverted",
42
- "description": "Invert the colors of the HTML",
43
- "type": "boolean",
44
- "default": false
45
- },
46
- "className": {
47
- "title": "Additional Classes",
48
- "description": "Add additional css classes that should be applied to the element",
49
- "type": "string"
50
- },
51
- "component": {
52
- "title": "`ks-component` attribute",
53
- "description": "Optional custom component identifier",
54
- "type": "string"
55
- },
56
- "type": {
57
- "const": "html"
58
- }
59
- },
60
- "additionalProperties": false
61
- }
@@ -1,47 +0,0 @@
1
- /// <reference types="react" />
2
- import { HTMLAttributes } from "react";
3
- /* eslint-disable */
4
- /**
5
- * This file was automatically generated by json-schema-to-typescript.
6
- * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
7
- * and run json-schema-to-typescript to regenerate this file.
8
- */
9
- interface PaginationProps {
10
- ariaLabels?: {
11
- /**
12
- * Aria label for the previous page link
13
- */
14
- previousPage?: string;
15
- /**
16
- * Aria label for the next page link
17
- */
18
- nextPage?: string;
19
- /**
20
- * Aria label for the link to skip to the first page
21
- */
22
- skipToFirstPage?: string;
23
- /**
24
- * Aria label for the link to skip to the last page
25
- */
26
- skipToLastPage?: string;
27
- /**
28
- * Aria label for the link to go to a specific page (will be placed before the page number)
29
- */
30
- goToPage?: string;
31
- };
32
- pages?: {
33
- /**
34
- * The URL to the page
35
- */
36
- url: string;
37
- /**
38
- * Indicates if the page is currently active
39
- */
40
- active?: boolean;
41
- }[];
42
- }
43
- declare const PaginationContextDefault: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
44
- declare const PaginationContext: import("react").Context<import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>>;
45
- declare const Pagination: import("react").ForwardRefExoticComponent<PaginationProps & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
46
- export type { PaginationProps };
47
- export { PaginationContextDefault, PaginationContext, Pagination };
@@ -1,52 +0,0 @@
1
- import "./pagination.css";
2
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
- import classnames from 'classnames';
4
- import { forwardRef, createContext, useContext } from 'react';
5
- import { Icon } from '@kickstartds/base/lib/icon';
6
- import { Link } from '@kickstartds/base/lib/link';
7
-
8
- const PaginationContextDefault = forwardRef(({ pages, ariaLabels }, ref) => {
9
- return (jsxs("div", { className: "dsa-pagination", ref: ref, children: [pages.findIndex((page) => page.active) !== 0 && (jsxs(Fragment, { children: [jsx(Link, { "aria-label": ariaLabels?.skipToFirstPage || "Skip to first page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-back", href: pages[0]?.url, children: jsx(Icon, { icon: "skip-back" }) }), jsx(Link, { "aria-label": ariaLabels?.previousPage || "Go to previous page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--prev", href: (() => {
10
- const activeIndex = pages.findIndex((page) => page.active);
11
- // Use the url of the next item after the active one, or "#" if at the end
12
- return pages[activeIndex - 1]?.url || "#";
13
- })(), children: jsx(Icon, { icon: "chevron-left" }) })] })), (() => {
14
- const activeIndex = pages.findIndex((page) => page.active);
15
- let lastRenderedIndex = -1;
16
- const result = [];
17
- pages.forEach((page, index) => {
18
- const isFirst = index === 0;
19
- const isLast = index === pages.length - 1;
20
- const isActive = page.active;
21
- const isBeforeActive = index === activeIndex - 1;
22
- const isAfterActive = index === activeIndex + 1;
23
- const shouldRender = isFirst || isLast || isActive || isBeforeActive || isAfterActive;
24
- if (!shouldRender) {
25
- if (index - lastRenderedIndex > 1 &&
26
- (result.length === 0 ||
27
- result[result.length - 1]?.type !== "div" ||
28
- result[result.length - 1]?.props?.className !==
29
- "dsa-pagination__placeholder")) {
30
- result.push(jsx("div", { className: "dsa-pagination__placeholder", children: jsx("span", { children: "\u2026" }) }, `dsa-pagination__placeholder-${index}`));
31
- }
32
- return;
33
- }
34
- result.push(jsx(Link, { className: classnames("dsa-pagination__link", page.active && "dsa-pagination__link--active"), "aria-label": `${ariaLabels?.goToPage} ${index + 1}` ||
35
- `Go to page ${index + 1}`, href: page.url, children: (index + 1).toString() }, index));
36
- lastRenderedIndex = index;
37
- });
38
- return result;
39
- })(), pages.findIndex((page) => page.active) !== pages.length - 1 && (jsxs(Fragment, { children: [jsx(Link, { className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--next", "aria-label": ariaLabels?.nextPage || "Go to next page", href: (() => {
40
- const activeIndex = pages.findIndex((page) => page.active);
41
- // Use the url of the next item after the active one, or "#" if at the end
42
- return pages[activeIndex + 1]?.url || "#";
43
- })(), children: jsx(Icon, { icon: "chevron-right" }) }), jsx(Link, { "aria-label": ariaLabels?.skipToLastPage || "Skip to last page", className: "dsa-pagination__link dsa-pagination__link--icon dsa-pagination__link--skip-forward", href: pages[pages.length - 1]?.url, children: jsx(Icon, { icon: "skip-forward" }) })] }))] }));
44
- });
45
- const PaginationContext = createContext(PaginationContextDefault);
46
- const Pagination = forwardRef((props, ref) => {
47
- const Component = useContext(PaginationContext);
48
- return jsx(Component, { ...props, ref: ref });
49
- });
50
- Pagination.displayName = "Pagination";
51
-
52
- export { Pagination, PaginationContext, PaginationContextDefault };
@@ -1,66 +0,0 @@
1
- .dsa-pagination {
2
- --dsa-pagination--gap: var(--ks-spacing-stack-xs);
3
- --dsa-pagination--background: transparent;
4
- --dsa-pagination--background_hover: var(--ks-color-fg-alpha-8);
5
- --dsa-pagination--color: var(--ks-text-color-interface-interactive);
6
- --dsa-pagination--color_hover: var(--ks-text-color-interface-interactive);
7
- --dsa-pagination--border-radius: var(--ks-border-radius-control);
8
- --dsa-pagination--border: var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive);
9
- --dsa-pagination--width: 3.75em;
10
- --dsa-pagination--font: var(--ks-font-interface-s);
11
- --dsa-pagination--padding: 0.5em;
12
- --dsa-pagination__icon--size: 1.25em;
13
- --dsa-pagination--background_active: var(--ks-background-color-primary-interactive);
14
- --dsa-pagination--background_active_hover: var(--ks-background-color-primary-interactive-hover);
15
- --dsa-pagination--color_active: var(--dsa-text-color-on-primary);
16
- --dsa-pagination--color_active_hover: var(--dsa-text-color-on-primary);
17
- }
18
- @media (min-width: 768px) {
19
- .dsa-pagination {
20
- --dsa-pagination--border: none;
21
- --dsa-pagination--width: 3em;
22
- }
23
- }
24
-
25
- .dsa-pagination {
26
- display: flex;
27
- gap: var(--dsa-pagination--gap, var(--ks-spacing-stack-xs));
28
- flex-wrap: wrap;
29
- justify-content: center;
30
- }
31
- .dsa-pagination__link, .dsa-pagination__placeholder {
32
- --g-link--background: var(--dsa-pagination--background, transparent);
33
- --g-link--background-hover: var(--dsa-pagination--background_hover, var(--ks-color-fg-alpha-8));
34
- --g-link--color: var(--dsa-pagination--color, var(--ks-text-color-interface-interactive));
35
- --g-link--color-hover: var(--dsa-pagination--color_hover, var(--ks-text-color-interface-interactive));
36
- --g-link--border-radius: var(--dsa-pagination--border-radius, var(--ks-border-radius-control));
37
- border: var(--dsa-pagination--border, var(--ks-border-width-default) solid var(--ks-border-color-interface-interactive));
38
- border-radius: var(--dsa-pagination--border-radius, var(--ks-border-radius-control));
39
- width: var(--dsa-pagination--width, 4em);
40
- font: var(--dsa-pagination--font, var(--ks-font-interface-s));
41
- line-height: 1;
42
- display: flex;
43
- align-items: center;
44
- justify-content: center;
45
- padding: var(--dsa-pagination--padding, 0.5em);
46
- aspect-ratio: 1;
47
- }
48
- .dsa-pagination__link--icon .icon, .dsa-pagination__placeholder--icon .icon {
49
- width: var(--dsa-pagination__icon--size, 1.25em);
50
- height: var(--dsa-pagination__icon--size, 1.25em);
51
- }
52
- .dsa-pagination__link--active, .dsa-pagination__placeholder--active {
53
- --g-link--background: var(--dsa-pagination--background_active, var(--ks-background-color-primary-interactive));
54
- --g-link--background-hover: var(
55
- --dsa-pagination--background_active,
56
- var(--ks-background-color-primary-interactive-hover)
57
- );
58
- --g-link--color: var(--dsa-pagination--color_active, var(--dsa-text-color-on-primary));
59
- --g-link--color-hover: var(--dsa-pagination--color_active_hover, var(--dsa-text-color-on-primary));
60
- }
61
- .dsa-pagination__placeholder {
62
- line-height: 0.25;
63
- }
64
- .dsa-pagination__placeholder span {
65
- transform: translateY(-0.15em);
66
- }
@@ -1,64 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/draft-07/schema#",
3
- "$id": "http://schema.mydesignsystem.com/pagination.schema.json",
4
- "title": "Pagination",
5
- "type": "object",
6
- "properties": {
7
- "ariaLabels": {
8
- "type": "object",
9
- "properties": {
10
- "previousPage": {
11
- "type": "string",
12
- "description": "Aria label for the previous page link",
13
- "default": "Go to previous page"
14
- },
15
- "nextPage": {
16
- "type": "string",
17
- "description": "Aria label for the next page link",
18
- "default": "Go to next page"
19
- },
20
- "skipToFirstPage": {
21
- "type": "string",
22
- "description": "Aria label for the link to skip to the first page",
23
- "default": "Skip to first page"
24
- },
25
- "skipToLastPage": {
26
- "type": "string",
27
- "description": "Aria label for the link to skip to the last page",
28
- "default": "Skip to last page"
29
- },
30
- "goToPage": {
31
- "type": "string",
32
- "description": "Aria label for the link to go to a specific page (will be placed before the page number)",
33
- "default": "Go to page"
34
- }
35
- },
36
- "additionalProperties": false
37
- },
38
- "pages": {
39
- "type": "array",
40
- "items": {
41
- "type": "object",
42
- "properties": {
43
- "url": {
44
- "type": "string",
45
- "description": "The URL to the page"
46
- },
47
- "active": {
48
- "type": "boolean",
49
- "description": "Indicates if the page is currently active",
50
- "default": false
51
- }
52
- },
53
- "required": [
54
- "url"
55
- ],
56
- "additionalProperties": false
57
- }
58
- },
59
- "type": {
60
- "const": "pagination"
61
- }
62
- },
63
- "additionalProperties": false
64
- }