mp-design-system 1.2.64 → 1.2.66

Sign up to get free protection for your applications and to get access to all the features.
Files changed (494) hide show
  1. package/README.md +35 -29
  2. package/dist/build/js/app.js +13 -4
  3. package/dist/build/scss/library.css +1 -1
  4. package/dist/build/scss/main.css +1 -1
  5. package/dist/build/scss/main2.css +1 -0
  6. package/package.json +35 -46
  7. package/src/_data/components.js +0 -104
  8. package/src/_data/config.js +0 -14
  9. package/src/_data/helpers.js +0 -6
  10. package/src/_headers +0 -9
  11. package/src/_includes/components/accordion/accordion.config.js +0 -28
  12. package/src/_includes/components/accordion/accordion.md +0 -15
  13. package/src/_includes/components/accordion/accordion.njk +0 -10
  14. package/src/_includes/components/accordion/accordion.scss +0 -54
  15. package/src/_includes/components/accordion/macro.njk +0 -5
  16. package/src/_includes/components/alert/alert.config.js +0 -65
  17. package/src/_includes/components/alert/alert.njk +0 -27
  18. package/src/_includes/components/alert/alert.scss +0 -80
  19. package/src/_includes/components/alert/macro.njk +0 -5
  20. package/src/_includes/components/back-to-top/back-to-top.config.js +0 -10
  21. package/src/_includes/components/back-to-top/back-to-top.njk +0 -7
  22. package/src/_includes/components/back-to-top/back-to-top.scss +0 -22
  23. package/src/_includes/components/back-to-top/macro.njk +0 -5
  24. package/src/_includes/components/breadcrumb/breadcrumb.config.js +0 -20
  25. package/src/_includes/components/breadcrumb/breadcrumb.njk +0 -19
  26. package/src/_includes/components/breadcrumb/breadcrumb.scss +0 -69
  27. package/src/_includes/components/breadcrumb/macro.njk +0 -5
  28. package/src/_includes/components/button/button.config.js +0 -89
  29. package/src/_includes/components/button/button.njk +0 -38
  30. package/src/_includes/components/button/button.scss +0 -178
  31. package/src/_includes/components/button/macro.njk +0 -5
  32. package/src/_includes/components/campaign/campaign.config.js +0 -68
  33. package/src/_includes/components/campaign/campaign.njk +0 -26
  34. package/src/_includes/components/campaign/campaign.scss +0 -108
  35. package/src/_includes/components/campaign/macro.njk +0 -5
  36. package/src/_includes/components/card/card.config.js +0 -1058
  37. package/src/_includes/components/card/card.njk +0 -206
  38. package/src/_includes/components/card/card.scss +0 -508
  39. package/src/_includes/components/card/existing-customer-card.config.js +0 -51
  40. package/src/_includes/components/card/existing-customer-card.njk +0 -40
  41. package/src/_includes/components/card/existing-customer-card.scss +0 -100
  42. package/src/_includes/components/card/industry-card.config.js +0 -51
  43. package/src/_includes/components/card/industry-card.njk +0 -34
  44. package/src/_includes/components/card/industry-card.scss +0 -85
  45. package/src/_includes/components/card/macro.njk +0 -29
  46. package/src/_includes/components/card/measurement-type-card.config.js +0 -35
  47. package/src/_includes/components/card/measurement-type-card.njk +0 -35
  48. package/src/_includes/components/card/measurement-type-card.scss +0 -56
  49. package/src/_includes/components/card/product-card.config.js +0 -91
  50. package/src/_includes/components/card/product-card.njk +0 -58
  51. package/src/_includes/components/card/product-card.scss +0 -88
  52. package/src/_includes/components/card/search-result-card.config.js +0 -29
  53. package/src/_includes/components/card/search-result-card.njk +0 -33
  54. package/src/_includes/components/card/search-result-card.scss +0 -48
  55. package/src/_includes/components/card/technology-card.config.js +0 -35
  56. package/src/_includes/components/card/technology-card.njk +0 -35
  57. package/src/_includes/components/card/technology-card.scss +0 -56
  58. package/src/_includes/components/card-new/card-new.config.js +0 -95
  59. package/src/_includes/components/card-new/card-new.md +0 -0
  60. package/src/_includes/components/card-new/card-new.njk +0 -169
  61. package/src/_includes/components/card-new/card-new.scss +0 -156
  62. package/src/_includes/components/card-new/macro.njk +0 -5
  63. package/src/_includes/components/comparison-table/comparison-table.config.js +0 -92
  64. package/src/_includes/components/comparison-table/comparison-table.njk +0 -76
  65. package/src/_includes/components/comparison-table/comparison-table.scss +0 -187
  66. package/src/_includes/components/comparison-table/macro.njk +0 -5
  67. package/src/_includes/components/component/categories.js +0 -5
  68. package/src/_includes/components/component/component.njk +0 -71
  69. package/src/_includes/components/component/preview-card-example.njk +0 -347
  70. package/src/_includes/components/component/preview-cards-three-alt.njk +0 -3
  71. package/src/_includes/components/component/preview-cards-three.njk +0 -3
  72. package/src/_includes/components/component/preview-cards-two.njk +0 -3
  73. package/src/_includes/components/component/preview-content-width.njk +0 -5
  74. package/src/_includes/components/component/preview-default.njk +0 -3
  75. package/src/_includes/components/component/preview-fixed-width.njk +0 -5
  76. package/src/_includes/components/component/preview-form.njk +0 -3
  77. package/src/_includes/components/component/preview-icons.njk +0 -3
  78. package/src/_includes/components/component/preview-sidebar.njk +0 -5
  79. package/src/_includes/components/embed/embed.njk +0 -11
  80. package/src/_includes/components/embed/embed.scss +0 -17
  81. package/src/_includes/components/embed/macro.njk +0 -9
  82. package/src/_includes/components/embed/youtube.config.js +0 -19
  83. package/src/_includes/components/embed/youtube.njk +0 -5
  84. package/src/_includes/components/event-card/event-card.config.js +0 -108
  85. package/src/_includes/components/event-card/event-card.njk +0 -1
  86. package/src/_includes/components/event-card/event-card.scss +0 -49
  87. package/src/_includes/components/event-card/macro.njk +0 -5
  88. package/src/_includes/components/eyebrow/eyebrow.config.js +0 -84
  89. package/src/_includes/components/eyebrow/eyebrow.njk +0 -24
  90. package/src/_includes/components/eyebrow/eyebrow.scss +0 -71
  91. package/src/_includes/components/eyebrow/macro.njk +0 -5
  92. package/src/_includes/components/facet/facet.config.js +0 -110
  93. package/src/_includes/components/facet/facet.njk +0 -25
  94. package/src/_includes/components/facet/facet.scss +0 -49
  95. package/src/_includes/components/facet/macro.njk +0 -5
  96. package/src/_includes/components/featured-article-card/featured-article-card.config.js +0 -32
  97. package/src/_includes/components/featured-article-card/featured-article-card.njk +0 -24
  98. package/src/_includes/components/featured-article-card/featured-article-card.scss +0 -34
  99. package/src/_includes/components/featured-article-card/macro.njk +0 -5
  100. package/src/_includes/components/features-table/features-table.config.js +0 -137
  101. package/src/_includes/components/features-table/features-table.njk +0 -364
  102. package/src/_includes/components/features-table/features-table.scss +0 -96
  103. package/src/_includes/components/features-table/macro.njk +0 -5
  104. package/src/_includes/components/filter-search/filter-search.config.js +0 -16
  105. package/src/_includes/components/filter-search/filter-search.njk +0 -11
  106. package/src/_includes/components/filter-search/filter-search.scss +0 -33
  107. package/src/_includes/components/filter-search/macro.njk +0 -5
  108. package/src/_includes/components/footer/footer.config.js +0 -7
  109. package/src/_includes/components/footer/footer.njk +0 -81
  110. package/src/_includes/components/footer/footer.scss +0 -127
  111. package/src/_includes/components/footer/macro.njk +0 -5
  112. package/src/_includes/components/gallery/gallery.config.js +0 -55
  113. package/src/_includes/components/gallery/gallery.md +0 -1
  114. package/src/_includes/components/gallery/gallery.njk +0 -51
  115. package/src/_includes/components/gallery/gallery.scss +0 -54
  116. package/src/_includes/components/gallery/macro.njk +0 -5
  117. package/src/_includes/components/header/header.config.js +0 -38
  118. package/src/_includes/components/header/header.md +0 -4
  119. package/src/_includes/components/header/header.njk +0 -111
  120. package/src/_includes/components/header/header.scss +0 -273
  121. package/src/_includes/components/header/macro.njk +0 -5
  122. package/src/_includes/components/hero/hero.config.js +0 -144
  123. package/src/_includes/components/hero/hero.njk +0 -109
  124. package/src/_includes/components/hero/hero.scss +0 -356
  125. package/src/_includes/components/hero/macro.njk +0 -5
  126. package/src/_includes/components/hotspot-image/hotspot-image.config.js +0 -55
  127. package/src/_includes/components/hotspot-image/hotspot-image.njk +0 -41
  128. package/src/_includes/components/hotspot-image/hotspot-image.scss +0 -103
  129. package/src/_includes/components/hotspot-image/macro.njk +0 -5
  130. package/src/_includes/components/icon/icon.config.js +0 -18
  131. package/src/_includes/components/icon/icon.md +0 -1
  132. package/src/_includes/components/icon/icon.njk +0 -13
  133. package/src/_includes/components/icon/icon.scss +0 -6
  134. package/src/_includes/components/icon/macro.njk +0 -5
  135. package/src/_includes/components/input/checkbox.config.js +0 -41
  136. package/src/_includes/components/input/checkbox.njk +0 -2
  137. package/src/_includes/components/input/input.config.js +0 -67
  138. package/src/_includes/components/input/input.njk +0 -15
  139. package/src/_includes/components/input/input.scss +0 -136
  140. package/src/_includes/components/input/macro.njk +0 -25
  141. package/src/_includes/components/input/radio.config.js +0 -41
  142. package/src/_includes/components/input/radio.njk +0 -2
  143. package/src/_includes/components/input/radio.scss +0 -143
  144. package/src/_includes/components/input/select.config.js +0 -70
  145. package/src/_includes/components/input/select.njk +0 -13
  146. package/src/_includes/components/input/textarea.config.js +0 -51
  147. package/src/_includes/components/input/textarea.njk +0 -4
  148. package/src/_includes/components/input/toggle.config.js +0 -41
  149. package/src/_includes/components/input/toggle.njk +0 -5
  150. package/src/_includes/components/input/toggle.scss +0 -75
  151. package/src/_includes/components/internal-nav/internal-nav.config.js +0 -41
  152. package/src/_includes/components/internal-nav/internal-nav.njk +0 -24
  153. package/src/_includes/components/internal-nav/internal-nav.scss +0 -74
  154. package/src/_includes/components/internal-nav/macro.njk +0 -5
  155. package/src/_includes/components/meta-box/macro.njk +0 -5
  156. package/src/_includes/components/meta-box/meta-box.config.js +0 -74
  157. package/src/_includes/components/meta-box/meta-box.njk +0 -36
  158. package/src/_includes/components/meta-box/meta-box.scss +0 -10
  159. package/src/_includes/components/off-canvas/macro.njk +0 -5
  160. package/src/_includes/components/off-canvas/off-canvas.config.js +0 -28
  161. package/src/_includes/components/off-canvas/off-canvas.njk +0 -28
  162. package/src/_includes/components/off-canvas/off-canvas.scss +0 -102
  163. package/src/_includes/components/option-list/macro.njk +0 -5
  164. package/src/_includes/components/option-list/option-list.config.js +0 -51
  165. package/src/_includes/components/option-list/option-list.njk +0 -10
  166. package/src/_includes/components/option-list/option-list.scss +0 -39
  167. package/src/_includes/components/post-meta/macro.njk +0 -5
  168. package/src/_includes/components/post-meta/post-meta.config.js +0 -44
  169. package/src/_includes/components/post-meta/post-meta.njk +0 -16
  170. package/src/_includes/components/post-meta/post-meta.scss +0 -7
  171. package/src/_includes/components/product-card/macro.njk +0 -5
  172. package/src/_includes/components/product-card/product-card.config.js +0 -84
  173. package/src/_includes/components/product-card/product-card.njk +0 -1
  174. package/src/_includes/components/product-card/product-card.scss +0 -36
  175. package/src/_includes/components/product-signpost/macro.njk +0 -3
  176. package/src/_includes/components/product-signpost/product-signpost.config.js +0 -43
  177. package/src/_includes/components/product-signpost/product-signpost.njk +0 -16
  178. package/src/_includes/components/product-signpost/product-signpost.scss +0 -61
  179. package/src/_includes/components/prose/macro.njk +0 -11
  180. package/src/_includes/components/prose/prose.config.js +0 -65
  181. package/src/_includes/components/prose/prose.md +0 -1
  182. package/src/_includes/components/prose/prose.njk +0 -17
  183. package/src/_includes/components/quote/macro.njk +0 -5
  184. package/src/_includes/components/quote/quote.config.js +0 -19
  185. package/src/_includes/components/quote/quote.njk +0 -9
  186. package/src/_includes/components/quote/quote.scss +0 -51
  187. package/src/_includes/components/resource-card/macro.njk +0 -5
  188. package/src/_includes/components/resource-card/resource-card.config.js +0 -59
  189. package/src/_includes/components/resource-card/resource-card.njk +0 -1
  190. package/src/_includes/components/resource-card/resource-card.scss +0 -0
  191. package/src/_includes/components/scroll-spy/macro.njk +0 -5
  192. package/src/_includes/components/scroll-spy/scroll-spy.config.js +0 -24
  193. package/src/_includes/components/scroll-spy/scroll-spy.md +0 -3
  194. package/src/_includes/components/scroll-spy/scroll-spy.njk +0 -5
  195. package/src/_includes/components/scroll-spy/scroll-spy.scss +0 -54
  196. package/src/_includes/components/series/macro.njk +0 -5
  197. package/src/_includes/components/series/series.config.js +0 -35
  198. package/src/_includes/components/series/series.njk +0 -15
  199. package/src/_includes/components/series/series.scss +0 -20
  200. package/src/_includes/components/signpost/macro.njk +0 -5
  201. package/src/_includes/components/signpost/signpost.config.js +0 -36
  202. package/src/_includes/components/signpost/signpost.njk +0 -21
  203. package/src/_includes/components/signpost/signpost.scss +0 -66
  204. package/src/_includes/components/slat/slat.config.js +0 -59
  205. package/src/_includes/components/slat/slat.njk +0 -15
  206. package/src/_includes/components/slat/slat.scss +0 -53
  207. package/src/_includes/components/table/macro.njk +0 -11
  208. package/src/_includes/components/table/table.config.js +0 -68
  209. package/src/_includes/components/table/table.md +0 -16
  210. package/src/_includes/components/table/table.njk +0 -28
  211. package/src/_includes/components/table/table.scss +0 -157
  212. package/src/_includes/components/tabs/macro.njk +0 -9
  213. package/src/_includes/components/tabs/tabs-radio.config.js +0 -32
  214. package/src/_includes/components/tabs/tabs-radio.njk +0 -9
  215. package/src/_includes/components/tabs/tabs.config.js +0 -57
  216. package/src/_includes/components/tabs/tabs.njk +0 -17
  217. package/src/_includes/components/tabs/tabs.scss +0 -105
  218. package/src/_includes/components/twi/macro.njk +0 -5
  219. package/src/_includes/components/twi/twi.config.js +0 -46
  220. package/src/_includes/components/twi/twi.md +0 -1
  221. package/src/_includes/components/twi/twi.njk +0 -30
  222. package/src/_includes/components/twi/twi.scss +0 -44
  223. package/src/_includes/components/usp/macro.njk +0 -5
  224. package/src/_includes/components/usp/usp.config.js +0 -55
  225. package/src/_includes/components/usp/usp.md +0 -101
  226. package/src/_includes/components/usp/usp.njk +0 -42
  227. package/src/_includes/components/usp/usp.scss +0 -60
  228. package/src/_includes/content-page.njk +0 -53
  229. package/src/_includes/includes/color-swatches.njk +0 -260
  230. package/src/_includes/includes/related-events.njk +0 -60
  231. package/src/_includes/includes/resources.njk +0 -78
  232. package/src/_includes/includes/system-footer.njk +0 -30
  233. package/src/_includes/includes/system-header.njk +0 -30
  234. package/src/_includes/includes/system-scripts.njk +0 -88
  235. package/src/_includes/layout.njk +0 -69
  236. package/src/_includes/library-navigation/brand-nav.njk +0 -67
  237. package/src/_includes/library-navigation/components-nav.njk +0 -88
  238. package/src/_includes/library-navigation/content-nav.njk +0 -53
  239. package/src/_includes/library-navigation/system-nav.njk +0 -9
  240. package/src/_includes/library.njk +0 -5
  241. package/src/_includes/navigation/blog.njk +0 -16
  242. package/src/_includes/navigation/corporate.njk +0 -25
  243. package/src/_includes/navigation/store.njk +0 -29
  244. package/src/_includes/page.njk +0 -14
  245. package/src/_includes/patterns-page.njk +0 -41
  246. package/src/_includes/system-home-page.njk +0 -28
  247. package/src/_includes/system-page.njk +0 -27
  248. package/src/_includes/system.njk +0 -39
  249. package/src/_redirects +0 -13
  250. package/src/assets/fonts/Inter-Bold.woff +0 -0
  251. package/src/assets/fonts/Inter-Bold.woff2 +0 -0
  252. package/src/assets/fonts/Inter-Regular.woff +0 -0
  253. package/src/assets/fonts/Inter-Regular.woff2 +0 -0
  254. package/src/assets/fonts/Inter-SemiBold.woff +0 -0
  255. package/src/assets/fonts/Inter-SemiBold.woff2 +0 -0
  256. package/src/assets/js/app.js +0 -40
  257. package/src/assets/js/imports/accordion.js +0 -17
  258. package/src/assets/js/imports/carousel.js +0 -22
  259. package/src/assets/js/imports/clear-form.js +0 -27
  260. package/src/assets/js/imports/comparison.js +0 -64
  261. package/src/assets/js/imports/facet.js +0 -23
  262. package/src/assets/js/imports/gallery.js +0 -87
  263. package/src/assets/js/imports/hero-pattern.js +0 -94
  264. package/src/assets/js/imports/hero-video.js +0 -53
  265. package/src/assets/js/imports/hotspot-image.js +0 -91
  266. package/src/assets/js/imports/internal-nav.js +0 -41
  267. package/src/assets/js/imports/off-canvas.js +0 -219
  268. package/src/assets/js/imports/responsive-table.js +0 -30
  269. package/src/assets/js/imports/scroll-spy.js +0 -46
  270. package/src/assets/js/imports/scrollbar-width.js +0 -15
  271. package/src/assets/js/imports/tabs.js +0 -58
  272. package/src/assets/js/imports/utilities.js +0 -31
  273. package/src/assets/scss/components/form.scss +0 -306
  274. package/src/assets/scss/components/headings.scss +0 -68
  275. package/src/assets/scss/components/index.scss +0 -52
  276. package/src/assets/scss/components/lightbox.scss +0 -64
  277. package/src/assets/scss/components/product-finder.scss +0 -75
  278. package/src/assets/scss/elements/index.scss +0 -2
  279. package/src/assets/scss/elements/reset.scss +0 -139
  280. package/src/assets/scss/elements/typography.scss +0 -25
  281. package/src/assets/scss/foundations/animation.scss +0 -4
  282. package/src/assets/scss/foundations/colour.scss +0 -85
  283. package/src/assets/scss/foundations/index.scss +0 -4
  284. package/src/assets/scss/foundations/space.scss +0 -57
  285. package/src/assets/scss/foundations/typography.scss +0 -159
  286. package/src/assets/scss/library.scss +0 -672
  287. package/src/assets/scss/main.scss +0 -6
  288. package/src/assets/scss/objects/button-wrap.scss +0 -18
  289. package/src/assets/scss/objects/clickable-parent.scss +0 -3
  290. package/src/assets/scss/objects/grid.scss +0 -329
  291. package/src/assets/scss/objects/index.scss +0 -4
  292. package/src/assets/scss/objects/prose.scss +0 -169
  293. package/src/assets/scss/objects/syntax-highlighting.scss +0 -211
  294. package/src/assets/scss/tools/breakout.scss +0 -17
  295. package/src/assets/scss/tools/cutoff.scss +0 -50
  296. package/src/assets/scss/tools/index.scss +0 -172
  297. package/src/assets/scss/utilities/colour.scss +0 -10
  298. package/src/assets/scss/utilities/disabled.scss +0 -8
  299. package/src/assets/scss/utilities/display.scss +0 -156
  300. package/src/assets/scss/utilities/divider.scss +0 -6
  301. package/src/assets/scss/utilities/ellipsis.scss +0 -7
  302. package/src/assets/scss/utilities/flex.scss +0 -47
  303. package/src/assets/scss/utilities/flow.scss +0 -69
  304. package/src/assets/scss/utilities/gap.scss +0 -3
  305. package/src/assets/scss/utilities/hr.scss +0 -23
  306. package/src/assets/scss/utilities/index.scss +0 -18
  307. package/src/assets/scss/utilities/link.scss +0 -26
  308. package/src/assets/scss/utilities/scroll-shadows.scss +0 -69
  309. package/src/assets/scss/utilities/space.scss +0 -370
  310. package/src/assets/scss/utilities/typography.scss +0 -35
  311. package/src/assets/scss/utilities/wrap.scss +0 -24
  312. package/src/assets/svg/arc.svg +0 -1
  313. package/src/assets/svg/concentric.svg +0 -1
  314. package/src/assets/svg/crystal.svg +0 -1
  315. package/src/assets/svg/dots-pattern.svg +0 -1
  316. package/src/brand/colors.njk +0 -69
  317. package/src/brand/illustration.md +0 -50
  318. package/src/brand/images.md +0 -101
  319. package/src/brand/index.njk +0 -147
  320. package/src/brand/logo.md +0 -107
  321. package/src/brand/patterns.njk +0 -49
  322. package/src/brand/requirements.md +0 -98
  323. package/src/brand/resources.njk +0 -75
  324. package/src/brand/typography.md +0 -101
  325. package/src/components/colour.njk +0 -327
  326. package/src/components/creating-a-component.md +0 -163
  327. package/src/components/css.md +0 -65
  328. package/src/components/flow.njk +0 -131
  329. package/src/components/grid/generic.njk +0 -99
  330. package/src/components/grid/index.njk +0 -86
  331. package/src/components/grid/layout.njk +0 -56
  332. package/src/components/grid/wrap.njk +0 -20
  333. package/src/components/iconography.njk +0 -92
  334. package/src/components/index.njk +0 -65
  335. package/src/components/installation.md +0 -61
  336. package/src/components/publishing-the-system.md +0 -25
  337. package/src/components/space.njk +0 -191
  338. package/src/components/typography.njk +0 -135
  339. package/src/components/utilities.md +0 -182
  340. package/src/components-full-pages.njk +0 -24
  341. package/src/components-pages.njk +0 -103
  342. package/src/content/and-so/please-write-responsibly.md +0 -15
  343. package/src/content/and-so/sitting-down.md +0 -13
  344. package/src/content/big-ideas.md +0 -63
  345. package/src/content/boilerplate.md +0 -33
  346. package/src/content/elevator-pitch.md +0 -33
  347. package/src/content/index.njk +0 -126
  348. package/src/content/our-voice/1-big-picture.md +0 -37
  349. package/src/content/our-voice/2-whats-most-important.md +0 -38
  350. package/src/content/our-voice/3-write-like-we-speak.md +0 -50
  351. package/src/content/our-voice/4-write-to-be-skimmed.md +0 -50
  352. package/src/content/our-voice/5-active-sentences.md +0 -73
  353. package/src/content/our-voice/6-add-energy.md +0 -34
  354. package/src/content/our-voice/7-small-surprises.md +0 -44
  355. package/src/content/our-voice/seven-steps.md +0 -21
  356. package/src/content/our-voice/which-techniques-when.md +0 -39
  357. package/src/content/real-life-examples/01-who-we-are-boilerplate.md +0 -39
  358. package/src/content/real-life-examples/02-event-announcement.md +0 -38
  359. package/src/content/real-life-examples/03-customer-support-letter.md +0 -58
  360. package/src/content/real-life-examples/04-delay-in-shipment-letter.md +0 -62
  361. package/src/content/real-life-examples/05-overview-events-training.md +0 -41
  362. package/src/content/real-life-examples/06-digital-product-description.md +0 -40
  363. package/src/content/real-life-examples/07-recruitment.md +0 -42
  364. package/src/content/real-life-examples/08-industry-sector-1.md +0 -43
  365. package/src/content/real-life-examples/09-industry-sector-2.md +0 -47
  366. package/src/content/real-life-examples/10-website-information.md +0 -50
  367. package/src/content/real-life-examples/11-internal-update.md +0 -37
  368. package/src/content/real-life-examples/12-value-proposition.md +0 -44
  369. package/src/index.njk +0 -152
  370. package/src/patterns/form.njk +0 -349
  371. package/src/patterns/grid-of-cards.njk +0 -66
  372. package/src/patterns/index.njk +0 -19
  373. package/src/patterns/mp-form.njk +0 -111
  374. package/src/patterns/usps.njk +0 -149
  375. package/src/prototype/blog-post.njk +0 -123
  376. package/src/prototype/blog.njk +0 -168
  377. package/src/prototype/card-test.njk +0 -147
  378. package/src/prototype/creating-a-page.njk +0 -74
  379. package/src/prototype/events-hub.njk +0 -520
  380. package/src/prototype/form-altcha.njk +0 -705
  381. package/src/prototype/form-cloudflare.njk +0 -688
  382. package/src/prototype/form-hcaptcha.njk +0 -693
  383. package/src/prototype/home.njk +0 -24
  384. package/src/prototype/index.njk +0 -893
  385. package/src/prototype/oma.njk +0 -167
  386. package/src/prototype/product.njk +0 -480
  387. package/src/prototype/products.njk +0 -163
  388. package/src/prototype/range.njk +0 -263
  389. package/src/prototype/request-a-quote.njk +0 -147
  390. package/src/prototype/sections.njk +0 -295
  391. package/src/prototype/spline.njk +0 -16
  392. package/src/prototype/thanks.njk +0 -31
  393. package/src/prototype/webinar.njk +0 -118
  394. package/src/prototype/webinars-3-2-1.njk +0 -397
  395. package/src/prototype/webinars.njk +0 -405
  396. package/src/quickstart.md +0 -41
  397. package/src/robots.txt +0 -5
  398. package/src/static/adobe/MP Franklin colour swatches.ai +0 -914
  399. package/src/static/img/aeris.jpg +0 -0
  400. package/src/static/img/article-1.jpg +0 -0
  401. package/src/static/img/article-2.jpg +0 -0
  402. package/src/static/img/blog-image-1.jpg +0 -0
  403. package/src/static/img/blog-page-image-1.jpg +0 -0
  404. package/src/static/img/blog-page-image-2.jpg +0 -0
  405. package/src/static/img/blog-page-image-3.jpg +0 -0
  406. package/src/static/img/blog-page-image-4.jpg +0 -0
  407. package/src/static/img/blog-page-image-5.jpg +0 -0
  408. package/src/static/img/blog-page-image-6.jpg +0 -0
  409. package/src/static/img/campaign.jpg +0 -0
  410. package/src/static/img/case-study-1.jpg +0 -0
  411. package/src/static/img/case-study-2.jpg +0 -0
  412. package/src/static/img/case-study-3.jpg +0 -0
  413. package/src/static/img/empyrean.jpg +0 -0
  414. package/src/static/img/epsilon.jpg +0 -0
  415. package/src/static/img/favicon-32x32.png +0 -0
  416. package/src/static/img/favicon.svg +0 -1
  417. package/src/static/img/featured-blog-post.jpg +0 -0
  418. package/src/static/img/featured-event-1.jpg +0 -0
  419. package/src/static/img/featured-event-2.jpg +0 -0
  420. package/src/static/img/featured-event-3.jpg +0 -0
  421. package/src/static/img/flow-2.png +0 -0
  422. package/src/static/img/flow-diagram.png +0 -0
  423. package/src/static/img/flow.png +0 -0
  424. package/src/static/img/grid-captivate-1.jpg +0 -0
  425. package/src/static/img/homepage_1_back.webp +0 -0
  426. package/src/static/img/homepage_1_back_alt.webp +0 -0
  427. package/src/static/img/homepage_1_front_full.webp +0 -0
  428. package/src/static/img/homepage_2_back.webp +0 -0
  429. package/src/static/img/homepage_2_back_alt.webp +0 -0
  430. package/src/static/img/homepage_2_front_full.webp +0 -0
  431. package/src/static/img/itcss.svg +0 -8
  432. package/src/static/img/leneo.jpg +0 -0
  433. package/src/static/img/mastersizer.jpg +0 -0
  434. package/src/static/img/microcal.jpg +0 -0
  435. package/src/static/img/morphologi.jpg +0 -0
  436. package/src/static/img/omnisec.jpg +0 -0
  437. package/src/static/img/open-graph-image.jpg +0 -0
  438. package/src/static/img/product-accessory-1.jpg +0 -0
  439. package/src/static/img/product-accessory-2.jpg +0 -0
  440. package/src/static/img/product-image.jpg +0 -0
  441. package/src/static/img/products-1.jpg +0 -0
  442. package/src/static/img/products-2.jpg +0 -0
  443. package/src/static/img/products-3.jpg +0 -0
  444. package/src/static/img/products-4.jpg +0 -0
  445. package/src/static/img/products-5.jpg +0 -0
  446. package/src/static/img/products-6.jpg +0 -0
  447. package/src/static/img/qualityspec.jpg +0 -0
  448. package/src/static/img/range-product-1.jpg +0 -0
  449. package/src/static/img/range-product-2.jpg +0 -0
  450. package/src/static/img/range.jpg +0 -0
  451. package/src/static/img/salt.png +0 -0
  452. package/src/static/img/sector-1.jpg +0 -0
  453. package/src/static/img/sector-2.jpg +0 -0
  454. package/src/static/img/sector-3.jpg +0 -0
  455. package/src/static/img/sector-4.jpg +0 -0
  456. package/src/static/img/sector-5.jpg +0 -0
  457. package/src/static/img/slide-1.jpg +0 -0
  458. package/src/static/img/slide-2.jpg +0 -0
  459. package/src/static/img/slide-3.jpg +0 -0
  460. package/src/static/img/slide-4.webp +0 -0
  461. package/src/static/img/slide-5.webp +0 -0
  462. package/src/static/img/slide-6.webp +0 -0
  463. package/src/static/img/slide-7.webp +0 -0
  464. package/src/static/img/zetasizer.jpg +0 -0
  465. package/src/static/pdf/PN12558_Physical_branding_v23.pdf +0 -0
  466. package/src/static/pdf/Power of One - Malvern Panalytical rebranding guidance.pdf +0 -0
  467. package/src/static/svg/crop-diagram-1.svg +0 -1
  468. package/src/static/svg/crop-diagram-2.svg +0 -1
  469. package/src/static/svg/icon-globe-alt--white.svg +0 -4
  470. package/src/static/svg/icon-globe-alt.svg +0 -4
  471. package/src/static/svg/icon-live-webinars--white.svg +0 -6
  472. package/src/static/svg/icon-live-webinars.svg +0 -6
  473. package/src/static/svg/icon-recorded-webinars--white.svg +0 -4
  474. package/src/static/svg/icon-recorded-webinars.svg +0 -4
  475. package/src/static/svg/icon-user-training--white.svg +0 -5
  476. package/src/static/svg/icon-user-training.svg +0 -5
  477. package/src/static/svg/imaging-matrix.svg +0 -56
  478. package/src/static/svg/large-envelope.svg +0 -1
  479. package/src/static/svg/large-globe.svg +0 -1
  480. package/src/static/svg/large-student.svg +0 -1
  481. package/src/static/svg/logo-black.svg +0 -1
  482. package/src/static/svg/logo-color-white-text.svg +0 -1
  483. package/src/static/svg/logo-simple.svg +0 -1
  484. package/src/static/svg/logo-small.svg +0 -1
  485. package/src/static/svg/logo-spacing-horizontal.svg +0 -1
  486. package/src/static/svg/logo-spacing-vertical.svg +0 -1
  487. package/src/static/svg/logo-stacked.svg +0 -1
  488. package/src/static/svg/logo-white.svg +0 -1
  489. package/src/static/svg/logo-x.svg +0 -1
  490. package/src/static/svg/logo.svg +0 -1
  491. package/src/static/svg/sprite.svg +0 -48
  492. package/src/static/svg/typography-spacing.svg +0 -2345
  493. package/src/static/zip/MP_logo.zip +0 -0
  494. package/src/static/zip/SVG_patterns.zip +0 -0
