worksafe-component-library - npm Package Compare versions

Comparing version 1.6.0 to 1.6.1

docs/overview/5-Changelog.md

 # Changelog
 
-- vX.X.X
+- v1.6.1
+    - Content component tweaks
+    - PageSummary component uses custom text, visual updates
+    - ButtonLink - new icon, polish
+    - Add Call to Action component
+    - Style Status messages
+    - Add Large featured card
+    - AppNavigation - Fix size and spacing around header
 - v1.6.0
@@ -5,0 +12,0 @@ - Video

package.json

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

src/components/Content/CuratedContent/stories.js

@@ -9,3 +9,3 @@ import { storiesOf } from '@storybook/vue'
   {
-    text: 'Here\'s a card',
+    text: "Here's a card",
     uri: '#'
@@ -19,3 +19,3 @@ },
   {
-    text: 'Third card\'s a charm',
+    text: "Third card's a charm",
     uri: '#'
@@ -28,7 +28,7 @@ },
   {
-    text: 'Here\'s a card',
+    text: "Here's a card",
     uri: '#'
   },
   {
-    text: 'Here\'s yet another card',
+    text: "Here's yet another card",
     uri: '#'
@@ -40,3 +40,3 @@ }
   {
-    text: 'Here\'s a card',
+    text: "Here's a card",
     uri: '#'
@@ -60,4 +60,5 @@ },
     components: { CuratedContent },
-    template: '<curated-content title="Curated group of content" :seeMore="seeMore" :cards="cards" :sliderKey="1"></curated-content>',
-    data () {
+    template:
+      '<curated-content title="Curated group of content" :seeMore="seeMore" :cards="cards" :sliderKey="1"></curated-content>',
+    data() {
       return {
@@ -71,4 +72,5 @@ cards,
     components: { CuratedContent },
-    template: '<curated-content title="Curated group of content" :seeMore="seeMore" :cards="cardsShort" :sliderKey="1"></curated-content>',
-    data () {
+    template:
+      '<curated-content title="Curated group of content" :seeMore="seeMore" :cards="cardsShort" :sliderKey="1"></curated-content>',
+    data() {
       return {
@@ -82,4 +84,5 @@ cardsShort,
     components: { CuratedContent },
-    template: '<curated-content :white="true" title="Curated group of content" :seeMore="seeMore" :cards="cards" :sliderKey="1"></curated-content>',
-    data () {
+    template:
+      '<curated-content :white="true" title="Curated group of content" :seeMore="seeMore" :cards="cards" :sliderKey="1"></curated-content>',
+    data() {
       return {
@@ -86,0 +89,0 @@ cards,

src/components/Content/VideoContent/README.md

@@ -7,2 +7,14 @@ # Video Content
 
-The iframe responds down using the CSS padding trick to force a proportional size. [Source](https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php)
+The iframe responds down using the CSS padding trick to force a proportional size. [Source](https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php)
+
+## XSS Header error
+
+When video embeds load, the console shows this error:
+
+```
+Error parsing header X-XSS-Protection: 1; mode=block; report=https://www.google.com/appserve/security-bugs/log/youtube: insecure reporting URL for secure page at character position 22. The default protections will be applied.
+```
+
+It's a bug in Chrome
+- https://stackoverflow.com/questions/48714879/error-parsing-header-x-xss-protection-google-chrome
+- https://bugs.chromium.org/p/chromium/issues/detail?id=807304

src/components/Global/PageSummary/stories.js

@@ -7,2 +7,8 @@ import { storiesOf } from '@storybook/vue'
 
+const items = [
+  'Hazardous manual handling',
+  'Legal duties',
+  'Find and fix hazardous manual handling'
+]
+
 storiesOf('Components/Global/Page Summary', module)
@@ -12,3 +18,8 @@ .addDecorator(withReadme(readme))
     components: { PageSummary },
-    template: '<page-summary title="What\'s on this page"></page-summary>'
+    template: '<page-summary title="What\'s on this page" :items="items"></page-summary>',
+    data () {
+      return {
+        items
+      }
+    }
   }))

src/index.js

@@ -30,29 +30,29 @@ // container components
 // container components
-export {AppTheme}
-export {PageContent}
-export {AppForm}
+export { AppTheme }
+export { PageContent }
+export { AppForm }
 
 // global components
-export {AppNavigation}
-export {AppFooter}
-export {PageHeader}
-export {PageSummary}
-export {SearchResults}
-export {HomepageHeader}
-export {Modal}
+export { AppNavigation }
+export { AppFooter }
+export { PageHeader }
+export { PageSummary }
+export { SearchResults }
+export { HomepageHeader }
+export { Modal }
 
 // content components
-export {RichTextContent}
-export {VideoContent}
-export {LinksList}
-export {Tasks}
-export {FullWidthImage}
-export {CuratedContent}
-export {InstructionalContent}
-export {BreakoutContent}
-export {RelatedContent}
-export {Checklist}
-export {KeyStatistics}
+export { RichTextContent }
+export { VideoContent }
+export { LinksList }
+export { Tasks }
+export { FullWidthImage }
+export { CuratedContent }
+export { InstructionalContent }
+export { BreakoutContent }
+export { RelatedContent }
+export { Checklist }
+export { KeyStatistics }
 
 // Action Components
 // export {ActionSteps}

No alert changes

Improved metrics

Total package byte prevSize

1201345

increased by0.45%

Number of package files

222

increased by1.83%

Lines of code

3610

increased by0.95%

No dependency changes