mp-design-system 1.2.50 → 1.2.52

Sign up to get free protection for your applications and to get access to all the features.
Files changed (12) hide show
  1. package/dist/build/scss/main.css +1 -1
  2. package/dist/build/scss/main.css.map +1 -1
  3. package/package.json +1 -1
  4. package/src/_includes/includes/system-footer.njk +1 -1
  5. package/src/_redirects +1 -0
  6. package/src/assets/scss/components/form.scss +8 -0
  7. package/src/brand/resources.njk +1 -1
  8. package/src/components/iconography.njk +2 -0
  9. package/src/patterns/mp-form.njk +5 -5
  10. package/src/static/pdf/Power of One - Malvern Panalytical rebranding guidance.pdf +0 -0
  11. package/src/static/svg/sprite.svg +4 -0
  12. package/src/static/pdf/Power of one Content guidance.pdf +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mp-design-system",
3
- "version": "1.2.50",
3
+ "version": "1.2.52",
4
4
  "description": "",
5
5
  "scripts": {
6
6
  "dev": "npm-run-all --parallel bundle:*",
package/src/_includes/includes/system-footer.njk CHANGED
@@ -6,7 +6,7 @@
6
6
  <ol class="u-flow--xs u-margin-top-2xs">
7
7
  <li><h3>Quick links</h3></li>
8
8
  <li><a href="/brand/resources">Brand resources</a></li>
9
- <li><a href="/checklist">Franklin checklist</a></li>
9
+ <li><a href="/quickstart">Quick start guide</a></li>
10
10
  </ol>
11
11
  <div class="mp o-prose u-flow--prose u-step--1">
12
12
 
package/src/_redirects CHANGED
@@ -6,6 +6,7 @@
6
6
  /brand/visual/images /brand/images 301
7
7
  /brand/visual/logo /brand/logo 301
8
8
  /brand/visual/typography /brand/typography 301
9
+ /checklist /quickstart 301
9
10
  http://project-franklin.netlify.app https://brand.malvernpanalytical.com 301
10
11
  https://project-franklin.netlify.app https://brand.malvernpanalytical.com 301
11
12
  http://project-franklin.netlify.app/* https://brand.malvernpanalytical.com/:splat 301
package/src/assets/scss/components/form.scss CHANGED
@@ -256,6 +256,14 @@
256
256
  flex-basis: 100%;
257
257
  }
258
258
 
259
+ &--required:after {
260
+ content: '*';
261
+ color: color('red');
262
+ padding: 0 2px;
263
+ position: relative;
264
+ top: -2px;
265
+ }
266
+
259
267
  & + * {
260
268
  flex: 1 0 115px;
261
269
  }
package/src/brand/resources.njk CHANGED
@@ -50,7 +50,7 @@ tags: brand
50
50
  }) }}
51
51
 
