mirror of
https://github.com/zhigang1992/react.git
synced 2026-01-24 04:37:51 +08:00
69fb358140
* feat(select): imporve the focus events to export simulated ref * test: improve testcase and fix warnings * docs(select): add label and divider to props docs
51 lines
1.3 KiB
TypeScript
51 lines
1.3 KiB
TypeScript
import { NormalTypes } from '../utils/prop-types'
|
|
import { GeistUIThemesPalette } from '../themes/presets'
|
|
|
|
export type SelectColor = {
|
|
border: string
|
|
borderActive: string
|
|
iconBorder: string
|
|
placeholderColor: string
|
|
}
|
|
|
|
export const getColors = (
|
|
palette: GeistUIThemesPalette,
|
|
status?: NormalTypes,
|
|
): SelectColor => {
|
|
const colors: { [key in NormalTypes]: SelectColor } = {
|
|
default: {
|
|
border: palette.border,
|
|
borderActive: palette.foreground,
|
|
iconBorder: palette.accents_5,
|
|
placeholderColor: palette.accents_3,
|
|
},
|
|
secondary: {
|
|
border: palette.border,
|
|
borderActive: palette.foreground,
|
|
iconBorder: palette.accents_5,
|
|
placeholderColor: palette.accents_3,
|
|
},
|
|
success: {
|
|
border: palette.successLight,
|
|
borderActive: palette.successDark,
|
|
iconBorder: palette.success,
|
|
placeholderColor: palette.accents_3,
|
|
},
|
|
warning: {
|
|
border: palette.warningLight,
|
|
borderActive: palette.warningDark,
|
|
iconBorder: palette.warning,
|
|
placeholderColor: palette.accents_3,
|
|
},
|
|
error: {
|
|
border: palette.errorLight,
|
|
borderActive: palette.errorDark,
|
|
iconBorder: palette.error,
|
|
placeholderColor: palette.error,
|
|
},
|
|
}
|
|
|
|
if (!status) return colors.default
|
|
return colors[status]
|
|
}
|