@bbc/psammead-styles
Advanced tools
Comparing version 4.0.2 to 4.0.3
@@ -6,2 +6,3 @@ # @bbc/psammead-styles Changelog | ||
|---------|-------------| | ||
| 4.0.3 | [PR#2404](https://github.com/bbc/psammead/pull/2404) replace inputProvider and dirDecorator with withServicesInput | | ||
| 4.0.2 | [PR#2348](https://github.com/bbc/psammead/pull/2348) Adds colour 'Weather Blue' and add weather to fonts | | ||
@@ -8,0 +9,0 @@ | 4.0.1 | [PR#2273](https://github.com/bbc/psammead/pull/2273) Snapshot update | |
{ | ||
"name": "@bbc/psammead-styles", | ||
"version": "4.0.2", | ||
"version": "4.0.3", | ||
"description": "A collection of string constants for use in CSS, containing non-GEL styling details that are bespoke to specific BBC services and products.", | ||
@@ -5,0 +5,0 @@ "repository": { |
@@ -6,3 +6,3 @@ import React from 'react'; | ||
import * as typographies from '@bbc/gel-foundations/typography'; | ||
import { inputProvider } from '@bbc/psammead-storybook-helpers'; | ||
import { withServicesKnob } from '@bbc/psammead-storybook-helpers'; | ||
import { scriptPropType } from '@bbc/gel-foundations/prop-types'; | ||
@@ -24,14 +24,11 @@ import styled from 'styled-components'; | ||
const typographyStory = typographyFunc => | ||
inputProvider({ | ||
slots: [{ name: 'sample text' }], | ||
// eslint-disable-next-line react/prop-types | ||
componentFunction: ({ slotTexts: [text], script }) => ( | ||
<TypographyText script={script} typographyFunc={typographyFunc}> | ||
{text} | ||
</TypographyText> | ||
), | ||
}); | ||
const typographyStory = typographyFunc => ({ text, script }) => ( | ||
<TypographyText script={script} typographyFunc={typographyFunc}> | ||
{text} | ||
</TypographyText> | ||
); | ||
const stories = storiesOf('Typography', module).addDecorator(withKnobs); | ||
const stories = storiesOf('Typography', module) | ||
.addDecorator(withKnobs) | ||
.addDecorator(withServicesKnob()); | ||
@@ -38,0 +35,0 @@ Object.keys(typographies) |
248226
2408