1 line
9.7 KiB
Plaintext
1 line
9.7 KiB
Plaintext
{"version":3,"sources":["../src/components/input.ts"],"sourcesContent":["import { inputAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n cssVar,\n defineStyle,\n} from \"@chakra-ui/styled-system\"\nimport { getColor, mode } from \"@chakra-ui/theme-tools\"\n\nconst { definePartsStyle, defineMultiStyleConfig } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $height = cssVar(\"input-height\")\nconst $fontSize = cssVar(\"input-font-size\")\nconst $padding = cssVar(\"input-padding\")\nconst $borderRadius = cssVar(\"input-border-radius\")\n\nconst baseStyle = definePartsStyle({\n addon: {\n height: $height.reference,\n fontSize: $fontSize.reference,\n px: $padding.reference,\n borderRadius: $borderRadius.reference,\n },\n field: {\n width: \"100%\",\n height: $height.reference,\n fontSize: $fontSize.reference,\n px: $padding.reference,\n borderRadius: $borderRadius.reference,\n minWidth: 0,\n outline: 0,\n position: \"relative\",\n appearance: \"none\",\n transitionProperty: \"common\",\n transitionDuration: \"normal\",\n _disabled: {\n opacity: 0.4,\n cursor: \"not-allowed\",\n },\n },\n})\n\nconst size = {\n lg: defineStyle({\n [$fontSize.variable]: \"fontSizes.lg\",\n [$padding.variable]: \"space.4\",\n [$borderRadius.variable]: \"radii.md\",\n [$height.variable]: \"sizes.12\",\n }),\n md: defineStyle({\n [$fontSize.variable]: \"fontSizes.md\",\n [$padding.variable]: \"space.4\",\n [$borderRadius.variable]: \"radii.md\",\n [$height.variable]: \"sizes.10\",\n }),\n sm: defineStyle({\n [$fontSize.variable]: \"fontSizes.sm\",\n [$padding.variable]: \"space.3\",\n [$borderRadius.variable]: \"radii.sm\",\n [$height.variable]: \"sizes.8\",\n }),\n xs: defineStyle({\n [$fontSize.variable]: \"fontSizes.xs\",\n [$padding.variable]: \"space.2\",\n [$borderRadius.variable]: \"radii.sm\",\n [$height.variable]: \"sizes.6\",\n }),\n}\n\nconst sizes = {\n lg: definePartsStyle({\n field: size.lg,\n group: size.lg,\n }),\n md: definePartsStyle({\n field: size.md,\n group: size.md,\n }),\n sm: definePartsStyle({\n field: size.sm,\n group: size.sm,\n }),\n xs: definePartsStyle({\n field: size.xs,\n group: size.xs,\n }),\n}\n\nfunction getDefaults(props: Record<string, any>) {\n const { focusBorderColor: fc, errorBorderColor: ec } = props\n return {\n focusBorderColor: fc || mode(\"blue.500\", \"blue.300\")(props),\n errorBorderColor: ec || mode(\"red.500\", \"red.300\")(props),\n }\n}\n\nconst variantOutline = definePartsStyle((props) => {\n const { theme } = props\n const { focusBorderColor: fc, errorBorderColor: ec } = getDefaults(props)\n\n return {\n field: {\n border: \"1px solid\",\n borderColor: \"inherit\",\n bg: \"inherit\",\n _hover: {\n borderColor: mode(\"gray.300\", \"whiteAlpha.400\")(props),\n },\n _readOnly: {\n boxShadow: \"none !important\",\n userSelect: \"all\",\n },\n _invalid: {\n borderColor: getColor(theme, ec),\n boxShadow: `0 0 0 1px ${getColor(theme, ec)}`,\n },\n _focusVisible: {\n zIndex: 1,\n borderColor: getColor(theme, fc),\n boxShadow: `0 0 0 1px ${getColor(theme, fc)}`,\n },\n },\n addon: {\n border: \"1px solid\",\n borderColor: mode(\"inherit\", \"whiteAlpha.50\")(props),\n bg: mode(\"gray.100\", \"whiteAlpha.300\")(props),\n },\n }\n})\n\nconst variantFilled = definePartsStyle((props) => {\n const { theme } = props\n const { focusBorderColor: fc, errorBorderColor: ec } = getDefaults(props)\n\n return {\n field: {\n border: \"2px solid\",\n borderColor: \"transparent\",\n bg: mode(\"gray.100\", \"whiteAlpha.50\")(props),\n _hover: {\n bg: mode(\"gray.200\", \"whiteAlpha.100\")(props),\n },\n _readOnly: {\n boxShadow: \"none !important\",\n userSelect: \"all\",\n },\n _invalid: {\n borderColor: getColor(theme, ec),\n },\n _focusVisible: {\n bg: \"transparent\",\n borderColor: getColor(theme, fc),\n },\n },\n addon: {\n border: \"2px solid\",\n borderColor: \"transparent\",\n bg: mode(\"gray.100\", \"whiteAlpha.50\")(props),\n },\n }\n})\n\nconst variantFlushed = definePartsStyle((props) => {\n const { theme } = props\n const { focusBorderColor: fc, errorBorderColor: ec } = getDefaults(props)\n\n return {\n field: {\n borderBottom: \"1px solid\",\n borderColor: \"inherit\",\n borderRadius: \"0\",\n px: \"0\",\n bg: \"transparent\",\n _readOnly: {\n boxShadow: \"none !important\",\n userSelect: \"all\",\n },\n _invalid: {\n borderColor: getColor(theme, ec),\n boxShadow: `0px 1px 0px 0px ${getColor(theme, ec)}`,\n },\n _focusVisible: {\n borderColor: getColor(theme, fc),\n boxShadow: `0px 1px 0px 0px ${getColor(theme, fc)}`,\n },\n },\n addon: {\n borderBottom: \"2px solid\",\n borderColor: \"inherit\",\n borderRadius: \"0\",\n px: \"0\",\n bg: \"transparent\",\n },\n }\n})\n\nconst variantUnstyled = definePartsStyle({\n field: {\n bg: \"transparent\",\n px: \"0\",\n height: \"auto\",\n },\n addon: {\n bg: \"transparent\",\n px: \"0\",\n height: \"auto\",\n },\n})\n\nconst variants = {\n outline: variantOutline,\n filled: variantFilled,\n flushed: variantFlushed,\n unstyled: variantUnstyled,\n}\n\nexport const inputTheme = defineMultiStyleConfig({\n baseStyle,\n sizes,\n variants,\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n"],"mappings":"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","names":[]} |