52
52
  {{ twi({
53
- link: "/static/pdf/Power of one Content guidance.pdf",
53
+ link: "/static/pdf/Power of One - Malvern Panalytical rebranding guidance.pdf",
54
54
  label: "Channel Partner & Field Marketing guide - Product rebranding and naming conventions",
55
55
  classes: "u-link u-border u-pad-s",
56
56
  icon: "file"
package/src/components/iconography.njk CHANGED
@@ -31,6 +31,8 @@ Icons add visual noise to designs and should be used sparingly.
31
31
  'linkedin',
32
32
  'lock',
33
33
  'log-out',
34
+ 'monitor',
35
+ 'pin',
34
36
  'play',
35
37
  'rss',
36
38
  'search',
package/src/patterns/mp-form.njk CHANGED
@@ -42,7 +42,7 @@ layout: patterns-page
42
42
  <div class="c-form__field EmailAddress required">
43
43
  <div class="c-form__input-wrap">
44
44
  <label class="c-form__label c-form__label--required" for="EmailAddress">Email address</label>
45
- <input type="email" class="c-input" name="EmailAddress" value="" placeholder="" id="EmailAddress" required="" />
45
+ <input type="email" class="c-form__input" name="EmailAddress" value="" placeholder="" id="EmailAddress" required="" />
46
46
  </div>
47
47
  </div>
48
48
  </div>
@@ -50,7 +50,7 @@ layout: patterns-page
50
50
  <div class="c-form__field Telephone required">
51
51
  <div class="c-form__input-wrap">
52
52
  <label class="c-form__label c-form__label--required" for="Telephone">Telephone</label>
53
- <input type="tel" class="c-input" name="Telephone" value="" placeholder="" id="Telephone" required="" />
53
+ <input type="tel" class="c-form__input" name="Telephone" value="" placeholder="" id="Telephone" required="" />
54
54
  </div>
55
55
  </div>
56
56
  </div>
@@ -63,7 +63,7 @@ layout: patterns-page
63
63
  <div class="c-form__field CompanyName required">
64
64
  <div class="c-form__input-wrap">
65
65
  <label class="c-form__label c-form__label--required" for="CompanyName">Company / institution</label>
66
- <input type="text" class="c-input" name="CompanyName" value="" placeholder="" id="CompanyName" required="" />
66
+ <input type="text" class="c-form__input" name="CompanyName" value="" placeholder="" id="CompanyName" required="" />
67
67
  </div>
68
68
  </div>
69
69
  </div>
@@ -71,13 +71,13 @@ layout: patterns-page
71
71
  <div class="c-form__field City required">
72
72
  <div class="c-form__input-wrap">
73
73
  <label class="c-form__label c-form__label--required" for="City">City</label>
74
- <input type="text" class="c-input" name="City" value="" placeholder="" id="City" required="" />
74
+ <input type="text" class="c-form__input" name="City" value="" placeholder="" id="City" required="" />
75
75
  </div>
76
76
  </div>
77
77
  <div class="c-form__field Country required">
78
78
  <div class="c-form__input-wrap">
79
79
  <label class="c-form__label c-form__label--required" for="Country">Country</label>
80
- <select class="c-input c-input--select Country" name="Country" id="Country" required="">
80
+ <select class="c-form__input c-form__input--select Country" name="Country" id="Country" required="">
81
81
  <option value=""></option>
82
82
  <option value="option-1">Option 1</option>
83
83
  <option value="option-2">Option 2</option>
package/src/static/svg/sprite.svg CHANGED
@@ -26,6 +26,10 @@
26
26
 
27
27
  <symbol id="log-out" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9M16 17L21 12M21 12L16 7M21 12H9"/></symbol>
28
28
 
29
+ <symbol id="monitor" viewBox="0 0 24 24" fill="none"><path d="M18.6 4.23438H5.4C4.6268 4.23438 4 4.86118 4 5.63438V12.6344C4 13.4076 4.6268 14.0344 5.4 14.0344H18.6C19.3732 14.0344 20 13.4076 20 12.6344V5.63438C20 4.86118 19.3732 4.23438 18.6 4.23438Z" stroke="#3D7B87" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.2002 17.7695H15.8002" stroke="#3D7B87" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 14.9688V17.7687" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></symbol>
30
+
31
+ <symbol id="pin" viewBox="0 0 24 24" fill="none"><g style="mix-blend-mode:multiply"><path fill-rule="evenodd" clip-rule="evenodd" d="M19.75 9.51163C19.75 10.9541 19.2189 12.2724 18.3415 13.2818C17.1715 14.746 15.0292 17.7626 14.3076 20.0155C14.2778 20.1086 14.2154 20.1722 14.1409 20.2064C14.0983 20.2275 14.0504 20.2393 13.9996 20.2393C13.8503 20.2393 13.7249 20.1367 13.6902 19.9981C12.9741 17.7811 10.8951 14.8329 9.71784 13.3491C8.80514 12.3313 8.25 10.9863 8.25 9.51163C8.25 6.33599 10.8244 3.76163 14 3.76163C17.1756 3.76163 19.75 6.33599 19.75 9.51163ZM14 11.414C15.1046 11.414 16 10.5185 16 9.41397C16 8.3094 15.1046 7.41397 14 7.41397C12.8954 7.41397 12 8.3094 12 9.41397C12 10.5185 12.8954 11.414 14 11.414Z" fill="currentColor"/></g></symbol>
32
+
29
33
  <symbol id="play" viewBox="0 0 24 24" fill="none"><path fill="currentColor" d="M3 2v20l18-10L3 2z"/></symbol>
30
34
 
31
35
  <symbol id="rss" viewBox="0 0 24 24" fill="none"><path stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4 10.5C6.38695 10.5 8.67613 11.4482 10.364 13.136C12.0518 14.8239 13 17.1131 13 19.5M4 3.5C8.24346 3.5 12.3131 5.18571 15.3137 8.18629C18.3143 11.1869 20 15.2565 20 19.5M6 18.5C6 19.0523 5.55228 19.5 5 19.5C4.44772 19.5 4 19.0523 4 18.5C4 17.9477 4.44772 17.5 5 17.5C5.55228 17.5 6 17.9477 6 18.5Z"/></symbol>