@scania/tegel 1.3.3-event-types.0 → 1.4.0

package/dist/collection/stories/announcements/announce-tegel.stories.js

@@ -1,16 +1,16 @@
 const meta = {
-  title: 'Intro/Announcements',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
+    title: 'Intro/Announcements',
+    parameters: {
+        layout: 'fullscreen',
+        options: {
+            showPanel: false,
+            showToolbar: false,
+        },
     },
-  },
 };
 export default meta;
 export const Tegel = {
-  render: () => `<style>
+    render: () => `<style>
             article {
                 box-sizing: border-box;
                 max-width: 688px;

package/dist/collection/stories/announcements/prefix-change.stories.js

@@ -1,16 +1,16 @@
 const meta = {
-  title: 'Intro/Announcements',
-  parameters: {
-    layout: 'fullscreen',
-    options: {
-      showPanel: false,
-      showToolbar: false,
+    title: 'Intro/Announcements',
+    parameters: {
+        layout: 'fullscreen',
+        options: {
+            showPanel: false,
+            showToolbar: false,
+        },
     },
-  },
 };
 export default meta;
 export const PrefixChange = {
-  render: () => `<style>
+    render: () => `<style>
     article {
         box-sizing: border-box;
         max-width: 688px;

package/dist/collection/stories/formatHtmlPreview.js

@@ -2,9 +2,9 @@ import prettier from "prettier/standalone";
 import parserBabel from "prettier/parser-babel";
 import parserHtml from "prettier/parser-html";
 const prettierOptions = {
-  bracketSameLine: false,
-  htmlWhitespaceSensitivity: 'ignore',
-  printWidth: 100,
+    bracketSameLine: false,
+    htmlWhitespaceSensitivity: 'ignore',
+    printWidth: 100,
 };
 const formatHtmlPreview = (htmlStr) => prettier.format(htmlStr, Object.assign({ parser: 'html', plugins: [parserBabel, parserHtml] }, prettierOptions));
 export default formatHtmlPreview;

package/dist/collection/stories/foundations/color/color-brand.stories.js

@@ -1,14 +1,14 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Color',
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
+    title: 'Foundations/Color',
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
     },
-  },
 };
 const Template = () => formatHtmlPreview(`
   <style>

package/dist/collection/stories/foundations/color/color-scales.stories.js

@@ -1,56 +1,56 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Color',
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
+    title: 'Foundations/Color',
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
     },
-  },
-  argTypes: {
-    color: {
-      name: 'Color',
-      description: 'Choose color scale to display',
-      control: {
-        type: 'radio',
-      },
-      options: { Grey: 'grey', Blue: 'blue', Red: 'red' },
+    argTypes: {
+        color: {
+            name: 'Color',
+            description: 'Choose color scale to display',
+            control: {
+                type: 'radio',
+            },
+            options: { Grey: 'grey', Blue: 'blue', Red: 'red' },
+        },
+    },
+    args: {
+        color: 'grey',
     },
-  },
-  args: {
-    color: 'grey',
-  },
 };
 const Template = ({ color }) => {
-  const scale = {
-    grey: [
-      '50',
-      '100',
-      '200',
-      '300',
-      '400',
-      '500',
-      '600',
-      '700',
-      '800',
-      '846',
-      '868',
-      '900',
-      '958',
-    ],
-    blue: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
-    red: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
-  };
-  const picked = scale[color];
-  let div = '';
-  picked.forEach((num) => {
-    div += `<div id="test" class="demo-wrapper" style="background-color: var(--tds-${color}-${num})">
+    const scale = {
+        grey: [
+            '50',
+            '100',
+            '200',
+            '300',
+            '400',
+            '500',
+            '600',
+            '700',
+            '800',
+            '846',
+            '868',
+            '900',
+            '958',
+        ],
+        blue: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
+        red: ['50', '100', '200', '300', '400', '500', '600', '700', '800', '900'],
+    };
+    const picked = scale[color];
+    let div = '';
+    picked.forEach((num) => {
+        div += `<div id="test" class="demo-wrapper" style="background-color: var(--tds-${color}-${num})">
       <span>--tds-${color}-${num}</span>
       </div>`;
-  });
-  return formatHtmlPreview(`
+    });
+    return formatHtmlPreview(`
   <style>
   /* Demo code for presentation purposes */
   .demo-wrapper {

package/dist/collection/stories/foundations/color/color-semantic.stories.js

@@ -1,14 +1,14 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Color',
-  parameters: {
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
+    title: 'Foundations/Color',
+    parameters: {
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
     },
-  },
 };
 const Template = () => formatHtmlPreview(`
   <style>

package/dist/collection/stories/foundations/grid/grid.stories.js

@@ -1,29 +1,29 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Grid',
-  parameters: {
-    layout: 'fullscreen',
-  },
-  args: {
-    fluidContainer: false,
-    padding: true,
-  },
-  argTypes: {
-    fluidContainer: {
-      name: 'Fluid container',
-      description: 'Set container to fluid or not',
-      control: {
-        type: 'boolean',
-      },
+    title: 'Foundations/Grid',
+    parameters: {
+        layout: 'fullscreen',
+    },
+    args: {
+        fluidContainer: false,
+        padding: true,
     },
-    padding: {
-      name: 'Fluid container',
-      description: 'Toggle padding on columns',
-      control: {
-        type: 'boolean',
-      },
+    argTypes: {
+        fluidContainer: {
+            name: 'Fluid container',
+            description: 'Set container to fluid or not',
+            control: {
+                type: 'boolean',
+            },
+        },
+        padding: {
+            name: 'Fluid container',
+            description: 'Toggle padding on columns',
+            control: {
+                type: 'boolean',
+            },
+        },
     },
-  },
 };
 // Styling for grid templates
 const style = formatHtmlPreview(`
@@ -267,7 +267,7 @@ const GridPushTemplate = ({ fluidContainer, collapse, padding }) => formatHtmlPr
   `);
 export const Push = GridPushTemplate.bind({});
 Push.args = {
-  collapse: false,
+    collapse: false,
 };
 const GridOffsetTemplate = ({ fluidContainer, padding }) => formatHtmlPreview(`
   ${style}
@@ -313,7 +313,7 @@ const GridNoPaddingTemplate = ({ fluidContainer, padding }) => formatHtmlPreview
   `);
 export const NoPadding = GridNoPaddingTemplate.bind({});
 NoPadding.args = {
-  padding: true,
+    padding: true,
 };
 const GridFluidTemplate = ({ fluidContainer = true, padding }) => formatHtmlPreview(`
     ${style}

package/dist/collection/stories/foundations/spacing/spacing-element.stories.js

@@ -1,9 +1,9 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Spacing',
-  parameters: {
-    layout: 'fullscreen',
-  },
+    title: 'Foundations/Spacing',
+    parameters: {
+        layout: 'fullscreen',
+    },
 };
 const Template = () => formatHtmlPreview(`
   <style>

package/dist/collection/stories/foundations/spacing/spacing-layout.stories.js

@@ -1,9 +1,9 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Spacing',
-  parameters: {
-    layout: 'fullscreen',
-  },
+    title: 'Foundations/Spacing',
+    parameters: {
+        layout: 'fullscreen',
+    },
 };
 const Template = () => formatHtmlPreview(`
   <style>

package/dist/collection/stories/foundations/typography/typography-body.stories.js

@@ -1,9 +1,9 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Typography',
-  parameters: {
-    layout: 'fullscreen',
-  },
+    title: 'Foundations/Typography',
+    parameters: {
+        layout: 'fullscreen',
+    },
 };
 const Template = () => formatHtmlPreview(`
   <p class='tds-body-01'>

package/dist/collection/stories/foundations/typography/typography-detail.stories.js

@@ -1,9 +1,9 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Typography',
-  parameters: {
-    layout: 'fullscreen',
-  },
+    title: 'Foundations/Typography',
+    parameters: {
+        layout: 'fullscreen',
+    },
 };
 const Template = () => formatHtmlPreview(`
   <p class='tds-detail-01'>This text style is used in components, such as the cookie component.</p>

package/dist/collection/stories/foundations/typography/typography-headline.stories.js

@@ -1,19 +1,19 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Typography',
-  parameters: {
-    layout: 'fullscreen',
-  },
-  argTypes: {
-    type: {
-      name: 'Type',
-      description: 'The type of headline. Functional/Expressive.',
-      control: {
-        type: 'radio',
-      },
-      options: { Functional: 'functional', Expressive: 'expressive' },
+    title: 'Foundations/Typography',
+    parameters: {
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        type: {
+            name: 'Type',
+            description: 'The type of headline. Functional/Expressive.',
+            control: {
+                type: 'radio',
+            },
+            options: { Functional: 'functional', Expressive: 'expressive' },
+        },
     },
-  },
 };
 const Template = ({ type }) => formatHtmlPreview(`
     <style>
@@ -35,5 +35,5 @@ const Template = ({ type }) => formatHtmlPreview(`
   `);
 export const Headlines = Template.bind({});
 Headlines.args = {
-  type: 'functional',
+    type: 'functional',
 };

package/dist/collection/stories/foundations/typography/typography-paragraph.stories.js

@@ -1,9 +1,9 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 export default {
-  title: 'Foundations/Typography',
-  parameters: {
-    layout: 'fullscreen',
-  },
+    title: 'Foundations/Typography',
+    parameters: {
+        layout: 'fullscreen',
+    },
 };
 const Template = () => formatHtmlPreview(`
         <p class='tds-paragraph-01'>Our large paragraph, which should be used for introduction texts on page layouts.</p>

package/dist/collection/stories/patterns/navigation/navigation-basic.stories.js

@@ -1,32 +1,32 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 import readme from "./readme.md";
 export default {
-  title: 'Patterns/Navigation',
-  parameters: {
-    notes: {
-      Readme: readme,
+    title: 'Patterns/Navigation',
+    parameters: {
+        notes: {
+            Readme: readme,
+        },
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
+        design: [
+            {
+                name: 'Figma',
+                type: 'figma',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+            {
+                name: 'Link',
+                type: 'link',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+        ],
     },
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
-    },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {},
-  args: {},
+    argTypes: {},
+    args: {},
 };
 const Template = () => formatHtmlPreview(`
   <tds-header>

package/dist/collection/stories/patterns/navigation/navigation-fewitems.stories.js

@@ -1,32 +1,32 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 import readme from "./readme.md";
 export default {
-  title: 'Patterns/Navigation',
-  parameters: {
-    notes: {
-      Readme: readme,
+    title: 'Patterns/Navigation',
+    parameters: {
+        notes: {
+            Readme: readme,
+        },
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
+        design: [
+            {
+                name: 'Figma',
+                type: 'figma',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+            {
+                name: 'Link',
+                type: 'link',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+        ],
     },
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
-    },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {},
-  args: {},
+    argTypes: {},
+    args: {},
 };
 const Template = () => formatHtmlPreview(`
     <script>

package/dist/collection/stories/patterns/navigation/navigation-manyitems.stories.js

@@ -1,45 +1,45 @@
 import formatHtmlPreview from "../../formatHtmlPreview";
 import readme from "./readme.md";
 export default {
-  title: 'Patterns/Navigation',
-  parameters: {
-    notes: {
-      Readme: readme,
+    title: 'Patterns/Navigation',
+    parameters: {
+        notes: {
+            Readme: readme,
+        },
+        layout: 'fullscreen',
+        docs: {
+            source: {
+                state: 'closed',
+            },
+        },
+        design: [
+            {
+                name: 'Figma',
+                type: 'figma',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+            {
+                name: 'Link',
+                type: 'link',
+                url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
+            },
+        ],
     },
-    layout: 'fullscreen',
-    docs: {
-      source: {
-        state: 'closed',
-      },
+    argTypes: {
+        dummyHtml: {
+            name: 'Dummy content',
+            description: 'Some html to try out in the main section.',
+            control: {
+                type: 'text',
+            },
+            table: {
+                defaultValue: { summary: null },
+            },
+        },
     },
-    design: [
-      {
-        name: 'Figma',
-        type: 'figma',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-      {
-        name: 'Link',
-        type: 'link',
-        url: 'https://www.figma.com/file/d8bTgEx7h694MSesi2CTLF/Tegel-UI-Library?node-id=11142%3A42941&t=Ne6myqwca5m00de7-1',
-      },
-    ],
-  },
-  argTypes: {
-    dummyHtml: {
-      name: 'Dummy content',
-      description: 'Some html to try out in the main section.',
-      control: {
-        type: 'text',
-      },
-      table: {
-        defaultValue: { summary: null },
-      },
+    args: {
+        dummyHtml: `<br /><p style="color:#f3f3f3">"I have seen the will of the deceased wife," said he. "To determine its exact meaning I have been obliged to work out the present prices of the investments with which it is concerned. The total income, which at the time of the wife's death was little short of 1100 pounds, is now, through the fall in agricultural prices, not more than 750 pounds. Each daughter can claim an income of 250 pounds, in case of marriage. It is evident, therefore, that if both girls had married, this beauty would have had a mere pittance, while even one of them would cripple him to a very serious extent. My morning's work has not been wasted, since it has proved that he has the very strongest motives for standing in the way of anything of the sort. And now, Watson, this is too serious for dawdling, especially as the old man is aware that we are interesting ourselves in his affairs; so if you are ready, we shall call a cab and drive to Waterloo. I should be very much obliged if you would slip your revolver into your pocket. An Eley's No. 2 is an excellent argument with gentlemen who can twist steel pokers into knots. That and a tooth-brush are, I think, all that we need."</p><p style="color:#f3f3f3">At Waterloo we were fortunate in catching a train for Leatherhead, where we hired a trap at the station inn and drove for four or five miles through the lovely Surrey lanes. It was a perfect day, with a bright sun and a few fleecy clouds in the heavens. The trees and wayside hedges were just throwing out their first green shoots, and the air was full of the pleasant smell of the moist earth. To me at least there was a strange contrast between the sweet promise of the spring and this sinister quest upon which we were engaged. My companion sat in the front of the trap, his arms folded, his hat pulled down over his eyes, and his chin sunk upon his breast, buried in the deepest thought. Suddenly, however, he started, tapped me on the shoulder, and pointed over the meadows.</p><p style="color:#f3f3f3">"Look there!" said he.</p><p style="color:#f3f3f3">A heavily timbered park stretched up in a gentle slope, thickening into a grove at the highest point. From amid the branches there jutted out the grey gables and high roof-tree of a very old mansion.</p><p style="color:#f3f3f3">"Stoke Moran?" said he.</p><p style="color:#f3f3f3">"Yes, sir, that be the house of Dr. Grimesby Roylott," remarked the driver.</p><p style="color:#f3f3f3">"There is some building going on there," said Holmes; "that is where we are going."</p><p style="color:#f3f3f3">"There's the village," said the driver, pointing to a cluster of roofs some distance to the left; "but if you want to get to the house, you'll find it shorter to get over this stile, and so by the foot-path over the fields. There it is, where the lady is walking."</p><p style="color:#f3f3f3">"And the lady, I fancy, is Miss Stoner," observed Holmes, shading his eyes. "Yes, I think we had better do as you suggest."</p><p style="color:#f3f3f3">We got off, paid our fare, and the trap rattled back on its way to Leatherhead.</p><p style="color:#f3f3f3">"I thought it as well," said Holmes as we climbed the stile, "that this fellow should think we had come here as architects, or on some definite business. It may stop his gossip. Good-afternoon, Miss Stoner. You see that we have been as good as our word."</p><p style="color:#f3f3f3">Our client of the morning had hurried forward to meet us with a face which spoke her joy. "I have been waiting so eagerly for you," she cried, shaking hands with us warmly. "All has turned out splendidly. Dr. Roylott has gone to town, and it is unlikely that he will be back before evening."</p><p style="color:#f3f3f3">"We have had the pleasure of making the doctor's acquaintance," said Holmes, and in a few words he sketched out what had occurred. Miss Stoner turned white to the lips as she listened.</p><p style="color:#f3f3f3">"I have seen the will of the deceased wife," said he. "To determine its exact meaning I have been obliged to work out the present prices of the investments with which it is concerned. The total income, which at the time of the wife's death was little short of 1100 pounds, is now, through the fall in agricultural prices, not more than 750 pounds. Each daughter can claim an income of 250 pounds, in case of marriage. It is evident, therefore, that if both girls had married, this beauty would have had a mere pittance, while even one of them would cripple him to a very serious extent. My morning's work has not been wasted, since it has proved that he has the very strongest motives for standing in the way of anything of the sort. And now, Watson, this is too serious for dawdling, especially as the old man is aware that we are interesting ourselves in his affairs; so if you are ready, we shall call a cab and drive to Waterloo. I should be very much obliged if you would slip your revolver into your pocket. An Eley's No. 2 is an excellent argument with gentlemen who can twist steel pokers into knots. That and a tooth-brush are, I think, all that we need."</p><p style="color:#f3f3f3">At Waterloo we were fortunate in catching a train for Leatherhead, where we hired a trap at the station inn and drove for four or five miles through the lovely Surrey lanes. It was a perfect day, with a bright sun and a few fleecy clouds in the heavens. The trees and wayside hedges were just throwing out their first green shoots, and the air was full of the pleasant smell of the moist earth. To me at least there was a strange contrast between the sweet promise of the spring and this sinister quest upon which we were engaged. My companion sat in the front of the trap, his arms folded, his hat pulled down over his eyes, and his chin sunk upon his breast, buried in the deepest thought. Suddenly, however, he started, tapped me on the shoulder, and pointed over the meadows.</p><p style="color:#f3f3f3">"Look there!" said he.</p><p style="color:#f3f3f3">A heavily timbered park stretched up in a gentle slope, thickening into a grove at the highest point. From amid the branches there jutted out the grey gables and high roof-tree of a very old mansion.</p><p style="color:#f3f3f3">"Stoke Moran?" said he.</p><p style="color:#f3f3f3">"Yes, sir, that be the house of Dr. Grimesby Roylott," remarked the driver.</p><p style="color:#f3f3f3">"There is some building going on there," said Holmes; "that is where we are going."</p><p style="color:#f3f3f3">"There's the village," said the driver, pointing to a cluster of roofs some distance to the left; "but if you want to get to the house, you'll find it shorter to get over this stile, and so by the foot-path over the fields. There it is, where the lady is walking."</p><p style="color:#f3f3f3">"And the lady, I fancy, is Miss Stoner," observed Holmes, shading his eyes. "Yes, I think we had better do as you suggest."</p><p style="color:#f3f3f3">We got off, paid our fare, and the trap rattled back on its way to Leatherhead.</p><p style="color:#f3f3f3">"I thought it as well," said Holmes as we climbed the stile, "that this fellow should think we had come here as architects, or on some definite business. It may stop his gossip. Good-afternoon, Miss Stoner. You see that we have been as good as our word."</p><p style="color:#f3f3f3">Our client of the morning had hurried forward to meet us with a face which spoke her joy. "I have been waiting so eagerly for you," she cried, shaking hands with us warmly. "All has turned out splendidly. Dr. Roylott has gone to town, and it is unlikely that he will be back before evening."</p><p style="color:#f3f3f3">"We have had the pleasure of making the doctor's acquaintance," said Holmes, and in a few words he sketched out what had occurred. Miss Stoner turned white to the lips as she listened.</p>`,
     },
-  },
-  args: {
-    dummyHtml: `<br /><p style="color:#f3f3f3">"I have seen the will of the deceased wife," said he. "To determine its exact meaning I have been obliged to work out the present prices of the investments with which it is concerned. The total income, which at the time of the wife's death was little short of 1100 pounds, is now, through the fall in agricultural prices, not more than 750 pounds. Each daughter can claim an income of 250 pounds, in case of marriage. It is evident, therefore, that if both girls had married, this beauty would have had a mere pittance, while even one of them would cripple him to a very serious extent. My morning's work has not been wasted, since it has proved that he has the very strongest motives for standing in the way of anything of the sort. And now, Watson, this is too serious for dawdling, especially as the old man is aware that we are interesting ourselves in his affairs; so if you are ready, we shall call a cab and drive to Waterloo. I should be very much obliged if you would slip your revolver into your pocket. An Eley's No. 2 is an excellent argument with gentlemen who can twist steel pokers into knots. That and a tooth-brush are, I think, all that we need."</p><p style="color:#f3f3f3">At Waterloo we were fortunate in catching a train for Leatherhead, where we hired a trap at the station inn and drove for four or five miles through the lovely Surrey lanes. It was a perfect day, with a bright sun and a few fleecy clouds in the heavens. The trees and wayside hedges were just throwing out their first green shoots, and the air was full of the pleasant smell of the moist earth. To me at least there was a strange contrast between the sweet promise of the spring and this sinister quest upon which we were engaged. My companion sat in the front of the trap, his arms folded, his hat pulled down over his eyes, and his chin sunk upon his breast, buried in the deepest thought. Suddenly, however, he started, tapped me on the shoulder, and pointed over the meadows.</p><p style="color:#f3f3f3">"Look there!" said he.</p><p style="color:#f3f3f3">A heavily timbered park stretched up in a gentle slope, thickening into a grove at the highest point. From amid the branches there jutted out the grey gables and high roof-tree of a very old mansion.</p><p style="color:#f3f3f3">"Stoke Moran?" said he.</p><p style="color:#f3f3f3">"Yes, sir, that be the house of Dr. Grimesby Roylott," remarked the driver.</p><p style="color:#f3f3f3">"There is some building going on there," said Holmes; "that is where we are going."</p><p style="color:#f3f3f3">"There's the village," said the driver, pointing to a cluster of roofs some distance to the left; "but if you want to get to the house, you'll find it shorter to get over this stile, and so by the foot-path over the fields. There it is, where the lady is walking."</p><p style="color:#f3f3f3">"And the lady, I fancy, is Miss Stoner," observed Holmes, shading his eyes. "Yes, I think we had better do as you suggest."</p><p style="color:#f3f3f3">We got off, paid our fare, and the trap rattled back on its way to Leatherhead.</p><p style="color:#f3f3f3">"I thought it as well," said Holmes as we climbed the stile, "that this fellow should think we had come here as architects, or on some definite business. It may stop his gossip. Good-afternoon, Miss Stoner. You see that we have been as good as our word."</p><p style="color:#f3f3f3">Our client of the morning had hurried forward to meet us with a face which spoke her joy. "I have been waiting so eagerly for you," she cried, shaking hands with us warmly. "All has turned out splendidly. Dr. Roylott has gone to town, and it is unlikely that he will be back before evening."</p><p style="color:#f3f3f3">"We have had the pleasure of making the doctor's acquaintance," said Holmes, and in a few words he sketched out what had occurred. Miss Stoner turned white to the lips as she listened.</p><p style="color:#f3f3f3">"I have seen the will of the deceased wife," said he. "To determine its exact meaning I have been obliged to work out the present prices of the investments with which it is concerned. The total income, which at the time of the wife's death was little short of 1100 pounds, is now, through the fall in agricultural prices, not more than 750 pounds. Each daughter can claim an income of 250 pounds, in case of marriage. It is evident, therefore, that if both girls had married, this beauty would have had a mere pittance, while even one of them would cripple him to a very serious extent. My morning's work has not been wasted, since it has proved that he has the very strongest motives for standing in the way of anything of the sort. And now, Watson, this is too serious for dawdling, especially as the old man is aware that we are interesting ourselves in his affairs; so if you are ready, we shall call a cab and drive to Waterloo. I should be very much obliged if you would slip your revolver into your pocket. An Eley's No. 2 is an excellent argument with gentlemen who can twist steel pokers into knots. That and a tooth-brush are, I think, all that we need."</p><p style="color:#f3f3f3">At Waterloo we were fortunate in catching a train for Leatherhead, where we hired a trap at the station inn and drove for four or five miles through the lovely Surrey lanes. It was a perfect day, with a bright sun and a few fleecy clouds in the heavens. The trees and wayside hedges were just throwing out their first green shoots, and the air was full of the pleasant smell of the moist earth. To me at least there was a strange contrast between the sweet promise of the spring and this sinister quest upon which we were engaged. My companion sat in the front of the trap, his arms folded, his hat pulled down over his eyes, and his chin sunk upon his breast, buried in the deepest thought. Suddenly, however, he started, tapped me on the shoulder, and pointed over the meadows.</p><p style="color:#f3f3f3">"Look there!" said he.</p><p style="color:#f3f3f3">A heavily timbered park stretched up in a gentle slope, thickening into a grove at the highest point. From amid the branches there jutted out the grey gables and high roof-tree of a very old mansion.</p><p style="color:#f3f3f3">"Stoke Moran?" said he.</p><p style="color:#f3f3f3">"Yes, sir, that be the house of Dr. Grimesby Roylott," remarked the driver.</p><p style="color:#f3f3f3">"There is some building going on there," said Holmes; "that is where we are going."</p><p style="color:#f3f3f3">"There's the village," said the driver, pointing to a cluster of roofs some distance to the left; "but if you want to get to the house, you'll find it shorter to get over this stile, and so by the foot-path over the fields. There it is, where the lady is walking."</p><p style="color:#f3f3f3">"And the lady, I fancy, is Miss Stoner," observed Holmes, shading his eyes. "Yes, I think we had better do as you suggest."</p><p style="color:#f3f3f3">We got off, paid our fare, and the trap rattled back on its way to Leatherhead.</p><p style="color:#f3f3f3">"I thought it as well," said Holmes as we climbed the stile, "that this fellow should think we had come here as architects, or on some definite business. It may stop his gossip. Good-afternoon, Miss Stoner. You see that we have been as good as our word."</p><p style="color:#f3f3f3">Our client of the morning had hurried forward to meet us with a face which spoke her joy. "I have been waiting so eagerly for you," she cried, shaking hands with us warmly. "All has turned out splendidly. Dr. Roylott has gone to town, and it is unlikely that he will be back before evening."</p><p style="color:#f3f3f3">"We have had the pleasure of making the doctor's acquaintance," said Holmes, and in a few words he sketched out what had occurred. Miss Stoner turned white to the lips as she listened.</p>`,
-  },
 };
 const Template = ({ dummyHtml }) => formatHtmlPreview(`
     <script>