mp-design-system 1.2.63 → 1.2.65

package/src/_includes/components/card/card.config.js

@@ -1,1058 +0,0 @@
-const categories = require('../component/categories');
-
-module.exports = {
-  title: 'Card',
-  preview: 'card-example',
-  category: categories.card,
-  component: {
-    name: 'card'
-  },
-  context: {},
-  variants: [
-    {
-      title: 'Product Card - Promotional',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: true,
-          layout: 'multi'
-        },
-        image: {
-          src: '/static/img/range-product-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'Product name',
-          subtitle: 'Summary',
-        },
-        body: {
-          content: '<p>Description lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>',
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'Purchase'
-            }
-          ]
-        }
-      }
-    },
-    {
-      title: 'Product Card - Detailed',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: true,
-          layout: 'multi'
-        },
-        image: {
-          src: '/static/img/range-product-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'Archimedes',
-          subtitle: 'Sizing from buoyant mass',
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Measurement',
-              terms: [
-                'Particle size',
-                'Protein aggregation',
-                'Particle concentration'
-              ]
-            },
-            {
-              title: 'Particle size range',
-              term: '0.6µm to 5µm'
-            },
-            {
-              title: 'Technology',
-              term: 'Resonant Mass Measurement (RMM)'
-            },
-            {
-              title: 'Dispersion type',
-              term: 'Wet'
-            }
-          ],
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'Read more',
-            icon: 'arrow-right',
-          }
-        }
-      }
-    },
-    {
-      title: 'Product card - Range (no image)',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: true,
-          layout: 'multi',
-          noFullLink: true
-        },
-        header: {
-          title: 'Vials and seals',
-          subtitle: 'Sizing from buoyant mass',
-        },
-        body: {
-          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>
-          <li>20mL screw-top glass vials.</li>
-          <li>Vial seals create a pressure-tight fitting.</li>
-          <li>Vials need only be finger-tight.</li>
-          <li>Additional seals available for snug fitting of fluidics lines into reference and waste bottles.</li>
-          <li>Inserts such as eppendorf tubes may be used for smaller sample volumes inside 20mL vial.</li>
-          </ul>`,
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'Purchase now'
-            },
-            {
-              link: '#',
-              label: 'Request a quote'
-            }
-          ]
-        }
-      }
-    },
-    {
-      title: 'Product - Card Store',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: true,
-          size: 'medium',
-          layout: 'multi',
-          noFullLink: true,
-          inlineSpecs: true
-        },
-        image: {
-          src: '/static/img/range-product-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'Scirocco 2000 Consumable Kit',
-        },
-        body: {
-          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>`,
-          keySpecs: [
-            {
-              title: 'Product number',
-              term: 'ADA4005'
-            },
-            {
-              title: 'Compatible with',
-              terms: [
-                'Mastersizer 3000',
-                'Mastersizer 3000E'
-              ]
-            }
-          ],
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'View full details',
-            icon: 'arrow-right',
-          },
-        },
-        shop: {
-          labels: [
-            { key: 'List price', value: '£326.00' },
-            { key: 'Lead time', value: '1-2 weeks' }
-          ],
-          small: 'Discount will be applied at checkout',
-          productId: '1234'
-        }
-      }
-    },
-    {
-      title: 'Article card - Whitepaper Medium',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: true,
-          size: 'medium',
-          layout: 'multi'
-        },
-        header: {
-          title: 'Accelerating the deformulation workflow for oral solid dosage forms',
-          meta: [
-            '12 Jan 2015',
-            'English'
-          ],
-        },
-        body: {
-          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>`,
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            }
-          ]
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'Read the whitepaper',
-            icon: 'arrow-right',
-          },
-        },
-        tag: 'Whitepaper'
-      }
-    },
-    {
-      title: 'Article card - Blog post',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          layout: 'multi',
-          name: 'alt'
-        },
-        image: {
-          src: '/static/img/case-study-3.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'The future is 3D',
-        },
-        body: {
-          content: `<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>`,
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        tag: 'Blog post',
-        link: '#',
-      }
-    },
-    {
-      title: 'Featured event card - Future',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          layout: 'single',
-          name: 'featured',
-          inlineSpecs: true
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            time: '11:00 – 12:00',
-            timezone: 'EST',
-          },
-          meta: [
-            'English'
-          ],
-        },
-        image: {
-          src: '/static/img/featured-event-1.jpg',
-          alt: 'Alt'
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'Book your place'
-            }
-          ],
-        },
-        tag: 'Live webinar'
-      }
-    },
-    {
-      title: 'Featured event card - Past',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          layout: 'single',
-          name: 'featured',
-          inlineSpecs: true
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'English'
-          ]
-        },
-        image: {
-          src: '/static/img/featured-event-1.jpg',
-          alt: 'Alt'
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'Watch now',
-              colour: 'outline-white'
-            }
-          ],
-        },
-        tag: 'Live webinar',
-      }
-    },
-    {
-      title: 'Featured event card - Multi',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          layout: 'multi',
-          name: 'featured'
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'English'
-          ]
-        },
-        image: {
-          src: '/static/img/featured-event-1.jpg',
-          alt: 'Alt'
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'Watch now',
-              colour: 'outline-white'
-            }
-          ],
-        },
-        tag: 'Live webinar',
-      }
-    },
-    {
-      title: 'Event card - Future (home)',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true,
-        },
-        header: {      
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            time: '11:00 – 12:00',
-            timezone: 'EST'
-          },
-          meta: [
-            'English'
-          ],
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        link: '#'
-      }
-    },
-    {
-      title: 'Event card - Series part (home)',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true,
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            time: '11:00 – 12:00',
-            timezone: 'EST'
-          },
-          meta: [
-            'English'
-          ],
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        link: '#',
-        series: [{
-          link: '/prototype/webinar',
-          label: 'Part 2 of 3',
-          active: true
-        },{
-          link: '/prototype/webinar',
-          label: 'Watch part 1'
-        },
-        {
-          link: '/prototype/webinar',
-          label: 'Register for part 3'
-        }]
-      }
-    },
-    {
-      title: 'Event card - Past (home)',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true,
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'English'
-          ]
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-      }
-    },
-    {
-      title: 'Event card - Past (home) multicolumn',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'single',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'English'
-          ]
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-      }
-    },
-    {
-      title: 'Event card - Past (away)',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'English'
-          ]
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        tag: 'Recorded webinar'
-      }
-    },
-    {
-      title: 'Article card - single',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'single'
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'The future is 3D',
-        },
-        body: {
-          content: '<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>',
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        link: '#',
-        tag: 'Blog post',
-      }
-    },
-    {
-      title: 'Article card - Alt',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'single',
-          name: 'alt'
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'The future is 3D',
-        },
-        body: {
-          content: '<p>Materials characterisation will help ‘additive manufacturing’ change how we make things forever.</p>',
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        tag: 'Blog post',
-        link: '#'
-      }
-    },
-    {
-      title: 'Article card - Whitepaper',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: true,
-          size: 'small',
-          layout: 'single'
-        },
-        header: {
-          title: 'Accelerating the deformulation workflow for oral solid dosage forms',
-          meta: [
-            '12 Jan 2015',
-            'English'
-          ],
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            }
-          ],
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'Read the whitepaper',
-            icon: 'arrow-right',
-          }
-        },
-        tag: 'Whitepaper',
-      }
-    },
-    {
-      title: 'Career card',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          layout: 'single',
-          name: 'alt',
-          metaLast: true
-        },
-        header: {
-          title: 'Account Manager - MX',
-          meta: [
-            'Mexico City, MX',
-            'Posted 30+ days ago'
-          ],
-        },
-        body: {
-          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>'
-        },
-        footer: {
-          buttons: [
-            {
-              link: '#',
-              label: 'More details',
-              inline: false
-            }
-          ]
-        }
-      }
-    },
-    {
-      title: 'Product card - single',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          layout: 'single',
-          border: true
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: '凝胶渗透色谱仪OMNISEC系统'
-        },
-        body: {
-          content: '<p>确定聚合物材料的分子量、粒度和结构</p>'
-        }
-      }
-    },
-    {
-      title: 'In-person event card',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true,
-        },
-        header: {      
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            time: '11:00 – 12:00',
-            timezone: 'EST'
-          },
-          meta: [
-            'New York',
-            'English'
-          ],
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        link: '#'
-      }
-    },
-    {
-      title: 'In-person event card with image',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true,
-          corner: true,
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {      
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            time: '11:00 – 12:00',
-            timezone: 'EST'
-          },
-          meta: [
-            'New York',
-            'English'
-          ],
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ]
-        },
-        link: '#'
-      }
-    },
-    {
-      title: 'On-demand event card',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'Remote',
-            'English'
-          ]
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        tag: 'Recorded webinar'
-      }
-    },
-    {
-      title: 'On-demand event card with image',
-      preview: 'content-width',
-      context: {
-        theme: {
-          border: false,
-          size: 'small',
-          layout: 'multi',
-          name: 'event',
-          inlineSpecs: true
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {
-          title: 'Discover how on-line particle sizing optimises mining analytics.',
-          date: {
-            date: new Date(),
-            duration: '36:01'
-          },
-          meta: [
-            'Remote',
-            'English'
-          ]
-        },
-        body: {
-          keySpecs: [
-            {
-              title: 'Products',
-              term: 'Morphologi G3-ID'
-            },
-            {
-              title: 'Technologies',
-              term: 'Morphologically-Directed Raman Spectroscopy'
-            }
-          ],
-        },
-        tag: 'Recorded webinar'
-      }
-    },
-    {
-      title: 'Event series card',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          layout: 'single',
-          name: 'event-series',
-          inlineSpecs: false,
-          corner: false,
-        },
-        header: {      
-          title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
-          date: {
-            date: (new Date()).toLocaleString('default', { month: 'short', year: 'numeric' }),
-            formatted: true,
-          },
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'Watch now',
-            icon: 'play',
-          }
-        },
-        link: '#'
-      }
-    },
-    {
-      title: 'Event series card with image',
-      preview: 'cards-three',
-      context: {
-        theme: {
-          border: false,
-          layout: 'single',
-          name: 'event-series',
-          inlineSpecs: false,
-          corner: false,
-        },
-        image: {
-          src: '/static/img/blog-page-image-1.jpg',
-          alt: 'Product image alt'
-        },
-        header: {      
-          title: 'Part 1 - The theory of X-Ray Fluorescence (XRF)',
-          date: {
-            date: (new Date()).toLocaleString('default', { month: 'short', year: 'numeric' }),
-            formatted: true,
-          },
-        },
-        footer: {
-          cta: {
-            link: '#',
-            label: 'Watch now',
-            icon: 'play',
-          }
-        },
-        link: '#'
-      }
-    },
-  ],
-
-  props: [
-    {
-      title: 'CSS modifiers',
-      table: [
-        ['c-card--alt', '', 'Petrol step 3 alternative background'],
-        ['c-card--featured', '', 'Petrol background, white text'],
-        ['c-card--event', '', 'Alt background with grey text'],
-        ['c-card--layout-[type]', 'multi, single', 'Left- or top-aligned image'],
-        ['c-card--size-[size]', 'small, medium, large', 'Title and gap size control'],
-        ['c-card--bordered', '', 'Add a border to the card'],
-        ['c-card--no-height-match', '', 'Prevent cards matching height with siblings'],
-        ['c-card--inline-specs', '', 'Render specs inline, rather than wrapped']
-      ]
-    },
-    {
-      title: 'Props',
-      table: [
-        ['theme', 'object', 'themeOptions'],
-        ['header', 'object', 'headerOptions'],
-        ['body', 'object', 'bodyOptions'],
-        ['footer', 'object', 'footerOptions'],
-        ['tag', 'string', 'Name of the tag'],
-        ['link', 'string', 'For cards without a CTA'],
-        ['shop', 'object', 'shopOptions'],
-        ['series', 'series[]', ''],
-      ]
-    },
-    {
-      title: '<code>themeOptions</code>',
-      table: [
-        ['name', 'string', 'Name of the theme: alt, featured'],
-        ['border', 'bool', 'Does the card have a border'],
-        ['size', 'string', 'Size of the card (default: large)'],
-        ['layout', 'string', '"multi" or "single"'],
-        ['inlineSpecs', 'string', 'Are the specifications inline or wrapped'],
-        ['noFullLink', 'bool', 'Is there a giant link covering the entire card?'],
-        ['noHeightMatch', 'bool', 'Should the card ignore height matching?'],
-        ['corner', 'bool', 'Does the card have a green corner'],
-      ]
-    },
-    {
-      title: '<code>headerOptions</code>',
-      table: [
-        ['title', 'string', ''],
-        ['subtitle', 'string', ''],
-        ['meta', 'string[]', 'Additional snippets of useful information'],
-        ['date', 'object', 'dateOptions']
-      ]
-    },
-    {
-      title: '<code>dateOptions</code>',
-      table: [
-        ['date', 'date', 'Datetime of the instance'],
-        ['time', 'string', 'String-based time'],
-        ['timezone', 'string', 'String-based timezone'],
-        ['duration', 'string', 'Providing this will make it a \'past event\''],
-      ]
-    },
-    {
-      title: '<code>bodyOptions</code>',
-      table: [
-        ['content', 'html', 'Prose-based content'],
-        ['keySpecs', 'keySpecs[]']
-      ]
-    },
-    {
-      title: '<code>keySpecs</code>',
-      table: [
-        ['title', 'string'],
-        ['term', 'string'],
-        ['terms', 'string[]'],
-      ]
-    },
-    {
-      title: '<code>footerOptions</code>',
-      table: [
-        ['cta', 'footerLink'],
-        ['buttons', 'footerLink[]']
-      ]
-    },
-    {
-      title: '<code>footerLink</code>',
-      table: [
-        ['label', 'string', 'Label for the call to action'],
-        ['link', 'string', 'URL for the element'],
-        ['colour', 'string', 'Optional button style']
-      ]
-    },
-    {
-      title: '<code>shopOptions</code>',
-      table: [
-        ['labels', 'array', 'key/value objects'],
-        ['small', 'string', 'Short shop description'],
-        ['productId', 'string']
-      ]
-    },
-  ]
-}