worksafe-component-library - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "worksafe-component-library",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A Vue.js component library for use in WorkSafe family websites",
@@ -5,0 +5,0 @@ "main": "./src/index.js",

src/components/Content/InstructionalContent/stories.js

@@ -11,32 +11,48 @@ import Vue from 'vue';
   {
-    field_instructions_step: 'Step 1. Illustration',
-    field_instructions_image: {
-      alt: 'Title of image',
-      uri: 'https://picsum.photos/654/344',
+    field_title: 'Step 1. Illustration',
+    field_image: {
+      field_media_image: {
+        title: 'Title of image',
+        url: 'https://picsum.photos/654/344',
+      }
     },
-    field_instructions_body: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    field_body: {
+      value: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    }
   },
   {
-    field_instructions_step: 'Step 2. Next step',
-    field_instructions_image: {
-      alt: 'Title of image',
-      uri: 'https://picsum.photos/655/344',
+    field_title: 'Step 2. Next step',
+    field_image: {
+      field_media_image: {
+        title: 'Title of image',
+        url: 'https://picsum.photos/655/344',
+      }
     },
-    field_instructions_body: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    field_body: {
+      value: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    }
   },
   {
-    field_instructions_step: 'Step 3. Next step',
-    field_instructions_image: {
-      alt: 'Title of image',
-      uri: 'https://picsum.photos/655/345',
+    field_title: 'Step 3. Next step',
+    field_image: {
+      field_media_image: {
+        title: 'Title of image',
+        url: 'https://picsum.photos/655/345',
+      }
     },
-    field_instructions_body: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    field_body:  {
+      value: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    }
   },
   {
-    field_instructions_step: 'Step 4. Last step',
-    field_instructions_image: {
-      alt: 'Title of image',
-      uri: 'https://picsum.photos/654/345',
+    field_title: 'Step 4. Last step',
+    field_image: {
+      field_media_image: {
+        title: 'Title of image',
+        url: 'https://picsum.photos/654/345',
+      }
     },
-    field_instructions_body: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    field_body: {
+      value: 'In publishing and graphic design, lorem ipsum is a filler text or greeking commonly used to demonstrate the textual elements of a graphic document or visual presentation. Replacing meaningful content with placeholder text allows designers to design the form of the content before the content itself has been produced.'
+    }
   }
@@ -43,0 +59,0 @@ ]

No alert changes

Improved metrics

Total package byte prevSize

185856

increased by0.33%

Lines of code

1561

increased by1.04%

No dependency changes