GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-05 08:01:20 +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 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) =>
actual.split('-')[0] === requestes ? value : fallback
@ -39,32 +39,32 @@ const Arrow = styled.div<ArrowProps>(
'top',
placement,
theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app)
: darkenColor(theme.background.app),
? lighten(theme.background.app)
: darken(theme.background.app),
'transparent'
),
borderBottomColor: match(
'bottom',
placement,
theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app)
: darkenColor(theme.background.app),
? lighten(theme.background.app)
: darken(theme.background.app),
'transparent'
),
borderLeftColor: match(
'left',
placement,
theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app)
: darkenColor(theme.background.app),
? lighten(theme.background.app)
: darken(theme.background.app),
'transparent'
),
borderRightColor: match(
'right',
placement,
theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app)
: darkenColor(theme.background.app),
? lighten(theme.background.app)
: darken(theme.background.app),
'transparent'
),
})
@ -92,8 +92,8 @@ const Wrapper = styled.div<WrapperProps>(
background:
theme.color[color] || color || theme.base === 'light'
? lightenColor(theme.background.app)
: darkenColor(theme.background.app),
? lighten(theme.background.app)
: darken(theme.background.app),
filter: `
drop-shadow(0px 5px 5px rgba(0,0,0,0.05))
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 './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 PropTypes from 'prop-types';
import { styled, lightenColor, darkenColor } from '@storybook/theming';
import { styled, lightenColor, darken } from '@storybook/theming';
import { Link } from '@storybook/router';
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)',
color: theme.color.inverseText,
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',
});