GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 06:11:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Change function names for consistency

Browse Source
This commit is contained in:
lonyele 2019-06-03 21:47:38 +09:00
parent 703b5d545d
commit a0e292659c
3 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
lib/components/src/tooltip/Tooltip.tsx
View File

@ -1,7 +1,7 @@
import React, { FunctionComponent } from 'react'; import React, { FunctionComponent } from 'react';
import memoize from 'memoizerific'; import memoize from 'memoizerific';
import { styled, Color, lightenColor, darkenColor } from '@storybook/theming'; import { styled, Color, lighten, darken } from '@storybook/theming';
const match = memoize(1000)((requestes, actual, value, fallback = 0) => const match = memoize(1000)((requestes, actual, value, fallback = 0) =>
actual.split('-')[0] === requestes ? value : fallback actual.split('-')[0] === requestes ? value : fallback
@ -39,32 +39,32 @@ const Arrow = styled.div<ArrowProps>(
'top', 'top',
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app) ? lighten(theme.background.app)
: darkenColor(theme.background.app), : darken(theme.background.app),
'transparent' 'transparent'
), ),
borderBottomColor: match( borderBottomColor: match(
'bottom', 'bottom',
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app) ? lighten(theme.background.app)
: darkenColor(theme.background.app), : darken(theme.background.app),
'transparent' 'transparent'
), ),
borderLeftColor: match( borderLeftColor: match(
'left', 'left',
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app) ? lighten(theme.background.app)
: darkenColor(theme.background.app), : darken(theme.background.app),
'transparent' 'transparent'
), ),
borderRightColor: match( borderRightColor: match(
'right', 'right',
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app) ? lighten(theme.background.app)
: darkenColor(theme.background.app), : darken(theme.background.app),
'transparent' 'transparent'
), ),
}) })
@ -92,8 +92,8 @@ const Wrapper = styled.div<WrapperProps>(
background: background:
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app) ? lighten(theme.background.app)
: darkenColor(theme.background.app), : darken(theme.background.app),
filter: ` filter: `
drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
drop-shadow(0 1px 3px rgba(0,0,0,0.1)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))

2
lib/theming/src/index.ts
View File

@ -14,4 +14,4 @@ export * from './create';
export * from './convert'; export * from './convert';
export * from './ensure'; export * from './ensure';
export { lightenColor, darkenColor } from './utils'; export { lightenColor as lighten, darkenColor as darken } from './utils';

4
lib/ui/src/components/notifications/item.js
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { styled, lightenColor, darkenColor } from '@storybook/theming'; import { styled, lightenColor, darken } from '@storybook/theming';
import { Link } from '@storybook/router'; import { Link } from '@storybook/router';
const baseStyle = ({ theme }) => ({ const baseStyle = ({ theme }) => ({
@ -13,7 +13,7 @@ const baseStyle = ({ theme }) => ({
boxShadow: '0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.05)', boxShadow: '0 5px 15px 0 rgba(0, 0, 0, 0.1), 0 2px 5px 0 rgba(0, 0, 0, 0.05)',
color: theme.color.inverseText, color: theme.color.inverseText,
backgroundColor: backgroundColor:
theme.base === 'light' ? darkenColor(theme.background.app) : lightenColor(theme.background.app), theme.base === 'light' ? darken(theme.background.app) : lightenColor(theme.background.app),
textDecoration: 'none', textDecoration: 'none',
}); });