1 line
10 KiB
Plaintext
1 line
10 KiB
Plaintext
{"version":3,"sources":["../src/components/tabs.ts"],"sourcesContent":["import { tabsAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n cssVar,\n defineStyle,\n} from \"@chakra-ui/styled-system\"\nimport { getColor } from \"@chakra-ui/theme-tools\"\n\nconst $fg = cssVar(\"tabs-color\")\nconst $bg = cssVar(\"tabs-bg\")\nconst $border = cssVar(\"tabs-border-color\")\n\nconst { defineMultiStyleConfig, definePartsStyle } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst baseStyleRoot = defineStyle((props) => {\n const { orientation } = props\n return {\n display: orientation === \"vertical\" ? \"flex\" : \"block\",\n }\n})\n\nconst baseStyleTab = defineStyle((props) => {\n const { isFitted } = props\n\n return {\n flex: isFitted ? 1 : undefined,\n transitionProperty: \"common\",\n transitionDuration: \"normal\",\n _focusVisible: {\n zIndex: 1,\n boxShadow: \"outline\",\n },\n _disabled: {\n cursor: \"not-allowed\",\n opacity: 0.4,\n },\n }\n})\n\nconst baseStyleTablist = defineStyle((props) => {\n const { align = \"start\", orientation } = props\n\n const alignments: Record<string, string> = {\n end: \"flex-end\",\n center: \"center\",\n start: \"flex-start\",\n }\n\n return {\n justifyContent: alignments[align],\n flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n }\n})\n\nconst baseStyleTabpanel = defineStyle({\n p: 4,\n})\n\nconst baseStyle = definePartsStyle((props) => ({\n root: baseStyleRoot(props),\n tab: baseStyleTab(props),\n tablist: baseStyleTablist(props),\n tabpanel: baseStyleTabpanel,\n}))\n\nconst sizes = {\n sm: definePartsStyle({\n tab: {\n py: 1,\n px: 4,\n fontSize: \"sm\",\n },\n }),\n md: definePartsStyle({\n tab: {\n fontSize: \"md\",\n py: 2,\n px: 4,\n },\n }),\n lg: definePartsStyle({\n tab: {\n fontSize: \"lg\",\n py: 3,\n px: 4,\n },\n }),\n}\n\nconst variantLine = definePartsStyle((props) => {\n const { colorScheme: c, orientation } = props\n const isVertical = orientation === \"vertical\"\n const borderProp = isVertical ? \"borderStart\" : \"borderBottom\"\n const marginProp = isVertical ? \"marginStart\" : \"marginBottom\"\n\n return {\n tablist: {\n [borderProp]: \"2px solid\",\n borderColor: \"inherit\",\n },\n tab: {\n [borderProp]: \"2px solid\",\n borderColor: \"transparent\",\n [marginProp]: \"-2px\",\n _selected: {\n [$fg.variable]: `colors.${c}.600`,\n _dark: {\n [$fg.variable]: `colors.${c}.300`,\n },\n borderColor: \"currentColor\",\n },\n _active: {\n [$bg.variable]: \"colors.gray.200\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.300\",\n },\n },\n _disabled: {\n _active: { bg: \"none\" },\n },\n color: $fg.reference,\n bg: $bg.reference,\n },\n }\n})\n\nconst variantEnclosed = definePartsStyle((props) => {\n const { colorScheme: c } = props\n return {\n tab: {\n borderTopRadius: \"md\",\n border: \"1px solid\",\n borderColor: \"transparent\",\n mb: \"-1px\",\n [$border.variable]: \"transparent\",\n _selected: {\n [$fg.variable]: `colors.${c}.600`,\n [$border.variable]: `colors.white`,\n _dark: {\n [$fg.variable]: `colors.${c}.300`,\n [$border.variable]: `colors.gray.800`,\n },\n borderColor: \"inherit\",\n borderBottomColor: $border.reference,\n },\n color: $fg.reference,\n },\n tablist: {\n mb: \"-1px\",\n borderBottom: \"1px solid\",\n borderColor: \"inherit\",\n },\n }\n})\n\nconst variantEnclosedColored = definePartsStyle((props) => {\n const { colorScheme: c } = props\n return {\n tab: {\n border: \"1px solid\",\n borderColor: \"inherit\",\n [$bg.variable]: \"colors.gray.50\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.50\",\n },\n mb: \"-1px\",\n _notLast: {\n marginEnd: \"-1px\",\n },\n _selected: {\n [$bg.variable]: \"colors.white\",\n [$fg.variable]: `colors.${c}.600`,\n _dark: {\n [$bg.variable]: \"colors.gray.800\",\n [$fg.variable]: `colors.${c}.300`,\n },\n borderColor: \"inherit\",\n borderTopColor: \"currentColor\",\n borderBottomColor: \"transparent\",\n },\n color: $fg.reference,\n bg: $bg.reference,\n },\n tablist: {\n mb: \"-1px\",\n borderBottom: \"1px solid\",\n borderColor: \"inherit\",\n },\n }\n})\n\nconst variantSoftRounded = definePartsStyle((props) => {\n const { colorScheme: c, theme } = props\n return {\n tab: {\n borderRadius: \"full\",\n fontWeight: \"semibold\",\n color: \"gray.600\",\n _selected: {\n color: getColor(theme, `${c}.700`),\n bg: getColor(theme, `${c}.100`),\n },\n },\n }\n})\n\nconst variantSolidRounded = definePartsStyle((props) => {\n const { colorScheme: c } = props\n return {\n tab: {\n borderRadius: \"full\",\n fontWeight: \"semibold\",\n [$fg.variable]: \"colors.gray.600\",\n _dark: {\n [$fg.variable]: \"inherit\",\n },\n _selected: {\n [$fg.variable]: \"colors.white\",\n [$bg.variable]: `colors.${c}.600`,\n _dark: {\n [$fg.variable]: \"colors.gray.800\",\n [$bg.variable]: `colors.${c}.300`,\n },\n },\n color: $fg.reference,\n bg: $bg.reference,\n },\n }\n})\n\nconst variantUnstyled = definePartsStyle({})\n\nconst variants = {\n line: variantLine,\n enclosed: variantEnclosed,\n \"enclosed-colored\": variantEnclosedColored,\n \"soft-rounded\": variantSoftRounded,\n \"solid-rounded\": variantSolidRounded,\n unstyled: variantUnstyled,\n}\n\nexport const tabsTheme = defineMultiStyleConfig({\n baseStyle,\n sizes,\n variants,\n defaultProps: {\n size: \"md\",\n variant: \"line\",\n colorScheme: \"blue\",\n },\n})\n"],"mappings":"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","names":[]} |