@@ -1,1058 +0,0 @@
1
- const categories = require('../component/categories');
2
-
3
- module.exports = {
4
- title: 'Card',
5
- preview: 'card-example',
6
- category: categories.card,
7
- component: {
8
- name: 'card'
9
- },
10
- context: {},
11
- variants: [
12
- {
13
- title: 'Product Card - Promotional',
14
- preview: 'content-width',
15
- context: {
16
- theme: {
17
- border: true,
18
- layout: 'multi'
19
- },
20
- image: {
21
- src: '/static/img/range-product-1.jpg',
22
- alt: 'Product image alt'
23
- },
24
- header: {
25
- title: 'Product name',
26
- subtitle: 'Summary',
27
- },
28
- body: {
29
- content: '<p>Description lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>',
30
- },
31
- footer: {
32
- buttons: [
33
- {
34
- link: '#',
35
- label: 'Purchase'
36
- }
37
- ]
38
- }
39
- }
40
- },
41
- {
42
- title: 'Product Card - Detailed',
43
- preview: 'content-width',
44
- context: {
45
- theme: {
46
- border: true,
47
- layout: 'multi'
48
- },
49
- image: {
50
- src: '/static/img/range-product-1.jpg',
51
- alt: 'Product image alt'
52
- },
53
- header: {
54
- title: 'Archimedes',
55
- subtitle: 'Sizing from buoyant mass',
56
- },
57
- body: {
58
- keySpecs: [
59
- {
60
- title: 'Measurement',
61
- terms: [
62
- 'Particle size',
63
- 'Protein aggregation',
64
- 'Particle concentration'
65
- ]
66
- },
67
- {
68
- title: 'Particle size range',
69
- term: '0.6µm to 5µm'
70
- },
71
- {
72
- title: 'Technology',
73
- term: 'Resonant Mass Measurement (RMM)'
74
- },
75
- {
76
- title: 'Dispersion type',
77
- term: 'Wet'
78
- }
79
- ],
80
- },
81
- footer: {
82
- cta: {
83
- link: '#',
84
- label: 'Read more',
85
- icon: 'arrow-right',
86
- }
87
- }
88
- }
89
- },
90
- {
91
- title: 'Product card - Range (no image)',
92
- preview: 'content-width',
93
- context: {
94
- theme: {
95
- border: true,
96
- layout: 'multi',
97
- noFullLink: true
98
- },
99
- header: {
100
- title: 'Vials and seals',
101
- subtitle: 'Sizing from buoyant mass',
102
- },
103
- body: {
104
- content: `<p>Two types of screw-top glass vial – 20mL and 40mL capacity - are available for use with Archimedes. By using the dedicated vial seals a snug fit to the instrument is created, enabling pressure to be maintained throughout Archimedes’ fluidics system.</p><ul>
105
- <li>20mL screw-top glass vials.</li>
106
- <li>Vial seals create a pressure-tight fitting.</li>
107
- <li>Vials need only be finger-tight.</li>
108
- <li>Additional seals available for snug fitting of fluidics lines into reference and waste bottles.</li>
109
- <li>Inserts such as eppendorf tubes may be used for smaller sample volumes inside 20mL vial.</li>
110
- </ul>`,
111
- },
112
- footer: {
113
- buttons: [
114
- {
115
- link: '#',
116
- label: 'Purchase now'
117
- },
118
- {
119
- link: '#',
120
- label: 'Request a quote'
121
- }
122
- ]
123
- }
124
- }
125
- },
126
- {
127
- title: 'Product - Card Store',
128
- preview: 'content-width',
129
- context: {
130
- theme: {
131
- border: true,
132
- size: 'medium',
133
- layout: 'multi',
134
- noFullLink: true,
135
- inlineSpecs: true
136
- },
137
- image: {
138
- src: '/static/img/range-product-1.jpg',
139
- alt: 'Product image alt'
140
- },
141
- header: {
142
- title: 'Scirocco 2000 Consumable Kit',
143
- },
144
- body: {
145
- content: `<p>Kit includes: Flow Diffusing Sphere Stainless Steel for DPFs, Sample Tubing 300mm Long 5/16" i/d x ½" o/d, Scirocco 2000 Set of Spare Fuses, Packet of Lens Tissues, Fine Sieve Basket Assembly 0.8mm small mesh, Coarse Sieve Basket Assembly 1.6mm large mesh, Quality Audit Standard Pack of Ten 2.5g Bottles, 1/2in wide paint brush.</p>`,
146
- keySpecs: [
147
- {
148
- title: 'Product number',
149
- term: 'ADA4005'
150
- },
151
- {
152
- title: 'Compatible with',
153
- terms: [
154
- 'Mastersizer 3000',
155
- 'Mastersizer 3000E'
156
- ]
157
- }
158
- ],
159
- },
160
- footer: {
161
- cta: {
162
- link: '#',
163
- label: 'View full details',
164
- icon: 'arrow-right',
165
- },
166
- },
167
- shop: {
168
- labels: [
169
- { key: 'List price', value: '£326.00' },
170
- { key: 'Lead time', value: '1-2 weeks' }
171
- ],
172
- small: 'Discount will be applied at checkout',
173
- productId: '1234'
174
- }
175
- }
176
- },
177
- {
178
- title: 'Article card - Whitepaper Medium',
179
- preview: 'content-width',
180
- context: {
181
- theme: {
182
- border: true,
183
- size: 'medium',
184
- layout: 'multi'
185
- },
186
- header: {
187
- title: 'Accelerating the deformulation workflow for oral solid dosage forms',
188
- meta: [
189
- '12 Jan 2015',
190
- 'English'
191
- ],
192
- },
193
- body: {
194
- content: `<p>This whitepaper on Oral Solid Dose (OSD) deformulation demonstrates how the analytical technique of Morphologically Directed Raman Spectroscopy (MDRS) can be used to accelerate the development of generic products to a successful conclusion.</p>`,
195
- keySpecs: [
196
- {
197
- title: 'Products',
198
- term: 'Morphologi G3-ID'
199
- }
200
- ]
201
- },
202
- footer: {
203
- cta: {
204
- link: '#',
205
- label: 'Read the whitepaper',
206
- icon: 'arrow-right',
207
- },
208
- },
209
- tag: 'Whitepaper'
210
- }
211
- },
212
- {
213
- title: 'Article card - Blog post',
214
- preview: 'content-width',
215
- context: {
216
- theme: {
217
- border: false,
218
- layout: 'multi',
219
- name: 'alt'
220
- },
221
- image: {
222
- src: '/static/img/case-study-3.jpg',
223
- alt: 'Product image alt'
224
- },
225
- header: {
226
- title: 'The future is 3D',
227
- },
228
- body: {
229
- content: `<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>`,
230
- keySpecs: [
231
- {
232
- title: 'Products',
233
- term: 'Morphologi G3-ID'
234
- },
235
- {
236
- title: 'Technologies',
237
- term: 'Morphologically-Directed Raman Spectroscopy'
238
- }
239
- ]
240
- },
241
- tag: 'Blog post',
242
- link: '#',
243
- }
244
- },
245
- {
246
- title: 'Featured event card - Future',
247
- preview: 'cards-three',
248
- context: {
249
- theme: {
250
- border: false,
251
- layout: 'single',
252
- name: 'featured',
253
- inlineSpecs: true
254
- },
255
- header: {
256
- title: 'Discover how on-line particle sizing optimises mining analytics.',
257
- date: {
258
- date: new Date(),
259
- time: '11:00 – 12:00',
260
- timezone: 'EST',
261
- },
262
- meta: [
263
- 'English'
264
- ],
265
- },
266
- image: {
267
- src: '/static/img/featured-event-1.jpg',
268
- alt: 'Alt'
269
- },
270
- body: {
271
- keySpecs: [
272
- {
273
- title: 'Products',
274
- term: 'Morphologi G3-ID'
275
- },
276
- {
277
- title: 'Technologies',
278
- term: 'Morphologically-Directed Raman Spectroscopy'
279
- }
280
- ],
281
- },
282
- footer: {
283
- buttons: [
284
- {
285
- link: '#',
286
- label: 'Book your place'
287
- }
288
- ],
289
- },
290
- tag: 'Live webinar'
291
- }
292
- },
293
- {
294
- title: 'Featured event card - Past',
295
- preview: 'cards-three',
296
- context: {
297
- theme: {
298
- border: false,
299
- layout: 'single',
300
- name: 'featured',
301
- inlineSpecs: true
302
- },
303
- header: {
304
- title: 'Discover how on-line particle sizing optimises mining analytics.',
305
- date: {
306
- date: new Date(),
307
- duration: '36:01'
308
- },
309
- meta: [
310
- 'English'
311
- ]
312
- },
313
- image: {
314
- src: '/static/img/featured-event-1.jpg',
315
- alt: 'Alt'
316
- },
317
- body: {
318
- keySpecs: [
319
- {
320
- title: 'Products',
321
- term: 'Morphologi G3-ID'
322
- },
323
- {
324
- title: 'Technologies',
325
- term: 'Morphologically-Directed Raman Spectroscopy'
326
- }
327
- ],
328
- },
329
- footer: {
330
- buttons: [
331
- {
332
- link: '#',
333
- label: 'Watch now',
334
- colour: 'outline-white'
335
- }
336
- ],
337
- },
338
- tag: 'Live webinar',
339
- }
340
- },
341
- {
342
- title: 'Featured event card - Multi',
343
- preview: 'content-width',
344
- context: {
345
- theme: {
346
- border: false,
347
- layout: 'multi',
348
- name: 'featured'
349
- },
350
- header: {
351
- title: 'Discover how on-line particle sizing optimises mining analytics.',
352
- date: {
353
- date: new Date(),
354
- duration: '36:01'
355
- },
356
- meta: [
357
- 'English'
358
- ]
359
- },
360
- image: {
361
- src: '/static/img/featured-event-1.jpg',
362
- alt: 'Alt'
363
- },
364
- body: {
365
- keySpecs: [
366
- {
367
- title: 'Products',
368
- term: 'Morphologi G3-ID'
369
- },
370
- {
371
- title: 'Technologies',
372
- term: 'Morphologically-Directed Raman Spectroscopy'
373
- }
374
- ],
375
- },
376
- footer: {
377
- buttons: [
378
- {
379
- link: '#',
380
- label: 'Watch now',
381
- colour: 'outline-white'
382
- }
383
- ],
384
- },
385
- tag: 'Live webinar',
386
- }
387
- },
388
- {
389
- title: 'Event card - Future (home)',
390
- preview: 'content-width',
391
- context: {
392
- theme: {
393
- border: false,
394
- size: 'small',
395
- layout: 'multi',
396
- name: 'event',
397
- inlineSpecs: true,
398
- corner: true,
399
- },
400
- header: {
401
- title: 'Discover how on-line particle sizing optimises mining analytics.',
402
- date: {
403
- date: new Date(),
404
- time: '11:00 – 12:00',
405
- timezone: 'EST'
406
- },
407
- meta: [
408
- 'English'
409
- ],
410
- },
411
- body: {
412
- keySpecs: [
413
- {
414
- title: 'Products',
415
- term: 'Morphologi G3-ID'
416
- },
417
- {
418
- title: 'Technologies',
419
- term: 'Morphologically-Directed Raman Spectroscopy'
420
- }
421
- ]
422
- },
423
- link: '#'
424
- }
425
- },
426
- {
427
- title: 'Event card - Series part (home)',
428
- preview: 'cards-three',
429
- context: {
430
- theme: {
431
- border: false,
432
- size: 'small',
433
- layout: 'multi',
434
- name: 'event',
435
- inlineSpecs: true,
436
- corner: true,
437
- },
438
- header: {
439
- title: 'Discover how on-line particle sizing optimises mining analytics.',
440
- date: {
441
- date: new Date(),
442
- time: '11:00 – 12:00',
443
- timezone: 'EST'
444
- },
445
- meta: [
446
- 'English'
447
- ],
448
- },
449
- body: {
450
- keySpecs: [
451
- {
452
- title: 'Products',
453
- term: 'Morphologi G3-ID'
454
- },
455
- {
456
- title: 'Technologies',
457
- term: 'Morphologically-Directed Raman Spectroscopy'
458
- }
459
- ],
460
- },
461
- link: '#',
462
- series: [{
463
- link: '/prototype/webinar',
464
- label: 'Part 2 of 3',
465
- active: true
466
- },{
467
- link: '/prototype/webinar',
468
- label: 'Watch part 1'
469
- },
470
- {
471
- link: '/prototype/webinar',
472
- label: 'Register for part 3'
473
- }]
474
- }
475
- },
476
- {
477
- title: 'Event card - Past (home)',
478
- preview: 'content-width',
479
- context: {
480
- theme: {
481
- border: false,
482
- size: 'small',
483
- layout: 'multi',
484
- name: 'event',
485
- inlineSpecs: true,
486
- corner: true,
487
- },
488
- header: {
489
- title: 'Discover how on-line particle sizing optimises mining analytics.',
490
- date: {
491
- date: new Date(),
492
- duration: '36:01'
493
- },
494
- meta: [
495
- 'English'
496
- ]
497
- },
498
- body: {
499
- keySpecs: [
500
- {
501
- title: 'Products',
502
- term: 'Morphologi G3-ID'
503
- },
504
- {
505
- title: 'Technologies',
506
- term: 'Morphologically-Directed Raman Spectroscopy'
507
- }
508
- ]
509
- },
510
- }
511
- },
512
- {
513
- title: 'Event card - Past (home) multicolumn',
514
- preview: 'content-width',
515
- context: {
516
- theme: {
517
- border: false,
518
- size: 'small',
519
- layout: 'single',
520
- name: 'event',
521
- inlineSpecs: true,
522
- corner: true
523
- },
524
- image: {
525
- src: '/static/img/blog-page-image-1.jpg',
526
- alt: 'Product image alt'
527
- },
528
- header: {
529
- title: 'Discover how on-line particle sizing optimises mining analytics.',
530
- date: {
531
- date: new Date(),
532
- duration: '36:01'
533
- },
534
- meta: [
535
- 'English'
536
- ]
537
- },
538
- body: {
539
- keySpecs: [
540
- {
541
- title: 'Products',
542
- term: 'Morphologi G3-ID'
543
- },
544
- {
545
- title: 'Technologies',
546
- term: 'Morphologically-Directed Raman Spectroscopy'
547
- }
548
- ]
549
- },
550
- }
551
- },
552
- {
553
- title: 'Event card - Past (away)',
554
- preview: 'content-width',
555
- context: {
556
- theme: {
557
- border: false,
558
- size: 'small',
559
- layout: 'multi',
560
- name: 'event',
561
- inlineSpecs: true
562
- },
563
- header: {
564
- title: 'Discover how on-line particle sizing optimises mining analytics.',
565
- date: {
566
- date: new Date(),
567
- duration: '36:01'
568
- },
569
- meta: [
570
- 'English'
571
- ]
572
- },
573
- body: {
574
- keySpecs: [
575
- {
576
- title: 'Products',
577
- term: 'Morphologi G3-ID'
578
- },
579
- {
580
- title: 'Technologies',
581
- term: 'Morphologically-Directed Raman Spectroscopy'
582
- }
583
- ],
584
- },
585
- tag: 'Recorded webinar'
586
- }
587
- },
588
- {
589
- title: 'Article card - single',
590
- preview: 'cards-three',
591
- context: {
592
- theme: {
593
- border: false,
594
- size: 'small',
595
- layout: 'single'
596
- },
597
- image: {
598
- src: '/static/img/blog-page-image-1.jpg',
599
- alt: 'Product image alt'
600
- },
601
- header: {
602
- title: 'The future is 3D',
603
- },
604
- body: {
605
- content: '<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>',
606
- keySpecs: [
607
- {
608
- title: 'Products',
609
- term: 'Morphologi G3-ID'
610
- },
611
- {
612
- title: 'Technologies',
613
- term: 'Morphologically-Directed Raman Spectroscopy'
614
- }
615
- ]
616
- },
617
- link: '#',
618
- tag: 'Blog post',
619
- }
620
- },
621
- {
622
- title: 'Article card - Alt',
623
- preview: 'cards-three',
624
- context: {
625
- theme: {
626
- border: false,
627
- size: 'small',
628
- layout: 'single',
629
- name: 'alt'
630
- },
631
- image: {
632
- src: '/static/img/blog-page-image-1.jpg',
633
- alt: 'Product image alt'
634
- },
635
- header: {
636
- title: 'The future is 3D',
637
- },
638
- body: {
639
- content: '<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>',
640
- keySpecs: [
641
- {
642
- title: 'Products',
643
- term: 'Morphologi G3-ID'
644
- },
645
- {
646
- title: 'Technologies',
647
- term: 'Morphologically-Directed Raman Spectroscopy'
648
- }
649
- ]
650
- },
651
- tag: 'Blog post',
652
- link: '#'
653
- }
654
- },
655
- {
656
- title: 'Article card - Whitepaper',
657
- preview: 'cards-three',
658
- context: {
659
- theme: {
660
- border: true,
661
- size: 'small',
662
- layout: 'single'
663
- },
664
- header: {
665
- title: 'Accelerating the deformulation workflow for oral solid dosage forms',
666
- meta: [
667
- '12 Jan 2015',
668
- 'English'
669
- ],
670
- },
671
- body: {
672
- keySpecs: [
673
- {
674
- title: 'Products',
675
- term: 'Morphologi G3-ID'
676
- }
677
- ],
678
- },
679
- footer: {
680
- cta: {
681
- link: '#',
682
- label: 'Read the whitepaper',
683
- icon: 'arrow-right',
684
- }
685
- },
686
- tag: 'Whitepaper',
687
- }
688
- },
689
- {
690
- title: 'Career card',
691
- preview: 'cards-three',
692
- context: {
693
- theme: {
694
- layout: 'single',
695
- name: 'alt',
696
- metaLast: true
697
- },
698
- header: {
699
- title: 'Account Manager - MX',
700
- meta: [
701
- 'Mexico City, MX',
702
- 'Posted 30+ days ago'
703
- ],
704
- },
705
- body: {
706
- content: '<p>Do you want to be part of a business that genuinely values entrepreneurialism, innovation and individual accountability? We focus on our customers and are proud of the difference our technology makes. We partner with some of the biggest...</p>'
707
- },
708
- footer: {
709
- buttons: [
710
- {
711
- link: '#',
712
- label: 'More details',
713
- inline: false
714
- }
715
- ]
716
- }
717
- }
718
- },
719
- {
720
- title: 'Product card - single',
721
- preview: 'cards-three',
722
- context: {
723
- theme: {
724
- layout: 'single',
725
- border: true
726
- },
727
- image: {
728
- src: '/static/img/blog-page-image-1.jpg',
729
- alt: 'Product image alt'
730
- },
731
- header: {
732
- title: '凝胶渗透色谱仪OMNISEC系统'
733
- },
734
- body: {
735
- content: '<p>确定聚合物材料的分子量、粒度和结构</p>'
736
- }
737
- }
738
- },
739
- {
740
- title: 'In-person event card',
741
- preview: 'content-width',
742
- context: {
743
- theme: {
744
- border: false,
745
- size: 'small',
746
- layout: 'multi',
747
- name: 'event',
748
- inlineSpecs: true,
749
- corner: true,
750
- },
751
- header: {
752
- title: 'Discover how on-line particle sizing optimises mining analytics.',
753
- date: {
754
- date: new Date(),
755
- time: '11:00 – 12:00',
756
- timezone: 'EST'
757
- },
758
- meta: [
759
- 'New York',
760
- 'English'
761
- ],
762
- },
763
- body: {
764
- keySpecs: [
765
- {
766
- title: 'Products',
767
- term: 'Morphologi G3-ID'
768
- },
769
- {
770
- title: 'Technologies',
771
- term: 'Morphologically-Directed Raman Spectroscopy'
772
- }
773
- ]
774
- },
775
- link: '#'
776
- }
777
- },
778
- {
779
- title: 'In-person event card with image',
780
- preview: 'content-width',
781
- context: {
782
- theme: {
783
- border: false,
784
- size: 'small',
785
- layout: 'multi',
786
- name: 'event',
787
- inlineSpecs: true,
788
- corner: true,
789
- },
790
- image: {
791
- src: '/static/img/blog-page-image-1.jpg',
792
- alt: 'Product image alt'
793
- },
794
- header: {
795
- title: 'Discover how on-line particle sizing optimises mining analytics.',
796
- date: {
797
- date: new Date(),
798
- time: '11:00 – 12:00',
799
- timezone: 'EST'
800
- },
801
- meta: [
802
- 'New York',
803
- 'English'
804
- ],
805
- },
806
- body: {
807
- keySpecs: [
808
- {
809
- title: 'Products',
810
- term: 'Morphologi G3-ID'
811
- },
812
- {
813
- title: 'Technologies',
814
- term: 'Morphologically-Directed Raman Spectroscopy'
815
- }
816
- ]
817
- },
818
- link: '#'
819
- }
820
- },
821
- {
822
- title: 'On-demand event card',
823
- preview: 'content-width',
824
- context: {
825
- theme: {
826
- border: false,
827
- size: 'small',
828
- layout: 'multi',
829
- name: 'event',
830
- inlineSpecs: true
831
- },
832
- header: {
833
- title: 'Discover how on-line particle sizing optimises mining analytics.',
834
- date: {
835
- date: new Date(),
836
- duration: '36:01'
837
- },
838
- meta: [
839
- 'Remote',
840
- 'English'
841
- ]
842
- },
843
- body: {
844
- keySpecs: [
845
- {
846
- title: 'Products',
847
- term: 'Morphologi G3-ID'
848
- },
849
- {
850
- title: 'Technologies',
851
- term: 'Morphologically-Directed Raman Spectroscopy'
852
- }
853
- ],
854
- },
855
- tag: 'Recorded webinar'
856
- }
857
- },
858
- {
859
- title: 'On-demand event card with image',
860
- preview: 'content-width',
861
- context: {
862
- theme: {
863
- border: false,
864
- size: 'small',
865
- layout: 'multi',
866
- name: 'event',
867
- inlineSpecs: true
868
- },
869
- image: {
870
- src: '/static/img/blog-page-image-1.jpg',
871
- alt: 'Product image alt'
872
- },
873
- header: {
874
- title: 'Discover how on-line particle sizing optimises mining analytics.',
875
- date: {
876
- date: new Date(),
877
- duration: '36:01'
878
- },
879
- meta: [
880
- 'Remote',
881
- 'English'
882
- ]
883
- },
884
- body: {
885
- keySpecs: [
886
- {
887
- title: 'Products',
888
- term: 'Morphologi G3-ID'
889
- },
890
- {
891
- title: 'Technologies',
892
- term: 'Morphologically-Directed Raman Spectroscopy'
893
- }
894
- ],
895
- },
896
- tag: 'Recorded webinar'
897
- }
898
- },
899
- {
900
- title: 'Event series card',
901
- preview: 'cards-three',
902
- context: {
903
- theme: {
904
- border: false,
905
- layout: 'single',
906
- name: 'event-series',
907
- inlineSpecs: false,
908
- corner: false,
909
- },
910
- header: {
911
- title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
912
- date: {
913
- date: (new Date()).toLocaleString('default', { month: 'short', year: 'numeric' }),
914
- formatted: true,
915
- },
916
- },
917
- footer: {
918
- cta: {
919
- link: '#',
920
- label: 'Watch now',
921
- icon: 'play',
922
- }
923
- },
924
- link: '#'
925
- }
926
- },
927
- {
928
- title: 'Event series card with image',
929
- preview: 'cards-three',
930
- context: {
931
- theme: {
932
- border: false,
933
- layout: 'single',
934
- name: 'event-series',
935
- inlineSpecs: false,
936
- corner: false,
937
- },
938
- image: {
939
- src: '/static/img/blog-page-image-1.jpg',
940
- alt: 'Product image alt'
941
- },
942
- header: {
943
- title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
944
- date: {
945
- date: (new Date()).toLocaleString('default', { month: 'short', year: 'numeric' }),
946
- formatted: true,
947
- },
948
- },
949
- footer: {
950
- cta: {
951
- link: '#',
952
- label: 'Watch now',
953
- icon: 'play',
954
- }
955
- },
956
- link: '#'
957
- }
958
- },
959
- ],
960
-
961
- props: [
962
- {
963
- title: 'CSS modifiers',
964
- table: [
965
- ['c-card--alt', '', 'Petrol step 3 alternative background'],
966
- ['c-card--featured', '', 'Petrol background, white text'],
967
- ['c-card--event', '', 'Alt background with grey text'],
968
- ['c-card--layout-[type]', 'multi, single', 'Left- or top-aligned image'],
969
- ['c-card--size-[size]', 'small, medium, large', 'Title and gap size control'],
970
- ['c-card--bordered', '', 'Add a border to the card'],
971
- ['c-card--no-height-match', '', 'Prevent cards matching height with siblings'],
972
- ['c-card--inline-specs', '', 'Render specs inline, rather than wrapped']
973
- ]
974
- },
975
- {
976
- title: 'Props',
977
- table: [
978
- ['theme', 'object', 'themeOptions'],
979
- ['header', 'object', 'headerOptions'],
980
- ['body', 'object', 'bodyOptions'],
981
- ['footer', 'object', 'footerOptions'],
982
- ['tag', 'string', 'Name of the tag'],
983
- ['link', 'string', 'For cards without a CTA'],
984
- ['shop', 'object', 'shopOptions'],
985
- ['series', 'series[]', ''],
986
- ]
987
- },
988
- {
989
- title: '<code>themeOptions</code>',
990
- table: [
991
- ['name', 'string', 'Name of the theme: alt, featured'],
992
- ['border', 'bool', 'Does the card have a border'],
993
- ['size', 'string', 'Size of the card (default: large)'],
994
- ['layout', 'string', '"multi" or "single"'],
995
- ['inlineSpecs', 'string', 'Are the specifications inline or wrapped'],
996
- ['noFullLink', 'bool', 'Is there a giant link covering the entire card?'],
997
- ['noHeightMatch', 'bool', 'Should the card ignore height matching?'],
998
- ['corner', 'bool', 'Does the card have a green corner'],
999
- ]
1000
- },
1001
- {
1002
- title: '<code>headerOptions</code>',
1003
- table: [
1004
- ['title', 'string', ''],
1005
- ['subtitle', 'string', ''],
1006
- ['meta', 'string[]', 'Additional snippets of useful information'],
1007
- ['date', 'object', 'dateOptions']
1008
- ]
1009
- },
1010
- {
1011
- title: '<code>dateOptions</code>',
1012
- table: [
1013
- ['date', 'date', 'Datetime of the instance'],
1014
- ['time', 'string', 'String-based time'],
1015
- ['timezone', 'string', 'String-based timezone'],
1016
- ['duration', 'string', 'Providing this will make it a \'past event\''],
1017
- ]
1018
- },
1019
- {
1020
- title: '<code>bodyOptions</code>',
1021
- table: [
1022
- ['content', 'html', 'Prose-based content'],
1023
- ['keySpecs', 'keySpecs[]']
1024
- ]
1025
- },
1026
- {
1027
- title: '<code>keySpecs</code>',
1028
- table: [
1029
- ['title', 'string'],
1030
- ['term', 'string'],
1031
- ['terms', 'string[]'],
1032
- ]
1033
- },
1034
- {
1035
- title: '<code>footerOptions</code>',
1036
- table: [
1037
- ['cta', 'footerLink'],
1038
- ['buttons', 'footerLink[]']
1039
- ]
1040
- },
1041
- {
1042
- title: '<code>footerLink</code>',
1043
- table: [
1044
- ['label', 'string', 'Label for the call to action'],
1045
- ['link', 'string', 'URL for the element'],
1046
- ['colour', 'string', 'Optional button style']
1047
- ]
1048
- },
1049
- {
1050
- title: '<code>shopOptions</code>',
1051
- table: [
1052
- ['labels', 'array', 'key/value objects'],
1053
- ['small', 'string', 'Short shop description'],
1054
- ['productId', 'string']
1055
- ]
1056
- },
1057
- ]
1058
- }