{"version":3,"sources":["../../src/Spinner/Spinner.css.ts"],"names":["css","keyframes","spin","sizeToPxMap","spinnerCSS"],"mappings":";AAAA,OAAS,OAAAA,EAAK,aAAAC,MAAiB,iBAI/B,IAAMC,EAAOD;AAAA;AAAA;AAAA;AAAA,EAMAE,EAAc,CACzB,OAAQ,OACR,MAAO,OACP,OAAQ,OACR,MAAO,MACT,EAEaC,EAAaJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQXE,CAAI","sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport type { NumberPixel } from \"../types\";\nimport type { SpinnerProps } from \"./Spinner.types\";\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`;\n\nexport const sizeToPxMap = {\n  xsmall: \"16px\",\n  small: \"24px\",\n  medium: \"32px\",\n  large: \"64px\",\n} satisfies Record<Required<SpinnerProps>[\"size\"], NumberPixel>;\n\nexport const spinnerCSS = css`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  width: var(--spinner-size);\n  height: var(--spinner-size);\n\n  animation: ${spin} var(--spinner-speed) linear infinite;\n`;\n"]}