@guruhotel/aura-ui/esm/textarea/textarea.js

⚛️ React UI library by GuruHotel

import{styled as o}from"../theme";import{rounded as e,fontSize as r,fontWeight as l}from"../common-variants";const n=o("textarea",{appearance:"none",borderWidth:"0",margin:"0",outline:"none",paddingY:"$3",paddingInlineStart:"$4",paddingInlineEnd:"$4",width:"100%",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"white",boxShadow:"0 0 0 1px $colors$gray7",color:"$gray12",fontVariantNumeric:"tabular-nums",position:"relative",minHeight:80,cursor:"text",transition:".2s ease",_hover:{boxShadow:"0 0 0 1px $colors$gray8"},variants:{rounded:e,fontSize:r,fontWeight:l,colorScheme:{text:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$text9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$text2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$text7"}}},guru:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$guru9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$guru2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$guru7"}}},fellow:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$fellow9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$fellow2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$fellow7"}}},darkie:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$darkie9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$darkie2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$darkie7"}}},red:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$red9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$red2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$red7"}}},nature:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$nature9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$nature2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$nature7"}}},sunshine:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$sunshine9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$sunshine2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$sunshine7"}}},violet:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$violet9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$violet2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$violet7"}}},gray:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$gray9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$gray2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$gray7"}}},primary:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$primary9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$primary2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$primary7"}}},secondary:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$secondary9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$secondary2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$secondary7"}}},utilitary:{_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$utilitary9",zIndex:"1"},"&::placeholder":{color:"$placeholder"},"&:disabled":{pointerEvents:"none",opacity:.6,cursor:"not-allowed",resize:"none","&::placeholder":{color:"$placeholder"}},"&:read-only":{backgroundColor:"$utilitary2",_focusWithin:{boxShadow:"0px 0px 0px 2px $colors$utilitary7"}}}},resize:{vertical:{resize:"vertical"},horizontal:{resize:"horizontal"},both:{resize:"both"}}},defaultVariants:{rounded:"lg",resize:"vertical",fontSize:"sm",colorScheme:"guru"}});export default n;