1 line
6.3 KiB
Plaintext
1 line
6.3 KiB
Plaintext
{"version":3,"sources":["../src/components/slider.ts"],"sourcesContent":["import { sliderAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n cssVar,\n defineStyle,\n} from \"@chakra-ui/styled-system\"\nimport { orient } from \"@chakra-ui/theme-tools\"\n\nconst { defineMultiStyleConfig, definePartsStyle } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $thumbSize = cssVar(\"slider-thumb-size\")\nconst $trackSize = cssVar(\"slider-track-size\")\nconst $bg = cssVar(\"slider-bg\")\n\nconst baseStyleContainer = defineStyle((props) => {\n const { orientation } = props\n\n return {\n display: \"inline-block\",\n position: \"relative\",\n cursor: \"pointer\",\n _disabled: {\n opacity: 0.6,\n cursor: \"default\",\n pointerEvents: \"none\",\n },\n ...orient({\n orientation,\n vertical: { h: \"100%\" },\n horizontal: { w: \"100%\" },\n }),\n }\n})\n\nconst baseStyleTrack = defineStyle((props) => {\n const orientationStyles = orient({\n orientation: props.orientation,\n horizontal: { h: $trackSize.reference },\n vertical: { w: $trackSize.reference },\n })\n\n return {\n ...orientationStyles,\n overflow: \"hidden\",\n borderRadius: \"sm\",\n [$bg.variable]: \"colors.gray.200\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.200\",\n },\n _disabled: {\n [$bg.variable]: \"colors.gray.300\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.300\",\n },\n },\n bg: $bg.reference,\n }\n})\n\nconst baseStyleThumb = defineStyle((props) => {\n const { orientation } = props\n const orientationStyle = orient({\n orientation,\n vertical: {\n left: \"50%\",\n transform: `translateX(-50%)`,\n _active: {\n transform: `translateX(-50%) scale(1.15)`,\n },\n },\n horizontal: {\n top: \"50%\",\n transform: `translateY(-50%)`,\n _active: {\n transform: `translateY(-50%) scale(1.15)`,\n },\n },\n })\n\n return {\n ...orientationStyle,\n w: $thumbSize.reference,\n h: $thumbSize.reference,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"absolute\",\n outline: 0,\n zIndex: 1,\n borderRadius: \"full\",\n bg: \"white\",\n boxShadow: \"base\",\n border: \"1px solid\",\n borderColor: \"transparent\",\n transitionProperty: \"transform\",\n transitionDuration: \"normal\",\n _focusVisible: {\n boxShadow: \"outline\",\n },\n _disabled: {\n bg: \"gray.300\",\n },\n }\n})\n\nconst baseStyleFilledTrack = defineStyle((props) => {\n const { colorScheme: c } = props\n\n return {\n width: \"inherit\",\n height: \"inherit\",\n [$bg.variable]: `colors.${c}.500`,\n _dark: {\n [$bg.variable]: `colors.${c}.200`,\n },\n bg: $bg.reference,\n }\n})\n\nconst baseStyle = definePartsStyle((props) => ({\n container: baseStyleContainer(props),\n track: baseStyleTrack(props),\n thumb: baseStyleThumb(props),\n filledTrack: baseStyleFilledTrack(props),\n}))\n\nconst sizeLg = definePartsStyle({\n container: {\n [$thumbSize.variable]: `sizes.4`,\n [$trackSize.variable]: `sizes.1`,\n },\n})\n\nconst sizeMd = definePartsStyle({\n container: {\n [$thumbSize.variable]: `sizes.3.5`,\n [$trackSize.variable]: `sizes.1`,\n },\n})\n\nconst sizeSm = definePartsStyle({\n container: {\n [$thumbSize.variable]: `sizes.2.5`,\n [$trackSize.variable]: `sizes.0.5`,\n },\n})\n\nconst sizes = {\n lg: sizeLg,\n md: sizeMd,\n sm: sizeSm,\n}\n\nexport const sliderTheme = defineMultiStyleConfig({\n baseStyle,\n sizes,\n defaultProps: {\n size: \"md\",\n colorScheme: \"blue\",\n },\n})\n"],"mappings":"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","names":[]} |