Merge pull request #638 from ing-bank/chore/storybook-fixes

chore: storybook fixes

packages/form-system/stories/20-System-Overview.stories.mdx

@@ -90,4 +90,4 @@ Fieldsets are at the base of:
 - [Model Value](?path=/docs/forms-system-modelvalue--page)
 - [Formatting and parsing](?path=/docs/forms-system-formatting-and-parsing--parser)
 - [Interaction states](?path=/docs/forms-system-interaction-states--interaction-states)
-- [Validation System](?path=/docs/forms-validation-overview--page)
+- [Validation System](?path=/docs/forms-validation-overview--page) 

packages/input-email/stories/index.stories.mdx

@@ -55,7 +55,7 @@ Use `loadDefaultFeedbackMessages` to get our default feedback messages displayed
 </Story>
 
 ```js
-import { loadDefaultFeedbackMessages } from 'lion/validate';
+import { loadDefaultFeedbackMessages } from '@lion/validate';
 
 loadDefaultFeedbackMessages();
 ```

packages/localize/stories/10-intro.stories.mdx

@@ -23,7 +23,7 @@ Further examples can be seen at [Features Overview Demo](?path=/docs/localize-fe
 | --------------------------------------------------------------------- | --------------------------------------------- |
 | [Translate Text](?path=/docs/localize-translate-text--function-story) | Load and translate text in multiple languages |
 | [Format Numbers](?path=/docs/localize-numbers--formatting)            | Format numbers in multiple languages          |
-| [Format Dates](?path=/docs/localize-dates--formatting)--formatting)                | Format dates in multiple languages            |
+| [Format Dates](?path=/docs/localize-dates--formatting)                | Format dates in multiple languages            |
 
 ## How to use
 

packages/radio-group/stories/index.stories.mdx

@@ -166,7 +166,7 @@ You can do the same thing for the entire group by setting the `disabled` attribu
 </Story>
 
 ```js
-import { loadDefaultFeedbackMessages, Required } from 'lion/validate';
+import { loadDefaultFeedbackMessages, Required } from '@lion/validate';
 loadDefaultFeedbackMessages();
 const validate = () => {
   const radioGroup = document.querySelector('#dinosGroup');
@@ -224,7 +224,7 @@ You can also create a validator that validates whether a certain option is check
 </Story>
 
 ```js
-import { loadDefaultFeedbackMessages, Required, Validator } from 'lion/validate';
+import { loadDefaultFeedbackMessages, Required, Validator } from '@lion/validate';
 
 class IsBrontosaurus extends Validator {
   static get validatorName() {

packages/tabs/stories/index.stories.mdx

@@ -34,8 +34,6 @@ import '../lion-tabs.js';
 npm i --save @lion/tabs;
 ```
 
-### Usage
-
 ```js
 import '@lion/tabs/lion-tabs.js';
 ```

packages/textarea/stories/index.stories.mdx

@@ -11,7 +11,7 @@ import '../lion-textarea.js';
 Its purpose is to provide a way for users to write text that is multiple lines long.
 
 <Preview>
-  <Story name="default">
+  <Story name="Default">
     {html`
       <lion-textarea label="Stops growing after 4 rows" max-rows="4"></lion-textarea>
     `}