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,99 +0,0 @@
1
- ---
2
- title: Generic grids
3
- layout: system-page
4
- sidebar: false
5
- crumb: ["/components/grid/", "Grid"]
6
- ---
7
-
8
- <div class="u-flow--l">
9
- <p>All <code>o-grid</code>s are single-column, full width, below 22.4em/358px. Three- and four-column grids begin to split into columns above 38em/608px, and two-column grids split into columns above 40em/640px.</p>
10
- <div class="u-flow--xs">
11
- <p class="u-step--1"><code>.o-grid .o-grid--of-two</code></p>
12
- <p class="u-step--1 u-grey-step-1">Two columns above 40em/640px</p>
13
- <div class="o-grid o-grid--of-two">
14
- <div>
15
- <div class="c-library-grid"></div>
16
- </div>
17
- <div>
18
- <div class="c-library-grid"></div>
19
- </div>
20
- </div>
21
- </div>
22
-
23
- <div class="u-flow--xs">
24
- <p class="u-step--1"><code>.o-grid .o-grid--of-two-late</code></p>
25
- <p class="u-step--1 u-grey-step-1">Two columns above 55em/880px</p>
26
- <div class="o-grid o-grid--of-two-late">
27
- <div>
28
- <div class="c-library-grid"></div>
29
- </div>
30
- <div>
31
- <div class="c-library-grid"></div>
32
- </div>
33
- </div>
34
- </div>
35
-
36
- <div class="u-flow--xs">
37
- <p class="u-step--1"><code>.o-grid .o-grid--of-two-early</code></p>
38
- <p class="u-step--1 u-grey-step-1">Two columns above 22.4em/358px</p>
39
- <div class="o-grid o-grid--of-two-early">
40
- <div>
41
- <div class="c-library-grid"></div>
42
- </div>
43
- <div>
44
- <div class="c-library-grid"></div>
45
- </div>
46
- </div>
47
- </div>
48
-
49
- <div class="u-flow--xs">
50
- <p class="u-step--1"><code>.o-grid .o-grid--of-three</code></p>
51
- <p class="u-step--1 u-grey-step-1">Two columns above 38em/608px, then three columns above 55em/880px</p>
52
- <div class="o-grid o-grid--of-three">
53
- <div>
54
- <div class="c-library-grid"></div>
55
- </div>
56
- <div>
57
- <div class="c-library-grid"></div>
58
- </div>
59
- <div>
60
- <div class="c-library-grid"></div>
61
- </div>
62
- </div>
63
- </div>
64
-
65
- <div class="u-flow--xs">
66
- <p class="u-step--1"><code>.o-grid .o-grid--of-three-late</code></p>
67
- <p class="u-step--1 u-grey-step-1">Two columns above 38em/608px, then three columns above 68em/1088px</p>
68
- <div class="o-grid o-grid--of-three-late">
69
- <div>
70
- <div class="c-library-grid"></div>
71
- </div>
72
- <div>
73
- <div class="c-library-grid"></div>
74
- </div>
75
- <div>
76
- <div class="c-library-grid"></div>
77
- </div>
78
- </div>
79
- </div>
80
-
81
- <div class="u-flow--xs">
82
- <p class="u-step--1"><code>.o-grid .o-grid--of-four</code></p>
83
- <p class="u-step--1 u-grey-step-1">Two columns above 38em/608px, then three columns above 60em/960px</p>
84
- <div class="o-grid o-grid--of-four">
85
- <div>
86
- <div class="c-library-grid"></div>
87
- </div>
88
- <div>
89
- <div class="c-library-grid"></div>
90
- </div>
91
- <div>
92
- <div class="c-library-grid"></div>
93
- </div>
94
- <div>
95
- <div class="c-library-grid"></div>
96
- </div>
97
- </div>
98
- </div>
99
- </div>
@@ -1,86 +0,0 @@
1
- ---
2
- title: Grid
3
- layout: system-page
4
- sidebar: components
5
- ---
6
-
7
- {% from "components/card/macro.njk" import card %}
8
- {% from "components/prose/macro.njk" import markdown %}
9
-
10
- <div class="o-grid o-grid--of-three-late u-margin-bottom-s">
11
- {{ card({
12
- theme: {
13
- layout: 'single',
14
- size: 'large',
15
- border: true
16
- },
17
- header: {
18
- title: 'Generic'
19
- },
20
- body: {
21
- content: '<p>Grids to be nested inside layout grids, splitting content into equal columns.</p>'
22
- },
23
- footer: {
24
- cta: {
25
- link: '/components/grid/generic/',
26
- label: 'Read more'
27
- }
28
- }
29
- }) }}
30
- {{ card({
31
- theme: {
32
- layout: 'single',
33
- size: 'large',
34
- border: true
35
- },
36
- header: {
37
- title: 'Layout'
38
- },
39
- body: {
40
- content: '<p>Grids designed to lay out full pages, using the twelve column grid.</p>'
41
- },
42
- footer: {
43
- cta: {
44
- link: '/components/grid/layout/',
45
- label: 'Read more'
46
- }
47
- }
48
- }) }}
49
- {{ card({
50
- theme: {
51
- layout: 'single',
52
- size: 'large',
53
- border: true
54
- },
55
- header: {
56
- title: 'Wrapper'
57
- },
58
- body: {
59
- content: '<p>Site-width constraints.</p>'
60
- },
61
- footer: {
62
- cta: {
63
- link: '/components/grid/wrap/',
64
- label: 'Read more'
65
- }
66
- }
67
- }) }}
68
- </div>
69
-
70
- {% set content %}
71
- ## Common breakpoints (mobile first)
72
-
73
- These are guidelines, not strict rules. In general you should add a breakpoint whenever the design requires it, not whenever these guidelines say so.
74
-
75
- | Ems | Px | What happens above this breakpoint: |
76
- |-----|----|--------|
77
- | 38em | 608px | [Generic grids](/components/grid/generic) expand from single- to multi-column (anything below this is considered "Mobile") |
78
- | 40em | 641px | Comparison tables expand from single- to multi-column |
79
- | 48em | 768px | Mobile menu becomes desktop menu |
80
- | 55em | 880px | [Layout grids](/components/grid/layout) expand from single- to multi-column |
81
- | 70em | 1120px | Column widths expand slightly (anything above this is considered "Desktop") |
82
- {% endset %}
83
-
84
- {{ markdown({
85
- content: content
86
- }) }}
@@ -1,56 +0,0 @@
1
- ---
2
- title: Layout grids
3
- layout: system-page
4
- sidebar: false
5
- crumb: ["/components/grid/", "Grid"]
6
- ---
7
-
8
- {% from "components/prose/macro.njk" import markdown %}
9
-
10
- {% set content %}
11
- All page layouts are composed to a 12-column grid which can be split in various ways to display different types of content.
12
-
13
- Options have been included to control component order when the layout is stacked at small viewport widths. For example in some instances sidebar content should appear above main body content, while in other instances it should appear below. This depends on which element is more critical for users to see first: Meta information about an event might come first, while a related content card might come last.
14
- {% endset %}
15
-
16
- {% set grids = [['9/3'], ['3/9'], ['8/4'], ['4/8'], ['8/3', 'o-grid--float'], ['8/3', 'o-grid--push'], ['3/8', 'o-grid--pull'], ['4/7', 'o-grid--push']] %}
17
-
18
- <div class="u-flow--xl">
19
- {{ markdown({
20
- content: content
21
- }) }}
22
-
23
- {% for i in grids %}
24
- {% set item = i[0] %}
25
- {% set modifier = i[1] %}
26
- <div class="u-flow">
27
- <h2 class="c-h c-h--step-3">{{ item }} {{ '(' + modifier + ')' | replace('o-grid--', '') if modifier }}</h2>
28
-
29
- <div class="u-flow--xs">
30
- <p class="u-step--1"><code>o-grid o-grid--{{ item }} {{ modifier if modifier }}</code></p>
31
- <div class="o-grid o-grid--layout o-grid--{{ item }} {{ modifier if modifier }}">
32
- <main>
33
- <div class="c-library-grid c-library-grid--first"></div>
34
- </main>
35
- <aside>
36
- <div class="c-library-grid c-library-grid--alt"></div>
37
- </aside>
38
- </div>
39
- </div>
40
-
41
- <div class="u-flow--xs">
42
- <p class="u-step--1"><code>o-grid o-grid--{{ item }}-switch {{ modifier if modifier }}</code></p>
43
- <div class="o-grid o-grid--layout o-grid--{{ item }}-switch {{ modifier if modifier }}">
44
- <main>
45
- <div class="c-library-grid c-library-grid--first"></div>
46
- </main>
47
- <aside>
48
- <div class="c-library-grid c-library-grid--alt"></div>
49
- </aside>
50
- </div>
51
- </div>
52
- </div>
53
- {% endfor %}
54
-
55
- </div>
56
-
@@ -1,20 +0,0 @@
1
- ---
2
- title: Wrapper
3
- layout: system-page
4
- sidebar: false
5
- crumb: ["/components/grid/", "Grid"]
6
- ---
7
-
8
- <div class="u-flow--l">
9
- <div class="u-flow">
10
- <p class="u-step--1"><code>.u-wrap</code></p>
11
- <div class="c-library-grid"></div>
12
- </div>
13
-
14
- <div class="u-flow">
15
- <p class="u-step--1"><code>.u-wrap--content</code></p>
16
- <div class="u-wrap--content">
17
- <div class="c-library-grid"></div>
18
- </div>
19
- </div>
20
- </div>
@@ -1,92 +0,0 @@
1
- ---
2
- title: Iconography
3
- layout: system-page
4
- sidebar: components
5
- ---
6
-
7
- {% from "components/prose/macro.njk" import markdown %}
8
- {% from "components/icon/macro.njk" import icon %}
9
-
10
- {% set content %}
11
- Icons should add clarity or affordance to interface elements and should not be used purely decoratively.
12
-
13
- They are generally simple line icons drawn with a 2px stroke, and should fit inside a 24px container.
14
-
15
- New icons introduced should be visually consistent with the set pictured here.
16
-
17
- Icons add visual noise to designs and should be used sparingly.
18
- {% endset %}
19
-
20
- {% set icons = [
21
- 'arrow-left',
22
- 'arrow-right',
23
- 'chevron-down',
24
- 'chevron-up',
25
- 'cross',
26
- 'dash',
27
- 'facebook',
28
- 'file',
29
- 'info',
30
- 'instagram',
31
- 'linkedin',
32
- 'lock',
33
- 'log-out',
34
- 'monitor',
35
- 'pin',
36
- 'play',
37
- 'rss',
38
- 'search',
39
- 'shopping-cart',
40
- 'tick',
41
- 'twitter',
42
- 'warning',
43
- 'youtube'
44
- ] %}
45
-
46
- {% set content2 %}
47
- ### Adding new icons
48
-
49
- Adding new icons to the SVG sprite is a manual process.
50
-
51
- 1. Create (or copy-paste) your new icon on a 24px &times; 24px artboard in Illustrator
52
- 2. Export as an SVG
53
- 3. Copy into <a href="https://jakearchibald.github.io/svgomg/" target="_blank" rel="external noopener noreferrer nofollow">https://jakearchibald.github.io/svgomg/</a>
54
- - Adjust the options to best reduce the file size
55
- - Export from SVGOMG as code
56
- 5. Paste into Franklin's /src/static/svg/sprite.svg
57
- - Convert the \<svg> tag into a \<symbol>
58
- - Add an id attribute
59
- - Generally ensure your \<symbol> looks the same as existing ones
60
-
61
- Please remember to add your icon to this page!
62
- {% endset %}
63
-
64
- <div class="u-flow--l">
65
- {{ markdown({
66
- content: content
67
- }) }}
68
-
69
- <table class="c-table c-table--center u-wrap--content">
70
- <thead>
71
- <tr>
72
- <th>Icon</th>
73
- <th>ID</th>
74
- <th>Code (Nunjucks)</th>
75
- </tr>
76
- </thead>
77
- <tbody>
78
- {% for id in icons %}
79
- <tr>
80
- <td class="u-step-3">
81
- {{ icon({ id: id }) }}
82
- </td>
83
- <td><code>{{ id }}</code></td>
84
- <td><code>{{ "{{ icon({ id:" }} {{ id }} }) }}</code></td>
85
- </tr>
86
- {% endfor %}
87
- </table>
88
-
89
- {{ markdown({
90
- content: content2
91
- })}}
92
- </div>
@@ -1,65 +0,0 @@
1
- ---
2
- title: Components
3
- description: Styles and resuable building blocks written in Sass and HTML.
4
- layout: system-page
5
- sidebar: components
6
- status: 'Development'
7
- version: 0.1.0
8
- ---
9
-
10
- {% from "components/prose/macro.njk" import markdown %}
11
- {% from "components/usp/macro.njk" import usp %}
12
-
13
- <div class="u-flow--l">
14
- {% set content %}
15
- Use these foundation styles and components to design and build consistent and usable interfaces.
16
-
17
- Also, review some example [patterns](/patterns/) and [pages](/prototype/home/) to see the components in practice.
18
-
19
- ## About this system
20
-
21
- In order to maintain the integrity of the system it's important we all understand how to use and contribute to this system to meet our needs.
22
- {% endset %}
23
-
24
- {{ markdown({
25
- content: content
26
- }) }}
27
-
28
- <div class="o-grid o-grid--of-three-late">
29
- {{ usp({
30
- title: 'A living resource',
31
- content: '<p>A system that will constantly evolve to meet our needs.</p>',
32
- classes: 'c-usp c-usp--bordered'
33
- }) }}
34
-
35
- {{ usp({
36
- title: 'Centrally managed',
37
- content: '<p>It will be managed and maintained by a central Design System Team, who will be on hand for questions and feedback.</p>',
38
- classes: 'c-usp c-usp--bordered'
39
- }) }}
40
-
41
- {{ usp({
42
- title: 'Reuse and follow',
43
- content: '<p>Always start by using/following what exists and then speaking to the Design System Team if there are additional requirements.</p>',
44
- classes: 'c-usp c-usp--bordered'
45
- }) }}
46
- </div>
47
-
48
- {% set content %}
49
- ## Contributing to the design system
50
-
51
- In order to maintain a healthy system it's important we have a clear process for helping contributors decide when to create or modify a component, as well as tracking its progress and status via a single pattern backlog.
52
-
53
- The following decision tree outlines this process.
54
- {% endset %}
55
-
56
- {{ markdown({
57
- content: content
58
- }) }}
59
-
60
- <figure>
61
- <a href="/static/img/flow-2.png" target="_blank">
62
- <img src="/static/img/flow-2.png" alt="Process flow diagram" />
63
- </a>
64
- </figure>
65
- </div>
@@ -1,61 +0,0 @@
1
- ---
2
- title: Installing the design system
3
- layout: content-page
4
- sidebar: components
5
- ---
6
-
7
- ## Consuming the design system via `link`
8
-
9
- The simplest way to consume the design system is with a `<link>` & `<script>` tag. Unpkg is a CDN of the built CSS & JavaScript, and can be included like so:
10
-
11
- ```html
12
- <link rel="stylesheet" href="https://unpkg.com/mp-design-system@latest/dist/build/scss/main.css" />
13
-
14
- <script src="https://unpkg.com/mp-design-system@latest/dist/build/js/app.js"></script>
15
- ```
16
-
17
- The latest version number is **V.{{ config.dsVersion }}**, and is visible in the top-right of the page throughout the design system. That version may not have been tested thoroughly - on the main website we stay a few versions behind the latest, and we specify a precise version of each asset by replacing "@latest" in the URL, e.g. `https://unpkg.com/mp-design-system@0.9.5/dist/build/scss/main.css`.
18
-
19
- N.B. the `<script>` tag needs to be placed near the closing `</body>` tag of your page; it won't run correctly if placed in the head.
20
-
21
- ## Consuming the design system via NPM
22
-
23
- If you wish to integrate the design system into your own build system, or customise the files being served, you can install the `mp-design-system` [NPM package](https://www.npmjs.com/package/mp-design-system).
24
-
25
- ```bash
26
- npm install mp-design-system
27
- ```
28
-
29
- Within your `package.json` file, you can add an alias, allowing you to reference the system with the characters `mp`:
30
-
31
- ```json
32
- {
33
- ...
34
- "alias": {
35
- "mp": "./node_modules/mp-design-system/src/assets/scss"
36
- }
37
- }
38
- ```
39
-
40
- Now, within your main SCSS file, you can pull in the full system:
41
-
42
- ```scss
43
- @import '~mp';
44
- ```
45
-
46
- Pull in specific sections of the system:
47
-
48
- ```scss
49
- @import '~mp/tools';
50
- @import '~mp/foundations';
51
- @import '~mp/elements';
52
- @import '~mp/objects';
53
- @import '~mp/components';
54
- @import '~mp/utilities';
55
- ```
56
-
57
- Or even pull in specific components:
58
-
59
- ```scss
60
- @import '~mp/components/button';
61
- ```
@@ -1,25 +0,0 @@
1
- ---
2
- title: Publishing the system
3
- layout: content-page
4
- sidebar: components
5
- ---
6
-
7
- ## This website
8
-
9
- To push changes to the live version of this website, simply `git push` the `master` branch. [Netlify](http://netlify.com/) will automatically rebuild the website with the latest code & design and redeploy it.
10
-
11
- Details on editing and updating this website are available in [Confluence](https://malvernpanalytical.atlassian.net/l/cp/mwMV1d1H) (Malvern Panalytical employees only).
12
-
13
- ## NPM
14
-
15
- When you're ready to cut a new release to NPM, here are the steps you'll need to take:
16
-
17
- 1. Ensure you're on the latest version of the `master` branch with no unstaged changes
18
- 2. Go to `package.json` and bump the version number
19
- 1. For major releases, push the first number (and reset the following numbers)
20
- 2. For new features, push the next number
21
- 3. For fixes, push the final number
22
- 3. Commit this change and push it up
23
- 4. Run `npm publish`
24
-
25
- This will push the latest version up to [NPM](https://www.npmjs.com/package/mp-design-system).