@bbc/psammead-assets - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

CHANGELOG.md

@@ -6,2 +6,3 @@ # Psammead Assets Changelog
 |---------|-------------|
+| 2.4.1 | [PR#2189](https://github.com/bbc/psammead/pull/2189) Add storybook stories for media icons in psammead-assets |
 | 2.4.0 | [PR#2192](https://github.com/bbc/psammead/pull/2192) Add SVG for BBC Scotland |
@@ -8,0 +9,0 @@ | 2.3.0 | [PR#2115](https://github.com/bbc/psammead/pull/2115) Added media icons SVGs |

package.json

 {
   "name": "@bbc/psammead-assets",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "sideEffects": false,
@@ -5,0 +5,0 @@ "description": "A collection of common assets that are likely to be required by many Psammead components or users, such as SVGs or small scripts.",

src/svgs.stories.jsx

@@ -7,4 +7,6 @@ import React from 'react';
 import notes from '../README.md';
-import * as svgs from './svgs';
+import * as allSvgs from './svgs';
 
+const { mediaIcons, ...svgs } = allSvgs;
+
 // `currentColor` has been used to address high contrast mode in Firefox.
@@ -62,6 +64,7 @@ const Svg = styled.svg`
 
-const stories = storiesOf('Utilities|SVGs', module).addDecorator(withKnobs);
-
+const stories = storiesOf('Utilities|SVGs/Brand Svgs', module).addDecorator(
+  withKnobs,
+);
 Object.keys(svgs)
-  .filter(svgName => svgName !== 'BBC_BLOCKS' && svgName !== 'mediaIcons')
+  .filter(svgName => svgName !== 'BBC_BLOCKS')
   .forEach(svgName => {
@@ -77,1 +80,10 @@ stories.add(
   });
+
+const mediaIconStories = storiesOf(
+  'Utilities|SVGs/MediaIcons Svgs',
+  module,
+).addDecorator(withKnobs);
+
+Object.keys(mediaIcons).forEach(iconName => {
+  mediaIconStories.add(iconName, () => mediaIcons[iconName], { notes });
+});

No alert changes

Improved metrics

Total package byte prevSize

818087

increased by0.05%

Lines of code

5907

increased by0.17%

No dependency changes