@worksafevictoria/wcl7.5 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

package/src/components/Paragraphs/Accordion/index.stories.js

@@ -30,6 +30,7 @@ const mockAccordionItems = [
 export default {
   title: 'Paragraphs/Accordion',
   component: Accordion,
+  tags: ['autodocs'],
   argTypes: {
     titleTag: {
       control: 'select',

package/src/components/Paragraphs/Breakout/index.stories.js

@@ -3,6 +3,7 @@ import Breakout from './index.vue'
 export default {
   title: 'Paragraphs/Breakout',
   component: Breakout,
+  tags: ['autodocs'],
   argTypes: {
     headingTag: {
       control: 'select',

package/src/components/Paragraphs/BrowseContent/index.stories.js

@@ -5,6 +5,7 @@ const bundleContent = ['news', 'page']
 export default {
   title: 'Paragraphs/BrowseContent',
   component: { BrowseContent },
+  tags: ['autodocs'],
   argTypes: {
     background: {
       control: 'select',

package/src/components/Paragraphs/Calculator/Constants.js

@@ -29,9 +29,9 @@ export const barItems = [
 
 export const cardTitles = {
   weight: {
-    heading: 'Pick a object?',
+    heading: 'Pick an object?',
     subHeading:
-      '<p>Pick a object from the selections or if you know exactly how heavy the object that is being dropped is, enter the weight in input box below</p>',
+      '<p>Pick an object from the selections or if you know exactly how heavy the object that is being dropped is, enter the weight in input box below</p>',
     selectHeading: 'How heavy is the object?',
     selectSubHeading: 'Weight in kilograms, max is 500 kg'
   },

package/src/components/Paragraphs/Calculator/index.stories.js

@@ -12,6 +12,7 @@ import {
 export default {
   title: 'Paragraphs/Calculator',
   component: Calculator,
+  tags: ['autodocs'],
   args: {
     items: barItems,
     titles: cardTitles,

package/src/components/Paragraphs/ListGroup/Link/list-link.stories.js

@@ -4,6 +4,7 @@ import { storyData, storyDataAr } from './../Constants'
 export default {
   title: 'Paragraphs/ListGroup',
   component: ListGroup,
+  tags: ['autodocs'],
   argTypes: {
     list: {
       table: {

package/src/components/Paragraphs/ListGroup/list-group.stories.js

@@ -4,6 +4,7 @@ import { storyData, storyDataAr } from './Constants'
 export default {
   title: 'Paragraphs/ListGroup',
   component: ListGroup,
+  tags: ['autodocs'],
   argTypes: {
     list: {
       table: {

package/src/components/Paragraphs/ListGroup/navigation-card.stories.js

@@ -4,6 +4,7 @@ import { storyData, storyDataAr } from './Constants'
 export default {
   title: 'Paragraphs/NavigationCards',
   component: ListGroup,
+  tags: ['autodocs'],
   argTypes: {
     list: {
       table: {

package/src/components/Paragraphs/MarketingBanner/index.stories.js

@@ -3,6 +3,7 @@ import MarketingBanner from './index.vue'
 export default {
   title: 'Paragraphs/MarketingBanner',
   component: MarketingBanner,
+  tags: ['autodocs'],
   argTypes: {
     image: {
       control: 'text'

package/src/components/Paragraphs/ProofPoints/index.stories.js

@@ -106,40 +106,39 @@ const itemListAr = [
 export default {
   title: 'Paragraphs/ProofPoints',
   component: ProofPoints,
+  tags: ['autodocs'],
   argTypes: {
-    title: {
-      control: 'text',
-      defaultValue: 'Section heading'
-    },
     headingTag: {
       control: 'select',
-      options: ['h2', 'h3'],
-      defaultValue: 'h2'
-    },
-    rtl: {
-      control: 'boolean',
-      defaultValue: false
+      options: ['h2', 'h3']
     },
-    columns: {
+   columns: {
       control: 'select',
-      options: [3, 4],
-      defaultValue: 3
+      options: [3, 4]
     },
     itemList: {
       table: { disable: true }
     },
     type: {
       control: 'select',
-      options: ['default', 'icon', 'image'],
-      defaultValue: 'icon'
+      options: ['default', 'icon', 'image']
     }
+  },
+  args: {
+    title: 'Section heading',
+    headingTag: 'h2',
+    rtl: false,
+    columns: 3,
+    type: 'icon'
   }
 }
 
-const DefaultProofPoint = (args, { argTypes }) => ({
+const DefaultProofPoint = (args) => ({
   components: { ProofPoints },
-  props: Object.keys(argTypes),
-  template: `<proof-points v-bind="$props" :item-list="dynamicItemList" />`,
+  setup() {
+    return { args };
+  },
+  template: `<proof-points v-bind="args" :item-list="dynamicItemList" />`,
   data() {
     return {
       itemListDefault,
@@ -156,9 +155,9 @@ const DefaultProofPoint = (args, { argTypes }) => ({
       }
       return array.map((item) => {
         const clone = JSON.parse(JSON.stringify(item))
-        if (this.type === 'image') {
+        if (args.type === 'image') {
           clone.icon = undefined
-        } else if (this.type === 'icon') {
+        } else if (args.type === 'icon') {
           clone.image = undefined
         } else {
           clone.icon = undefined

package/src/components/Paragraphs/RelatedInformation/index.stories.js

@@ -4,6 +4,13 @@ import { taxonomyTagsList } from '../../../mock/related-info'
 export default {
   title: 'Paragraphs/RelatedInformation',
   component: RelatedInformation,
+  argTypes: {
+    goToCollectionPage: {
+      table: {
+        disable: true
+      }
+    }
+  },
   args: {
     showTaxonomies: true,
     showTaxonomyHeading: true,