@foxford/ui 2.83.0-beta-4ae8299-20251007 → 2.84.0-beta-4d7a4d1-20251008

package/components/Textarea/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { Icon } from 'components/Icon'\nimport { baseInputStyle } from 'components/Input/style'\nimport type { TextareaProps, StyledTextareaProps, TextareaPalette, StyledResizeControlProps } from './types'\n\nconst template = (\n  palette: Pick<TextareaPalette, 'color' | 'colorDisabled' | 'placeholderColor' | 'placeholderColorDisabled'>\n) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Root = styled.textarea.withConfig<TextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n\n  ${baseInputStyle}\n`\n\nexport const Textarea = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  appearance: none;\n  resize: none;\n  overflow: auto;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  width: 100%;\n  cursor: pointer;\n  &[aria-labelledby] {\n    margin-top: 0.2em;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus:read-write {\n    cursor: text;\n  }\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const TextareaMimic = styled.textarea`\n  box-sizing: border-box;\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  appearance: none;\n  resize: none;\n  overflow: hidden;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n`\n\nexport const ResizeGlobals = createGlobalStyle<StyledResizeControlProps>`\n  ${(props) => `\n    body * {\n      cursor: ${props.cursor} !important;\n      user-select: none !important;\n    }\n  `}\n`\n\nexport const ResizeIcon = styled(Icon).withConfig<StyledResizeControlProps>({\n  shouldForwardProp: (propKey) => propKey !== 'cursor',\n})`\n  ${(props) => `\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${props.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${props.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `}\n`\n"],"names":["Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","baseInputStyle","Textarea","propKey","props","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","TextareaMimic","ResizeGlobals","createGlobalStyle","cursor","ResizeIcon","default","Icon"],"mappings":"6OAoBO,MAAMA,KAAOC,gBAAAA,QAAOC,SAASC,WAA0B,CAC5DC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAHkBP,CAGlB,CAAA,uDAAA,IAKEQ,MAAAA,gBAGG,MAAMC,SAAWT,gBAAAA,QAAOC,SAASC,WAAgC,CACtEC,kBAAoBO,IAAa,CAAC,WAAWL,SAASK,KACtDR,WAAA,CAAAI,YAAA,WAAAC,YAAA,mBAFsBP,CA6BnBW,CAAAA,2VAAAA,KAAAA,IACDC,MAtDC,eADHC,EAuDW,CACPC,MAAOH,EAAME,QAAQC,OAASH,EAAMI,MAAMC,OAAO,0BACjDC,iBAAkBN,EAAME,QAAQI,kBAAoBN,EAAMI,MAAMC,OAAO,4BACvEE,cAAeP,EAAME,QAAQK,eAAiBP,EAAMI,MAAMC,OAAO,oBACjEG,yBAA0BR,EAAME,QAAQM,0BAA4BR,EAAMI,MAAMC,OAAO,sBAzD1EF,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCAVnBN,KA4DI,UAGOO,cAAgBpB,gBAAAA,QAAOC,SAAQC,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAfP,CAiB5B,CAAA,gPAEYqB,cAAgBC,OAAiBA,kBAAA,CAAA,GAAA,KACzCX,GAAU,iCAECA,EAAMY,uEAMf,MAAMC,WAAaxB,gBAAMyB,QAACC,WAAMxB,WAAqC,CAC1EC,kBAAoBO,GAAYA,IAAY,WAC5CR,WAAA,CAAAI,YAAA,uBAAAC,YAAA,mBAFwBP,CAExB,CAAA,GAAA,KACGW,GAAU,0HAMDA,EAAMY,sEAGLZ,EAAMI,MAAMC,OAAO"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { Icon } from 'components/Icon'\nimport { baseInputStyle } from 'components/Input/style'\nimport type { TextareaProps, StyledTextareaProps, TextareaPalette, StyledResizeControlProps } from './types'\n\nconst template = (\n  palette: Pick<TextareaPalette, 'color' | 'colorDisabled' | 'placeholderColor' | 'placeholderColorDisabled'>\n) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Root = styled.textarea.withConfig<TextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n\n  ${baseInputStyle}\n`\n\nexport const Textarea = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  appearance: none;\n  resize: none;\n  overflow: auto;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus:read-write {\n    cursor: text;\n  }\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const TextareaMimic = styled.textarea`\n  box-sizing: border-box;\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  appearance: none;\n  resize: none;\n  overflow: hidden;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n`\n\nexport const ResizeGlobals = createGlobalStyle<StyledResizeControlProps>`\n  ${(props) => `\n    body * {\n      cursor: ${props.cursor} !important;\n      user-select: none !important;\n    }\n  `}\n`\n\nexport const ResizeIcon = styled(Icon).withConfig<StyledResizeControlProps>({\n  shouldForwardProp: (propKey) => propKey !== 'cursor',\n})`\n  ${(props) => `\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${props.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${props.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `}\n`\n"],"names":["Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","baseInputStyle","Textarea","propKey","props","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","TextareaMimic","ResizeGlobals","createGlobalStyle","cursor","ResizeIcon","default","Icon"],"mappings":"6OAoBO,MAAMA,KAAOC,gBAAAA,QAAOC,SAASC,WAA0B,CAC5DC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAHkBP,CAGlB,CAAA,uDAAA,IAKEQ,MAAAA,gBAGG,MAAMC,SAAWT,gBAAAA,QAAOC,SAASC,WAAgC,CACtEC,kBAAoBO,IAAa,CAAC,WAAWL,SAASK,KACtDR,WAAA,CAAAI,YAAA,WAAAC,YAAA,mBAFsBP,CAwBnBW,CAAAA,yQAAAA,KAAAA,IACDC,MAjDC,eADHC,EAkDW,CACPC,MAAOH,EAAME,QAAQC,OAASH,EAAMI,MAAMC,OAAO,0BACjDC,iBAAkBN,EAAME,QAAQI,kBAAoBN,EAAMI,MAAMC,OAAO,4BACvEE,cAAeP,EAAME,QAAQK,eAAiBP,EAAMI,MAAMC,OAAO,oBACjEG,yBAA0BR,EAAME,QAAQM,0BAA4BR,EAAMI,MAAMC,OAAO,sBApD1EF,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCAVnBN,KAuDI,UAGOO,cAAgBpB,gBAAAA,QAAOC,SAAQC,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAfP,CAe5B,CAAA,mMAEYqB,cAAgBC,OAAiBA,kBAAA,CAAA,GAAA,KACzCX,GAAU,iCAECA,EAAMY,uEAMf,MAAMC,WAAaxB,gBAAMyB,QAACC,WAAMxB,WAAqC,CAC1EC,kBAAoBO,GAAYA,IAAY,WAC5CR,WAAA,CAAAI,YAAA,uBAAAC,YAAA,mBAFwBP,CAExB,CAAA,GAAA,KACGW,GAAU,0HAMDA,EAAMY,sEAGLZ,EAAMI,MAAMC,OAAO"}

package/components/Textarea/style.mjs

@@ -1,2 +1,2 @@
-import styled,{createGlobalStyle}from'styled-components';import{baseInputStyle}from'../Input/style.mjs';import{Icon}from'../Icon/Icon.mjs';const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Textarea=styled.textarea.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Textarea",componentId:"ui__sc-a4hfy5-1"})(["box-sizing:border-box;display:block;appearance:none;resize:none;overflow:auto;border:none;padding:0;margin:0;background-color:transparent;font-family:inherit;font-size:inherit;line-height:inherit;width:100%;cursor:pointer;&[aria-labelledby]{margin-top:0.2em;}&:disabled{cursor:not-allowed;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],(o=>{return`\n  color: ${(e={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n  &::placeholder {\n    color: ${e.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${e.placeholderColorDisabled};\n  }\n`;var e}));const TextareaMimic=styled.textarea.withConfig({displayName:"Textarea__TextareaMimic",componentId:"ui__sc-a4hfy5-2"})(["box-sizing:border-box;display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;appearance:none;resize:none;overflow:hidden;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;"]);const ResizeGlobals=createGlobalStyle(["",""],(o=>`\n    body * {\n      cursor: ${o.cursor} !important;\n      user-select: none !important;\n    }\n  `));const ResizeIcon=styled(Icon).withConfig({shouldForwardProp:o=>o!=='cursor'}).withConfig({displayName:"Textarea__ResizeIcon",componentId:"ui__sc-a4hfy5-3"})(["",""],(o=>`\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${o.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${o.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `));export{ResizeGlobals,ResizeIcon,Root,Textarea,TextareaMimic};
+import styled,{createGlobalStyle}from'styled-components';import{baseInputStyle}from'../Input/style.mjs';import{Icon}from'../Icon/Icon.mjs';const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Textarea=styled.textarea.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Textarea",componentId:"ui__sc-a4hfy5-1"})(["box-sizing:border-box;display:block;appearance:none;resize:none;overflow:auto;border:none;padding:0;margin:0;background-color:transparent;font:inherit;width:100%;cursor:pointer;&:disabled{cursor:not-allowed;}&:focus{outline:none;}&:focus:read-write{cursor:text;}",""],(o=>{return`\n  color: ${(e={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &:disabled {\n    color: ${e.colorDisabled};\n  }\n  &::placeholder {\n    color: ${e.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${e.placeholderColorDisabled};\n  }\n`;var e}));const TextareaMimic=styled.textarea.withConfig({displayName:"Textarea__TextareaMimic",componentId:"ui__sc-a4hfy5-2"})(["box-sizing:border-box;display:block;visibility:hidden;position:absolute;top:0;left:0;width:100%;appearance:none;resize:none;overflow:hidden;border:none;padding:0;margin:0;font:inherit;"]);const ResizeGlobals=createGlobalStyle(["",""],(o=>`\n    body * {\n      cursor: ${o.cursor} !important;\n      user-select: none !important;\n    }\n  `));const ResizeIcon=styled(Icon).withConfig({shouldForwardProp:o=>o!=='cursor'}).withConfig({displayName:"Textarea__ResizeIcon",componentId:"ui__sc-a4hfy5-3"})(["",""],(o=>`\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${o.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${o.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `));export{ResizeGlobals,ResizeIcon,Root,Textarea,TextareaMimic};
 //# sourceMappingURL=style.mjs.map

package/components/Textarea/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { Icon } from 'components/Icon'\nimport { baseInputStyle } from 'components/Input/style'\nimport type { TextareaProps, StyledTextareaProps, TextareaPalette, StyledResizeControlProps } from './types'\n\nconst template = (\n  palette: Pick<TextareaPalette, 'color' | 'colorDisabled' | 'placeholderColor' | 'placeholderColorDisabled'>\n) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Root = styled.textarea.withConfig<TextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n\n  ${baseInputStyle}\n`\n\nexport const Textarea = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  appearance: none;\n  resize: none;\n  overflow: auto;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  width: 100%;\n  cursor: pointer;\n  &[aria-labelledby] {\n    margin-top: 0.2em;\n  }\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus:read-write {\n    cursor: text;\n  }\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const TextareaMimic = styled.textarea`\n  box-sizing: border-box;\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  appearance: none;\n  resize: none;\n  overflow: hidden;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n`\n\nexport const ResizeGlobals = createGlobalStyle<StyledResizeControlProps>`\n  ${(props) => `\n    body * {\n      cursor: ${props.cursor} !important;\n      user-select: none !important;\n    }\n  `}\n`\n\nexport const ResizeIcon = styled(Icon).withConfig<StyledResizeControlProps>({\n  shouldForwardProp: (propKey) => propKey !== 'cursor',\n})`\n  ${(props) => `\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${props.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${props.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `}\n`\n"],"names":["Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","baseInputStyle","Textarea","propKey","props","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","TextareaMimic","ResizeGlobals","createGlobalStyle","cursor","ResizeIcon","Icon"],"mappings":"2IAoBO,MAAMA,KAAOC,OAAOC,SAASC,WAA0B,CAC5DC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAHkBP,CAGlB,CAAA,uDAAA,IAKEQ,gBAGG,MAAMC,SAAWT,OAAOC,SAASC,WAAgC,CACtEC,kBAAoBO,IAAa,CAAC,WAAWL,SAASK,KACtDR,WAAA,CAAAI,YAAA,WAAAC,YAAA,mBAFsBP,CA6BnBW,CAAAA,2VAAAA,KAAAA,IACDC,MAtDC,eADHC,EAuDW,CACPC,MAAOH,EAAME,QAAQC,OAASH,EAAMI,MAAMC,OAAO,0BACjDC,iBAAkBN,EAAME,QAAQI,kBAAoBN,EAAMI,MAAMC,OAAO,4BACvEE,cAAeP,EAAME,QAAQK,eAAiBP,EAAMI,MAAMC,OAAO,oBACjEG,yBAA0BR,EAAME,QAAQM,0BAA4BR,EAAMI,MAAMC,OAAO,sBAzD1EF,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCAVnBN,KA4DI,UAGOO,cAAgBpB,OAAOC,SAAQC,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAfP,CAiB5B,CAAA,gPAEYqB,cAAgBC,kBAAiB,CAAA,GAAA,KACzCX,GAAU,iCAECA,EAAMY,uEAMf,MAAMC,WAAaxB,OAAOyB,MAAMvB,WAAqC,CAC1EC,kBAAoBO,GAAYA,IAAY,WAC5CR,WAAA,CAAAI,YAAA,uBAAAC,YAAA,mBAFwBP,CAExB,CAAA,GAAA,KACGW,GAAU,0HAMDA,EAAMY,sEAGLZ,EAAMI,MAAMC,OAAO"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { createGlobalStyle } from 'styled-components'\nimport { Icon } from 'components/Icon'\nimport { baseInputStyle } from 'components/Input/style'\nimport type { TextareaProps, StyledTextareaProps, TextareaPalette, StyledResizeControlProps } from './types'\n\nconst template = (\n  palette: Pick<TextareaPalette, 'color' | 'colorDisabled' | 'placeholderColor' | 'placeholderColorDisabled'>\n) => `\n  color: ${palette.color};\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Root = styled.textarea.withConfig<TextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n\n  ${baseInputStyle}\n`\n\nexport const Textarea = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  display: block;\n  appearance: none;\n  resize: none;\n  overflow: auto;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  font: inherit;\n  width: 100%;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus {\n    outline: none;\n  }\n  &:focus:read-write {\n    cursor: text;\n  }\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const TextareaMimic = styled.textarea`\n  box-sizing: border-box;\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  appearance: none;\n  resize: none;\n  overflow: hidden;\n  border: none;\n  padding: 0;\n  margin: 0;\n  font: inherit;\n`\n\nexport const ResizeGlobals = createGlobalStyle<StyledResizeControlProps>`\n  ${(props) => `\n    body * {\n      cursor: ${props.cursor} !important;\n      user-select: none !important;\n    }\n  `}\n`\n\nexport const ResizeIcon = styled(Icon).withConfig<StyledResizeControlProps>({\n  shouldForwardProp: (propKey) => propKey !== 'cursor',\n})`\n  ${(props) => `\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n    padding: 4px;\n    touch-action: none; \n    cursor: ${props.cursor};\n    &:focus-visible {\n      outline: none;\n      color: ${props.theme.colors['border-focus']};\n    }\n    &:focus-visible > svg {\n      transform: scale(1.2);\n    }\n  `}\n`\n"],"names":["Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","baseInputStyle","Textarea","propKey","props","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","TextareaMimic","ResizeGlobals","createGlobalStyle","cursor","ResizeIcon","Icon"],"mappings":"2IAoBO,MAAMA,KAAOC,OAAOC,SAASC,WAA0B,CAC5DC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAC/FH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAHkBP,CAGlB,CAAA,uDAAA,IAKEQ,gBAGG,MAAMC,SAAWT,OAAOC,SAASC,WAAgC,CACtEC,kBAAoBO,IAAa,CAAC,WAAWL,SAASK,KACtDR,WAAA,CAAAI,YAAA,WAAAC,YAAA,mBAFsBP,CAwBnBW,CAAAA,yQAAAA,KAAAA,IACDC,MAjDC,eADHC,EAkDW,CACPC,MAAOH,EAAME,QAAQC,OAASH,EAAMI,MAAMC,OAAO,0BACjDC,iBAAkBN,EAAME,QAAQI,kBAAoBN,EAAMI,MAAMC,OAAO,4BACvEE,cAAeP,EAAME,QAAQK,eAAiBP,EAAMI,MAAMC,OAAO,oBACjEG,yBAA0BR,EAAME,QAAQM,0BAA4BR,EAAMI,MAAMC,OAAO,sBApD1EF,sCAEND,EAAQK,uDAGRL,EAAQI,mEAGRJ,EAAQM,mCAVnBN,KAuDI,UAGOO,cAAgBpB,OAAOC,SAAQC,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAfP,CAe5B,CAAA,mMAEYqB,cAAgBC,kBAAiB,CAAA,GAAA,KACzCX,GAAU,iCAECA,EAAMY,uEAMf,MAAMC,WAAaxB,OAAOyB,MAAMvB,WAAqC,CAC1EC,kBAAoBO,GAAYA,IAAY,WAC5CR,WAAA,CAAAI,YAAA,uBAAAC,YAAA,mBAFwBP,CAExB,CAAA,GAAA,KACGW,GAAU,0HAMDA,EAAMY,sEAGLZ,EAAMI,MAAMC,OAAO"}