15 lines
481 B
TypeScript
15 lines
481 B
TypeScript
import { mode } from '@chakra-ui/theme-tools';
|
|
import { sliderAnatomy as parts } from '@chakra-ui/anatomy';
|
|
import { createMultiStyleConfigHelpers } from '@chakra-ui/styled-system';
|
|
|
|
const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers(parts.keys);
|
|
|
|
export const sliderStyles = defineMultiStyleConfig({
|
|
variants: {
|
|
main: definePartsStyle((props) => ({
|
|
thumb: {
|
|
bg: mode('brand.500', 'brand.400')(props),
|
|
},
|
|
})),
|
|
},
|
|
});
|