1 line
4.3 KiB
Plaintext
1 line
4.3 KiB
Plaintext
{"version":3,"sources":["../src/components/switch.ts"],"sourcesContent":["import { switchAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n defineStyle,\n} from \"@chakra-ui/styled-system\"\nimport { calc, cssVar } from \"@chakra-ui/theme-tools\"\n\nconst { defineMultiStyleConfig, definePartsStyle } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $width = cssVar(\"switch-track-width\")\nconst $height = cssVar(\"switch-track-height\")\nconst $diff = cssVar(\"switch-track-diff\")\nconst diffValue = calc.subtract($width, $height)\nconst $translateX = cssVar(\"switch-thumb-x\")\nconst $bg = cssVar(\"switch-bg\")\n\nconst baseStyleTrack = defineStyle((props) => {\n const { colorScheme: c } = props\n\n return {\n borderRadius: \"full\",\n p: \"0.5\",\n width: [$width.reference],\n height: [$height.reference],\n transitionProperty: \"common\",\n transitionDuration: \"fast\",\n [$bg.variable]: \"colors.gray.300\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.400\",\n },\n _focusVisible: {\n boxShadow: \"outline\",\n },\n _disabled: {\n opacity: 0.4,\n cursor: \"not-allowed\",\n },\n _checked: {\n [$bg.variable]: `colors.${c}.500`,\n _dark: {\n [$bg.variable]: `colors.${c}.200`,\n },\n },\n bg: $bg.reference,\n }\n})\n\nconst baseStyleThumb = defineStyle({\n bg: \"white\",\n transitionProperty: \"transform\",\n transitionDuration: \"normal\",\n borderRadius: \"inherit\",\n width: [$height.reference],\n height: [$height.reference],\n _checked: {\n transform: `translateX(${$translateX.reference})`,\n },\n})\n\nconst baseStyle = definePartsStyle((props) => ({\n container: {\n [$diff.variable]: diffValue,\n [$translateX.variable]: $diff.reference,\n _rtl: {\n [$translateX.variable]: calc($diff).negate().toString(),\n },\n },\n track: baseStyleTrack(props),\n thumb: baseStyleThumb,\n}))\n\nconst sizes = {\n sm: definePartsStyle({\n container: {\n [$width.variable]: \"1.375rem\",\n [$height.variable]: \"sizes.3\",\n },\n }),\n md: definePartsStyle({\n container: {\n [$width.variable]: \"1.875rem\",\n [$height.variable]: \"sizes.4\",\n },\n }),\n lg: definePartsStyle({\n container: {\n [$width.variable]: \"2.875rem\",\n [$height.variable]: \"sizes.6\",\n },\n }),\n}\n\nexport const switchTheme = defineMultiStyleConfig({\n baseStyle,\n sizes,\n defaultProps: {\n size: \"md\",\n colorScheme: \"blue\",\n },\n})\n"],"mappings":";AAAA,SAAS,iBAAiB,aAAa;AACvC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,cAAc;AAE7B,IAAM,EAAE,wBAAwB,iBAAiB,IAC/C,8BAA8B,MAAM,IAAI;AAE1C,IAAM,SAAS,OAAO,oBAAoB;AAC1C,IAAM,UAAU,OAAO,qBAAqB;AAC5C,IAAM,QAAQ,OAAO,mBAAmB;AACxC,IAAM,YAAY,KAAK,SAAS,QAAQ,OAAO;AAC/C,IAAM,cAAc,OAAO,gBAAgB;AAC3C,IAAM,MAAM,OAAO,WAAW;AAE9B,IAAM,iBAAiB,YAAY,CAAC,UAAU;AAC5C,QAAM,EAAE,aAAa,EAAE,IAAI;AAE3B,SAAO;AAAA,IACL,cAAc;AAAA,IACd,GAAG;AAAA,IACH,OAAO,CAAC,OAAO,SAAS;AAAA,IACxB,QAAQ,CAAC,QAAQ,SAAS;AAAA,IAC1B,oBAAoB;AAAA,IACpB,oBAAoB;AAAA,IACpB,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,OAAO;AAAA,MACL,CAAC,IAAI,QAAQ,GAAG;AAAA,IAClB;AAAA,IACA,eAAe;AAAA,MACb,WAAW;AAAA,IACb;AAAA,IACA,WAAW;AAAA,MACT,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,IACA,UAAU;AAAA,MACR,CAAC,IAAI,QAAQ,GAAG,UAAU,CAAC;AAAA,MAC3B,OAAO;AAAA,QACL,CAAC,IAAI,QAAQ,GAAG,UAAU,CAAC;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,IAAI,IAAI;AAAA,EACV;AACF,CAAC;AAED,IAAM,iBAAiB,YAAY;AAAA,EACjC,IAAI;AAAA,EACJ,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,cAAc;AAAA,EACd,OAAO,CAAC,QAAQ,SAAS;AAAA,EACzB,QAAQ,CAAC,QAAQ,SAAS;AAAA,EAC1B,UAAU;AAAA,IACR,WAAW,cAAc,YAAY,SAAS;AAAA,EAChD;AACF,CAAC;AAED,IAAM,YAAY,iBAAiB,CAAC,WAAW;AAAA,EAC7C,WAAW;AAAA,IACT,CAAC,MAAM,QAAQ,GAAG;AAAA,IAClB,CAAC,YAAY,QAAQ,GAAG,MAAM;AAAA,IAC9B,MAAM;AAAA,MACJ,CAAC,YAAY,QAAQ,GAAG,KAAK,KAAK,EAAE,OAAO,EAAE,SAAS;AAAA,IACxD;AAAA,EACF;AAAA,EACA,OAAO,eAAe,KAAK;AAAA,EAC3B,OAAO;AACT,EAAE;AAEF,IAAM,QAAQ;AAAA,EACZ,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,OAAO,QAAQ,GAAG;AAAA,MACnB,CAAC,QAAQ,QAAQ,GAAG;AAAA,IACtB;AAAA,EACF,CAAC;AAAA,EACD,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,OAAO,QAAQ,GAAG;AAAA,MACnB,CAAC,QAAQ,QAAQ,GAAG;AAAA,IACtB;AAAA,EACF,CAAC;AAAA,EACD,IAAI,iBAAiB;AAAA,IACnB,WAAW;AAAA,MACT,CAAC,OAAO,QAAQ,GAAG;AAAA,MACnB,CAAC,QAAQ,QAAQ,GAAG;AAAA,IACtB;AAAA,EACF,CAAC;AACH;AAEO,IAAM,cAAc,uBAAuB;AAAA,EAChD;AAAA,EACA;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AACF,CAAC;","names":[]} |