{"version":3,"sources":["../../src/Textarea/Textarea.css.ts"],"names":["css","vars","textareaWrapperCSS","isError","isFocus","minHeight","characterCount","textareaCSS","__spreadProps","__spreadValues","maxLengthCSS"],"mappings":";6aAAA,OAAS,OAAAA,MAAW,iBACpB,OAAS,QAAAC,MAAY,sBAGd,IAAMC,EAAqB,CAAC,CACjC,QAAAC,EACA,QAAAC,EACA,UAAAC,EACA,eAAAC,CACF,IACEN,EAAI,CACF,SAAU,WAEV,QAAS,OACT,cAAe,SAEf,MAAO,OACP,QAASC,EAAK,QAAQ,CAAC,EACvB,cAAeA,EAAK,QAAQK,EAAiB,EAAI,CAAC,EAClD,gBAAiBL,EAAK,SAAS,MAAME,EAAU,kBAAoB,SAAS,EAC5E,aAAcF,EAAK,QAAQ,OAC3B,aAAcA,EAAK,SAAS,MAAMG,EAAU,QAAU,QAAQ,EAC9D,aAAc,MAEd,2BAA4B,CAC1B,gBAAiBH,EAAK,SAAS,MAAM,cACrC,QAAS,MACX,EAEA,gBAAiB,CACf,aAAcE,EAAU,IAAM,KAChC,EAEA,aAAc,QACd,UAAAE,EAEA,wBAAyB,CACvB,aAAc,MACd,gBAAiBJ,EAAK,SAAS,MAAM,OACvC,EAEA,uDAAwD,CACtD,aAAcA,EAAK,SAAS,MAAME,EAAU,sBAAwB,aAAa,CACnF,CACF,CAAC,EAEUI,EAAcP,EAAIQ,EAAAC,EAAA,CAC7B,MAAO,OACP,KAAM,EAEN,QAAS,EAET,OAAQ,OAER,OAAQ,OACR,QAAS,OACT,gBAAiB,cAEjB,aAAc,CACZ,OAAQ,cACR,gBAAiB,OACnB,GAEGR,EAAK,SAAS,WAAW,aAAa,GAjBZ,CAmB7B,gBAAiB,CACf,MAAOA,EAAK,SAAS,MAAM,OAC7B,EAEA,sBAAuB,CACrB,QAAS,MACX,CACF,EAAC,EAEYS,EAAeV,EAAI,CAC9B,QAAS,OACT,eAAgB,WAChB,WAAY,aACd,CAAC","sourcesContent":["import { css } from \"@emotion/react\";\nimport { vars } from \"@imwebme/clay-token\";\nimport type { TextareaProps } from \".\";\n\nexport const textareaWrapperCSS = ({\n  isError,\n  isFocus,\n  minHeight,\n  characterCount,\n}: Pick<TextareaProps, \"isError\" | \"characterCount\"> & { isFocus?: boolean; minHeight?: string }) =>\n  css({\n    position: \"relative\",\n\n    display: \"flex\",\n    flexDirection: \"column\",\n\n    width: \"100%\",\n    padding: vars.spacing[3],\n    paddingBottom: vars.spacing[characterCount ? 2 : 3],\n    backgroundColor: vars.semantic.color[isError ? \"surfaceCritical\" : \"surface\"],\n    borderRadius: vars.rounded.medium,\n    outlineColor: vars.semantic.color[isFocus ? \"focus\" : \"border\"],\n    outlineWidth: \"1px\",\n\n    \"&:has(textarea:disabled)\": {\n      backgroundColor: vars.semantic.color.fieldDisabled,\n      outline: \"none\",\n    },\n\n    \"&:not(:hover)\": {\n      outlineWidth: isError ? \"0\" : \"1px\",\n    },\n\n    outlineStyle: \"solid\",\n    minHeight,\n\n    \"&:has(textarea:focus)\": {\n      outlineWidth: \"2px\",\n      backgroundColor: vars.semantic.color.surface,\n    },\n\n    \"&:not(:has(textarea:focus, textarea:disabled)):hover\": {\n      outlineColor: vars.semantic.color[isError ? \"borderCriticalHover\" : \"borderHover\"],\n    },\n  });\n\nexport const textareaCSS = css({\n  width: \"100%\",\n  flex: 1,\n\n  padding: 0,\n\n  border: \"none\",\n\n  resize: \"none\",\n  outline: \"none\",\n  backgroundColor: \"transparent\",\n\n  \"&:disabled\": {\n    cursor: \"not-allowed\",\n    backgroundColor: \"unset\",\n  },\n\n  ...vars.semantic.typography[\"body-medium\"],\n\n  \"&:placeholder\": {\n    color: vars.semantic.color.textSub,\n  },\n\n  \"::-webkit-scrollbar\": {\n    display: \"none\",\n  },\n});\n\nexport const maxLengthCSS = css({\n  display: \"flex\",\n  justifyContent: \"flex-end\",\n  background: \"transparent\",\n});\n"]}