1 line
5.4 KiB
Plaintext
1 line
5.4 KiB
Plaintext
{"version":3,"sources":["../src/components/alert.ts"],"sourcesContent":["import { alertAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n cssVar,\n StyleFunctionProps,\n} from \"@chakra-ui/styled-system\"\nimport { transparentize } from \"@chakra-ui/theme-tools\"\n\nconst { definePartsStyle, defineMultiStyleConfig } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $fg = cssVar(\"alert-fg\")\nconst $bg = cssVar(\"alert-bg\")\n\nconst baseStyle = definePartsStyle({\n container: {\n bg: $bg.reference,\n px: \"4\",\n py: \"3\",\n },\n title: {\n fontWeight: \"bold\",\n lineHeight: \"6\",\n marginEnd: \"2\",\n },\n description: {\n lineHeight: \"6\",\n },\n icon: {\n color: $fg.reference,\n flexShrink: 0,\n marginEnd: \"3\",\n w: \"5\",\n h: \"6\",\n },\n spinner: {\n color: $fg.reference,\n flexShrink: 0,\n marginEnd: \"3\",\n w: \"5\",\n h: \"5\",\n },\n})\n\nfunction getBg(props: StyleFunctionProps) {\n const { theme, colorScheme: c } = props\n const darkBg = transparentize(`${c}.200`, 0.16)(theme)\n return {\n light: `colors.${c}.100`,\n dark: darkBg,\n }\n}\n\nconst variantSubtle = definePartsStyle((props) => {\n const { colorScheme: c } = props\n const bg = getBg(props)\n return {\n container: {\n [$fg.variable]: `colors.${c}.600`,\n [$bg.variable]: bg.light,\n _dark: {\n [$fg.variable]: `colors.${c}.200`,\n [$bg.variable]: bg.dark,\n },\n },\n }\n})\n\nconst variantLeftAccent = definePartsStyle((props) => {\n const { colorScheme: c } = props\n const bg = getBg(props)\n return {\n container: {\n [$fg.variable]: `colors.${c}.600`,\n [$bg.variable]: bg.light,\n _dark: {\n [$fg.variable]: `colors.${c}.200`,\n [$bg.variable]: bg.dark,\n },\n paddingStart: \"3\",\n borderStartWidth: \"4px\",\n borderStartColor: $fg.reference,\n },\n }\n})\n\nconst variantTopAccent = definePartsStyle((props) => {\n const { colorScheme: c } = props\n const bg = getBg(props)\n return {\n container: {\n [$fg.variable]: `colors.${c}.600`,\n [$bg.variable]: bg.light,\n _dark: {\n [$fg.variable]: `colors.${c}.200`,\n [$bg.variable]: bg.dark,\n },\n pt: \"2\",\n borderTopWidth: \"4px\",\n borderTopColor: $fg.reference,\n },\n }\n})\n\nconst variantSolid = definePartsStyle((props) => {\n const { colorScheme: c } = props\n return {\n container: {\n [$fg.variable]: `colors.white`,\n [$bg.variable]: `colors.${c}.600`,\n _dark: {\n [$fg.variable]: `colors.gray.900`,\n [$bg.variable]: `colors.${c}.200`,\n },\n color: $fg.reference,\n },\n }\n})\n\nconst variants = {\n subtle: variantSubtle,\n \"left-accent\": variantLeftAccent,\n \"top-accent\": variantTopAccent,\n solid: variantSolid,\n}\n\nexport const alertTheme = defineMultiStyleConfig({\n baseStyle,\n variants,\n defaultProps: {\n variant: \"subtle\",\n colorScheme: \"blue\",\n },\n})\n"],"mappings":"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","names":[]} |