diff --git a/README.md b/README.md index e7256bfd..80e69af4 100644 --- a/README.md +++ b/README.md @@ -35,6 +35,7 @@ TODO - List - Button - Portal + - Table ## Helpful Links diff --git a/jest.config.js b/jest.config.js index 552c8e17..e599d82a 100644 --- a/jest.config.js +++ b/jest.config.js @@ -1,5 +1,5 @@ module.exports = { preset: '@stoplight/scripts', setupTestFrameworkScriptFile: './setupTests.js', - snapshotSerializers: ['enzyme-to-json/serializer'], + snapshotSerializers: ['enzyme-to-json/serializer'] }; diff --git a/package.json b/package.json index 77fbfc5c..d6a3789d 100644 --- a/package.json +++ b/package.json @@ -63,7 +63,7 @@ "@fortawesome/free-regular-svg-icons": "5.5.x", "@fortawesome/free-solid-svg-icons": "5.5.x", "@sambego/storybook-state": "1.x.x", - "@stoplight/scripts": "1.2.0", + "@stoplight/scripts": "1.2.3", "@types/react": "16.x.x", "@types/react-dom": "16.x.x", "enzyme": "^3.7.0", diff --git a/src/Table.tsx b/src/Table.tsx new file mode 100644 index 00000000..cac6341a --- /dev/null +++ b/src/Table.tsx @@ -0,0 +1,71 @@ +import * as React from 'react'; +import { themeGet } from 'styled-system'; +import { Box, IBoxProps } from './Box'; +import { styled } from './utils'; + +interface ITableProps extends IBoxProps { + children: any; + isSelection?: boolean; +} + +interface ITableCellProps extends ITableProps { + minWidth?: string; +} + +interface ITableViewProps { + className: string; + children: any; +} + +const TableView = ({ className, children }: ITableViewProps) => ( + + {children} +
+); + +const getBoxShadowTheme = themeGet('shadows.lg', '0 0 5px #000'); +const boxShadow = (props: ITableCellProps | ITableProps) => + props.isSelection && { + boxShadow: getBoxShadowTheme(props), + }; + +export const Table = styled(Box as any).attrs({ + as: () => TableView, + border: 'none', + borderTop: 'sm', + borderColor: 'colors.border', + css: { + 'border-collapse': 'collapse', + }, +})( + // @ts-ignore + boxShadow +); + +export const TableRow = styled(Box as any).attrs({ + as: 'tr', + border: 'none', + borderBottom: 'sm', + borderRight: 'sm', + borderColor: 'colors.border', +})``; + +export const TableHeadCell = styled(Box as any).attrs({ + as: 'td', + border: 'none', + borderLeft: 'sm', + borderColor: 'colors.border', +})( + // @ts-ignore + boxShadow +); + +export const TableCell = styled(Box as any).attrs({ + as: 'td', + border: 'none', + borderLeft: 'sm', + borderColor: 'colors.border', +})( + // @ts-ignore + boxShadow +); diff --git a/src/__tests__/Table.spec.tsx b/src/__tests__/Table.spec.tsx new file mode 100644 index 00000000..bd451b12 --- /dev/null +++ b/src/__tests__/Table.spec.tsx @@ -0,0 +1,50 @@ +/** + * @jest-environment jsdom + */ +import { mount, shallow } from 'enzyme'; +import 'jest-enzyme'; +import * as React from 'react'; +import { Table, TableCell, TableHeadCell, TableRow } from '../'; + +describe('Table', () => { + it('renders children', () => { + const children = ; + + expect(shallow({children}
)).toContainReact(children); + }); + + it('always renders tbody underneath', () => { + const wrapper = mount( + + +
+ ); + + expect(wrapper).toContainMatchingElement('tbody'); + wrapper.unmount(); + }); +}); + +describe('TableRow', () => { + it('renders children', () => { + const children = ; + + expect(shallow({children})).toContainReact(children); + }); +}); + +describe('TableCell', () => { + it('renders children', () => { + const children = some content; + + expect(shallow({children})).toContainReact(children); + }); +}); + +describe('TableHeadCell', () => { + it('renders children', () => { + const children = some content; + + expect(shallow({children})).toContainReact(children); + }); +}); diff --git a/src/index.tsx b/src/index.tsx index bd45c6ad..b39dccbd 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -9,6 +9,7 @@ export * from './Flex'; export * from './Heading'; export * from './Icon'; export * from './List'; +export * from './Table'; export * from './Text'; export * from './ThemeSection'; export * from './types'; diff --git a/src/storybook-addon/themes/dark.ts b/src/storybook-addon/themes/dark.ts index 24f816af..e1f0a480 100644 --- a/src/storybook-addon/themes/dark.ts +++ b/src/storybook-addon/themes/dark.ts @@ -2,11 +2,18 @@ export const dark = { colors: { fg: 'white', bg: '#222', + border: '#f9f9f9', lightest: '#f9f9f9', lighter: 'rgba(255, 255, 255, 0.2)', error: '#ff7979', }, + shadows: { + sm: '0 0 2px rgba(255, 255, 255, .6)', + md: '0 0 5px rgba(255, 255, 25, .5)', + lg: '0 0 8px 2px rgba(255, 255, 255, .8)', + }, + components: { button: { bg: 'rgb(255, 255, 255, 0.25)', diff --git a/src/theme/base.ts b/src/theme/base.ts index 85c784bd..82be633b 100644 --- a/src/theme/base.ts +++ b/src/theme/base.ts @@ -57,13 +57,6 @@ export const base: ILayout = { full: 9999, }, - // TODO is this really a config or can this change like with colors - shadow: { - sm: '0 0 2px rgba(0, 0, 0, .6)', - md: '0 0 5px rgba(0, 0, 0, .5)', - lg: '0 0 8px rgba(0, 0, 0, .4)', - }, - space: { none: '0px', xs: 2, diff --git a/src/theme/components.ts b/src/theme/components.ts index 89d3bcd8..b64b8d0a 100644 --- a/src/theme/components.ts +++ b/src/theme/components.ts @@ -11,6 +11,14 @@ export const colors = { }, }; +export const shadows = { + shadows: { + sm: '0 0 2px rgba(0, 0, 0, .6)', + md: '0 0 5px rgba(0, 0, 0, .5)', + lg: '0 0 8px rgba(0, 0, 0, .4)', + }, +}; + // default color stylings we want to use out of the gates (in case someone does not want to have to create their own theme) export const components: ISectionTheme = { components: { diff --git a/src/theme/index.ts b/src/theme/index.ts index 59727ef0..b75c69ff 100644 --- a/src/theme/index.ts +++ b/src/theme/index.ts @@ -1,11 +1,12 @@ import { IThemeInterface } from '../types'; import { base } from './base'; -import { colors, components } from './components'; +import { colors, components, shadows } from './components'; export const baseTheme: IThemeInterface = { base, + ...shadows, ...colors, ...components, }; diff --git a/src/types.ts b/src/types.ts index bf8eb514..0ac35c3e 100644 --- a/src/types.ts +++ b/src/types.ts @@ -4,7 +4,7 @@ export type LineHeight = 'reset' | 'none' | 'tight' | 'normal' | 'loose'; export type LetterSpacing = 'tight' | 'normal' | 'wide'; export type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'; export type BorderWidth = 'none' | 'xs' | 'sm' | 'md' | 'lg'; -export type BoxShadow = 'sm' | 'md' | 'lg'; +export type BoxShadow = keyof IShadows; export type BoxDimension = 'auto' | 'none' | 'px' | 'full' | 'screen'; export type Space = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl'; @@ -28,6 +28,7 @@ export interface IThemeInterface< export interface ISectionTheme { colors?: Partial; + shadows?: Partial; components?: { [component in TComponents]?: Partial }; } @@ -45,8 +46,6 @@ export interface ILayout { border: { [key in BorderWidth]?: number | string }; // px - shadow: { [key in BoxShadow]?: string }; - space: { [key in Space]?: number | string }; // px height?: { [key in BoxDimension]?: number | string }; @@ -63,5 +62,13 @@ export interface IColors { [color: string]: string | Partial; } +export interface IShadows { + sm: string; + md: string; + lg: string; + + [color: string]: string | Partial; +} + // components created in this repo export type Components = 'button' | 'checkbox' | 'toggle'; diff --git a/src/utils/rules.ts b/src/utils/rules.ts index b5459cc5..f4df90c3 100644 --- a/src/utils/rules.ts +++ b/src/utils/rules.ts @@ -85,7 +85,7 @@ export const borderRadius = style({ export const boxShadow = style({ prop: 'shadow', cssProperty: 'boxShadow', - key: 'base.shadow', + key: 'shadows', }); export const cursor = style({ diff --git a/stories/Table.tsx b/stories/Table.tsx new file mode 100644 index 00000000..6f21ac45 --- /dev/null +++ b/stories/Table.tsx @@ -0,0 +1,57 @@ +import * as React from 'react'; + +import { withKnobs } from '@storybook/addon-knobs'; +import { storiesOf } from '@storybook/react'; + +import { Table, TableCell, TableHeadCell, TableRow } from '../src/'; + +storiesOf('Table', module) + .addDecorator(withKnobs) + .add('with defaults', () => ( + + + Site + Views + + + stoplight.io + 27341 + + + example.com + 2351 + +
+ )) + .add('with minWidth', () => ( + + + Site + Views + + + stoplight.io + 27341 + + + example.com + 2351 + +
+ )) + .add('with selection', () => ( + + + Site + Views + + + stoplight.io + 27341 + + + example.com + 2351 + +
+ )); diff --git a/stories/index.ts b/stories/index.ts index babc8406..1d59fe15 100644 --- a/stories/index.ts +++ b/stories/index.ts @@ -8,6 +8,7 @@ import './Image'; import './Input'; import './KitchenSink'; import './List'; +import './Table'; import './Text'; import './Textarea'; import './Toggle'; diff --git a/yarn.lock b/yarn.lock index d6138fb9..2f4cf71a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1195,10 +1195,10 @@ into-stream "^4.0.0" lodash "^4.17.4" -"@stoplight/scripts@1.2.0": - version "1.2.0" - resolved "https://registry.yarnpkg.com/@stoplight/scripts/-/scripts-1.2.0.tgz#0ea2c7291bcc99814d41d924adf0335f0202c1e7" - integrity sha512-68BmFbqxpi9BQMS5JTtkA3YlbilYNqwltoIVaqkc0sblTFRfo6KgjgVhwwx/4IE3GN1rhfMqAax45SvAZ+suUQ== +"@stoplight/scripts@1.2.3": + version "1.2.3" + resolved "https://registry.yarnpkg.com/@stoplight/scripts/-/scripts-1.2.3.tgz#cfa5494c983c5a7ab1de973b6695629b30052418" + integrity sha512-rb1IxHpGLEpGM8d9O+r3uPkXitOvTxDZ4kXRvwHAtPmybRT1xxIb0nx/cn1O7HsY2tkulRvNYQWGbOwA+FAFEg== dependencies: "@babel/core" "7.1.x" "@commitlint/cli" "7.2.x" @@ -1211,14 +1211,14 @@ "@semantic-release/github" "5.2.x" "@semantic-release/npm" "5.1.x" "@semantic-release/release-notes-generator" "7.1.x" - "@storybook/addon-actions" "4.0.6" - "@storybook/addon-info" "4.0.6" - "@storybook/addon-knobs" "4.0.6" - "@storybook/addon-links" "4.0.6" - "@storybook/addon-options" "4.0.6" - "@storybook/addons" "4.0.6" - "@storybook/core" "4.0.6" - "@storybook/react" "4.0.6" + "@storybook/addon-actions" "4.0.7" + "@storybook/addon-info" "4.0.7" + "@storybook/addon-knobs" "4.0.7" + "@storybook/addon-links" "4.0.7" + "@storybook/addon-options" "4.0.7" + "@storybook/addons" "4.0.7" + "@storybook/core" "4.0.7" + "@storybook/react" "4.0.7" "@types/jest" "23.3.x" "@types/node" "10.12.x" "@types/storybook__addon-actions" "3.4.1" @@ -1246,22 +1246,18 @@ tslint-config-stoplight "1.2.x" typedoc "0.13.x" typescript-plugin-styled-components "1.0.x" - optionalDependencies: - react "16.x.x" - react-dom "16.x.x" - webpack "4.x.x" -"@storybook/addon-actions@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-4.0.6.tgz#7dd73f2308cef35a1de6d63e200b878c1acc88d5" - integrity sha512-hMCaMCiVcaZGPflo9uiMRx2Iad0zc4Yuf+LywmLsDfcdsDqZMGi3vnoChTAITa6Ki6opqBdnl3q9uAN3ynWSBw== +"@storybook/addon-actions@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-actions/-/addon-actions-4.0.7.tgz#a7088e619f705f1839156fe9eec65e43e747d206" + integrity sha512-dUxFRDgn3RjvVlDQkLfJf43um90KFrzUzrdO7u+oQCtEUCmbD1bfI1waPyz+aV4RxfQIRUdMwkQaNKmAiqXBQg== dependencies: "@emotion/core" "^0.13.1" "@emotion/provider" "^0.11.2" "@emotion/styled" "^0.10.6" - "@storybook/addons" "4.0.6" - "@storybook/components" "4.0.6" - "@storybook/core-events" "4.0.6" + "@storybook/addons" "4.0.7" + "@storybook/components" "4.0.7" + "@storybook/core-events" "4.0.7" deep-equal "^1.0.1" global "^4.3.2" lodash "^4.17.11" @@ -1270,15 +1266,15 @@ react-inspector "^2.3.0" uuid "^3.3.2" -"@storybook/addon-info@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-info/-/addon-info-4.0.6.tgz#5f0fa63f60b7eed75145767983a7f229fd86b4f2" - integrity sha512-ZH/sljuE4Cee90Yy3KmVqs9HBTsNY+M5UpIjIiMrW4jUNZHOAqv1M9RNYGbWonHhG0XS2oDHDQSCBL+DsUdzhg== +"@storybook/addon-info@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-info/-/addon-info-4.0.7.tgz#10af6e94795eefabee8d331fcec8a66a22135b6b" + integrity sha512-3OciEPtkReWcA0cdDd1ZJ2ZQeovRGc7M/jV61pAO3ncAF/iHVnvX5+Zx9pX8c2qB49FOHZm++6DVpuJ3etbfFw== dependencies: "@emotion/styled" "^0.10.6" - "@storybook/addons" "4.0.6" - "@storybook/client-logger" "4.0.6" - "@storybook/components" "4.0.6" + "@storybook/addons" "4.0.7" + "@storybook/client-logger" "4.0.7" + "@storybook/components" "4.0.7" core-js "2.5.7" global "^4.3.2" marksy "^6.1.0" @@ -1288,15 +1284,15 @@ react-lifecycles-compat "^3.0.4" util-deprecate "^1.0.2" -"@storybook/addon-knobs@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-4.0.6.tgz#2b2d57325b8efa22db83a814aab1f63eca36227d" - integrity sha512-bw7emFoGcbIOlTlm9/TPkwoRLC6VAi+GwD6LFxPnprs8YkSRkjKfiWsQBE54DowMefuz7Mo1Unwq7VDr6/zfEg== +"@storybook/addon-knobs@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-knobs/-/addon-knobs-4.0.7.tgz#079d7708a2d4229be26089f3ac6e78aa02e49178" + integrity sha512-ye366yZf8PcUxIC226xI6tXdepKawp7hpsFNgEntXemqdjWewRv9mTd6YhrRoSNrLhGYNLMfHzYEAOFbJ0Ec4g== dependencies: "@emotion/styled" "^0.10.6" - "@storybook/addons" "4.0.6" - "@storybook/components" "4.0.6" - "@storybook/core-events" "4.0.6" + "@storybook/addons" "4.0.7" + "@storybook/components" "4.0.7" + "@storybook/core-events" "4.0.7" copy-to-clipboard "^3.0.8" escape-html "^1.0.3" fast-deep-equal "^2.0.1" @@ -1307,58 +1303,58 @@ react-lifecycles-compat "^3.0.4" util-deprecate "^1.0.2" -"@storybook/addon-links@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-4.0.6.tgz#63a2735005195c06f367cd9132a8b9c3065c9eac" - integrity sha512-UBMJe8XB+hL+pv6/MEX/SE6lLdoTgS1k+i9cpaF4m47Mbsc2djAGXT+gCSFdVaZQuyMA0C2xm2XRmfIJiT6wEw== +"@storybook/addon-links@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-links/-/addon-links-4.0.7.tgz#2579707052cfc9bcb2a97d21c7363c673574ae89" + integrity sha512-1MTWD+2Qu5txSxPykk7le8gEA66Yjm+USDC1Gbq0KqSLoQ0vh2Fxd6cXE+mIUBC2IIIqDio2SjkqV0974B8JgA== dependencies: - "@storybook/addons" "4.0.6" - "@storybook/components" "4.0.6" - "@storybook/core-events" "4.0.6" + "@storybook/addons" "4.0.7" + "@storybook/components" "4.0.7" + "@storybook/core-events" "4.0.7" global "^4.3.2" prop-types "^15.6.2" -"@storybook/addon-options@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addon-options/-/addon-options-4.0.6.tgz#9a0ed45f7162215208b8b351c23107df9e78ee04" - integrity sha512-5TFYD1NE1eGPGcsWRvx08dfVIBwODgfdNCNBb33VnSLrEMqTu62UY2Na57hGqWjb9fSDFK4EgvXbzWM/it+ZZg== +"@storybook/addon-options@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addon-options/-/addon-options-4.0.7.tgz#c7a7bb8dcfb4bc2a7c4ece56f96e0f65635cc747" + integrity sha512-69LY1/O2xiREJqpVNx4VzTHxkLkS0NeohtA05dTyHVpP+jYAAhtWOkwAoGUrOWF5L2IFS/o/oX6wcKLHxIr4qA== dependencies: - "@storybook/addons" "4.0.6" + "@storybook/addons" "4.0.7" util-deprecate "^1.0.2" -"@storybook/addons@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-4.0.6.tgz#4af486c113145c46bbe0d8b5cf6efa04d005a00a" - integrity sha512-OTxuUfDxLzXFltUfsHl7XlKdUB6bqsnH9P0QUwa5j57Zfy5v4r24D/C5iUzKQBAtIDFhLl55pwcTeb3x+OOnlA== +"@storybook/addons@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-4.0.7.tgz#52a98ebfa862b34ed47368590564a9638b86d211" + integrity sha512-rfumQnFLMhpGx3nvzhW+stTFKwp5SMOso7pryEBhxxskT4f6kBuzZyaChhnSBWBwVz5bPpplWj5l0H0F2/+5bg== dependencies: - "@storybook/channels" "4.0.6" - "@storybook/components" "4.0.6" + "@storybook/channels" "4.0.7" + "@storybook/components" "4.0.7" global "^4.3.2" util-deprecate "^1.0.2" -"@storybook/channel-postmessage@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-4.0.6.tgz#8fe6261926b21b5349c3f27d1a356ec0e11b6fff" - integrity sha512-FNeAK1BMgyXVH2c5zTu2f+ACYLfMY5EE98PJlpIaFwLw3PN9Kqgt48r/SfMQkuiSjBn5YsoZwPzXRUy1uCvGCw== +"@storybook/channel-postmessage@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/channel-postmessage/-/channel-postmessage-4.0.7.tgz#70dafdaabd8431ca1a042c8512a29ca73f9009eb" + integrity sha512-Ya9D8dCKB8dqRwmIFS6IDOmNJX1TX3my9KmSRociyV1aku5kIDmMbdKHKMAAEDK4H1CmkAglW90ePsHCcVAkRw== dependencies: - "@storybook/channels" "4.0.6" + "@storybook/channels" "4.0.7" global "^4.3.2" json-stringify-safe "^5.0.1" -"@storybook/channels@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-4.0.6.tgz#479211c776fae9837d1537dd5468cfdf405ed49f" - integrity sha512-UxGOs3XuO2S8K9KTLwOLiX6bUYDtp3fGa/mb9wIL/S+tERrLcSRv+CaaNneAgEVuudaiOHjCso7W6cmZIKzrHQ== +"@storybook/channels@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/channels/-/channels-4.0.7.tgz#bb7607c9d0036cbed884c11683d7c168c2663733" + integrity sha512-XSfMaD+GKQpNtHSAZb0aMjDH59rYIvTB3je0jM67NVHneIbZrxxEcY52QZ7KP2eAP9qRw3yK89VoNo7D0APdcQ== -"@storybook/client-logger@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-4.0.6.tgz#4c75fb555ac0c8ca6b543c9e0b6ee067d64c7d6f" - integrity sha512-Gak7O2um5nuKrUmlVse5OAOnQ/xHUoELmL8oWSt3y8WtKGh7PMPggaRg8xj7xNIN+AvxoVQb2KyrEmsV5/3QLg== +"@storybook/client-logger@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/client-logger/-/client-logger-4.0.7.tgz#6831c35959a8d3d06c381c0068bffecbe0260444" + integrity sha512-tStgsg6HlZDgP38o97i5fkCDtLZAV9SUYE6of2AJUL7yf+yfL7Hh3pkIeXK4AsxAEnbhkPmCn07bCHD1NvxE4g== -"@storybook/components@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/components/-/components-4.0.6.tgz#9ff82a5b280295203f5ebabe1fb9668d7cf0e1b6" - integrity sha512-9xa+eIcb8OwlckwQwaPtwkfZXWLtmNz9yEHYf6mGjf7VOvS5oepxPsyk+a4/0EdDO9In6u1zX5DUdIYSL2vGRA== +"@storybook/components@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/components/-/components-4.0.7.tgz#f5a51b6999df7bd137a02a968d17795c836bfa5b" + integrity sha512-edQdAx+Vy6ycg6wxj5vX2DzDIcH9hikj517wKunlv78zv+82aFgHI/UZoUhaSL2dqYWOx+dO1eSza5456y7llQ== dependencies: "@emotion/core" "^0.13.1" "@emotion/provider" "^0.11.2" @@ -1371,15 +1367,15 @@ react-textarea-autosize "^7.0.4" render-fragment "^0.1.1" -"@storybook/core-events@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-4.0.6.tgz#4023ac7caba3f087ff5572b807aa6d6cd102f560" - integrity sha512-lExbWR55RLSi4erhRrBtBAgMdHu0xqnnxavkkaLZM9VaP331GVAWAtdS20H3QHdLrU56NZFX4sIPYlUeQDmfaA== +"@storybook/core-events@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-4.0.7.tgz#8fb7be5dd0fba5c6928b15cd2d92ffdb0a53da6f" + integrity sha512-rirZ/dtcA22BqZoxsYGeUHdS0IQFKNerTnNcDuL7NaTD79tl1JaWYvtLot3GqxLD7/lyUh0GQIGnxqr1ouGBhQ== -"@storybook/core@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/core/-/core-4.0.6.tgz#592dbb2de0e70ff0eca47d70bb4c1797dc8d25af" - integrity sha512-GDFWtSePiqKEyDah2YFkt4VPlDXga0eMhAfblkOI1vnCZ5f1xXulXe3/i0EoyyKAJ+Tlwhf98uFRIwmdSLyopA== +"@storybook/core@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/core/-/core-4.0.7.tgz#5242ae96ebe207401d243f245649d073ecf2b30b" + integrity sha512-DHg1E1UNGHVCcB/gkScEfn/L4AtSEaO9UzJNpP+jefyleY7IPu0eeR4Cg6YbRx01BfItIE8swNA4y/HT94xmLQ== dependencies: "@babel/plugin-proposal-class-properties" "^7.1.0" "@babel/plugin-transform-regenerator" "^7.0.0" @@ -1389,12 +1385,12 @@ "@emotion/core" "^0.13.1" "@emotion/provider" "^0.11.2" "@emotion/styled" "^0.10.6" - "@storybook/addons" "4.0.6" - "@storybook/channel-postmessage" "4.0.6" - "@storybook/client-logger" "4.0.6" - "@storybook/core-events" "4.0.6" - "@storybook/node-logger" "4.0.6" - "@storybook/ui" "4.0.6" + "@storybook/addons" "4.0.7" + "@storybook/channel-postmessage" "4.0.7" + "@storybook/client-logger" "4.0.7" + "@storybook/core-events" "4.0.7" + "@storybook/node-logger" "4.0.7" + "@storybook/ui" "4.0.7" airbnb-js-shims "^1 || ^2" autoprefixer "^9.3.1" babel-plugin-macros "^2.4.2" @@ -1450,10 +1446,10 @@ "@storybook/react-simple-di" "^1.2.1" babel-runtime "6.x.x" -"@storybook/node-logger@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-4.0.6.tgz#d31d185219d110645f8f97679e21a3820bf66388" - integrity sha512-dcqx4t3kpL4gGAhRGyPR2oSIOlazFkoNkhtK/0iUu04Yu+25CRRUd1zSarTHEnZLAuoZWk8tiCoeIOmAltOL4A== +"@storybook/node-logger@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/node-logger/-/node-logger-4.0.7.tgz#aa57636d6d46b446319b06daceda562b7b78880a" + integrity sha512-RIT0fBPVvHbvvRJ7W5NwtiT3kQxm1522Fn7/0Mf4ejUerQNtqvbosTJhN2ReinavlD4Fo85QXFFCmZ2RXMiBVw== dependencies: "@babel/runtime" "^7.1.2" npmlog "^4.1.2" @@ -1494,17 +1490,17 @@ dependencies: babel-runtime "^6.5.0" -"@storybook/react@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/react/-/react-4.0.6.tgz#1f44cf1571c02811361214bf8399286ea6cc61d3" - integrity sha512-BjLZlc27Oeko35Dnha5Ia5kH3AYwruS1vk2wCbx9JkdqbFPEvTpTJ7fchIm0cZIrirYdY8X1BLYHSYjYW8jqpQ== +"@storybook/react@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/react/-/react-4.0.7.tgz#2522d8228f5754a42606cb8d9fcf2f20444e2e02" + integrity sha512-SgvcavdNhIQbMerqCtkWU/MO6UhumaJ3DNWZsnA71Sw43qtPVrwqQekGJuERkL7R9uI0pWbMSCNh4RC9e20/Jg== dependencies: "@babel/preset-flow" "^7.0.0" "@babel/preset-react" "^7.0.0" "@babel/runtime" "^7.1.2" "@emotion/styled" "^0.10.6" - "@storybook/core" "4.0.6" - "@storybook/node-logger" "4.0.6" + "@storybook/core" "4.0.7" + "@storybook/node-logger" "4.0.7" babel-plugin-react-docgen "^2.0.0" common-tags "^1.8.0" global "^4.3.2" @@ -1515,16 +1511,16 @@ semver "^5.6.0" webpack "^4.23.1" -"@storybook/ui@4.0.6": - version "4.0.6" - resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-4.0.6.tgz#640bb40335484293f805e4ce83246368a1b9cf7c" - integrity sha512-P3te//P92F+HDa2dgD16iSxhyVnSNbAvlte03ngYVdULQC0IxHvHh0hAoSEs/XHjB3g7wYIMGJPyjpsBrvQ2lA== +"@storybook/ui@4.0.7": + version "4.0.7" + resolved "https://registry.yarnpkg.com/@storybook/ui/-/ui-4.0.7.tgz#ac6f66c7973ff19f0c0f27fd5bca2856eed628cd" + integrity sha512-VSvSU0Ac81D0J26U6+E0zSQBA7VtjVFBEv/SwXJ81DxA8jgCK08YZF8CGaTJGEcY6EY3G1HACcfnVHrXyzT8zw== dependencies: "@emotion/core" "^0.13.1" "@emotion/provider" "^0.11.2" "@emotion/styled" "^0.10.6" - "@storybook/components" "4.0.6" - "@storybook/core-events" "4.0.6" + "@storybook/components" "4.0.7" + "@storybook/core-events" "4.0.7" "@storybook/mantra-core" "^1.7.2" "@storybook/podda" "^1.2.3" "@storybook/react-komposer" "^2.0.5" @@ -12578,7 +12574,7 @@ webpack-sources@^1.1.0, webpack-sources@^1.3.0: source-list-map "^2.0.0" source-map "~0.6.1" -webpack@4.x.x, webpack@^4.23.1: +webpack@^4.23.1: version "4.25.1" resolved "https://registry.yarnpkg.com/webpack/-/webpack-4.25.1.tgz#4f459fbaea0f93440dc86c89f771bb3a837cfb6d" integrity sha512-T0GU/3NRtO4tMfNzsvpdhUr8HnzA4LTdP2zd+e5zd6CdOH5vNKHnAlO+DvzccfhPdzqRrALOFcjYxx7K5DWmvA==