frutjam/dist/components/textarea/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".textarea":{"font":"inherit","--radius-textarea":"calc(var(--border-radius) * 2)","--color-textarea":"var(--color-base-soft)","--color-on-textarea":"var(--color-on-base-soft)","--color-textarea-active":"var(--color-base-active)","--color-on-textarea-active":"var(--color-on-base)","--textarea--inline":"0.75rem","--textarea--block":"0.625rem","--textarea--font-size":"1rem","border-width":"1px","border-style":"solid","border-color":"var(--color-textarea-active)","background-color":"transparent","padding-inline":"var(--textarea--inline)","padding-block":"var(--textarea--block)","font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","display":"block","align-self":"flex-start","align-items":"flex-start","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border-radius":"var(--radius-textarea)","vertical-align":"middle","white-space":"pre-wrap","position":"relative","font-weight":500,"width":"100%","min-height":"var(--textarea--min-height, 5rem)","resize":"vertical","transition":"border-color 250ms","transition-timing-function":"ease-in-out","&::-moz-placeholder":{"font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&::placeholder":{"font-size":"var(--textarea--font-size)","color":"var(--color-on-base)","@supports (color: color-mix(in lab, red, red))":{"color":"color-mix(in oklab, var(--color-on-base) 30%, transparent)"},"font-weight":400},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(var(--color-base-950), var(--color-base-50))","outline-offset":"3px"},"&:focus, &:focus-within":{"border-color":"light-dark(var(--color-base-800), var(--color-base-300))","@supports (color: color-mix(in lab, red, red))":{"border-color":"light-dark(var(--color-base-800), color-mix(in oklab, var(--color-base-300) 80%, transparent))"}},"&:disabled":{"cursor":"not-allowed","opacity":0.6,"pointer-events":"none","background-color":"var(--color-base-soft)","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none"}},".textarea-dashed":{"border-style":"dashed"},".textarea-soft":{"background-color":"var(--color-textarea-soft)","border-color":"transparent","color":"var(--color-on-textarea-soft)"},".textarea-ghost":{"border-color":"transparent","background-color":"transparent","&:focus, &:focus-within":{"border-color":"var(--color-textarea-active)"}},".textarea-accent":{"--color-textarea":"var(--color-accent)","--color-on-textarea":"var(--color-on-accent)","--color-textarea-soft":"var(--color-accent-soft)","--color-on-textarea-soft":"var(--color-on-accent-soft)","--color-textarea-active":"var(--color-accent-active)","--color-on-textarea-active":"var(--color-on-accent)","&:focus, &:focus-within":{"border-color":"var(--color-accent-400)"}},".textarea-error":{"--color-textarea":"var(--color-error)","--color-on-textarea":"var(--color-on-error)","--color-textarea-soft":"var(--color-error-soft)","--color-on-textarea-soft":"var(--color-on-error-soft)","--color-textarea-active":"var(--color-error-active)","--color-on-textarea-active":"var(--color-on-error)","&:focus, &:focus-within":{"border-color":"var(--color-error-400)"}},".textarea-info":{"--color-textarea":"var(--color-info)","--color-on-textarea":"var(--color-on-info)","--color-textarea-soft":"var(--color-info-soft)","--color-on-textarea-soft":"var(--color-on-info-soft)","--color-textarea-active":"var(--color-info-active)","--color-on-textarea-active":"var(--color-on-info)","&:focus, &:focus-within":{"border-color":"var(--color-info-400)"}},".textarea-neutral":{"--color-textarea":"var(--color-neutral)","--color-on-textarea":"var(--color-on-neutral)","--color-textarea-soft":"var(--color-neutral-soft)","--color-on-textarea-soft":"var(--color-on-neutral-soft)","--color-textarea-active":"var(--color-neutral-active)","--color-on-textarea-active":"var(--color-on-neutral)","&:focus, &:focus-within":{"border-color":"var(--color-neutral-400)"}},".textarea-primary":{"--color-textarea":"var(--color-primary)","--color-on-textarea":"var(--color-on-primary)","--color-textarea-soft":"var(--color-primary-soft)","--color-on-textarea-soft":"var(--color-on-primary-soft)","--color-textarea-active":"var(--color-primary-active)","--color-on-textarea-active":"var(--color-on-primary)","&:focus, &:focus-within":{"border-color":"var(--color-primary-400)"}},".textarea-secondary":{"--color-textarea":"var(--color-secondary)","--color-on-textarea":"var(--color-on-secondary)","--color-textarea-soft":"var(--color-secondary-soft)","--color-on-textarea-soft":"var(--color-on-secondary-soft)","--color-textarea-active":"var(--color-secondary-active)","--color-on-textarea-active":"var(--color-on-secondary)","&:focus, &:focus-within":{"border-color":"var(--color-secondary-400)"}},".textarea-success":{"--color-textarea":"var(--color-success)","--color-on-textarea":"var(--color-on-success)","--color-textarea-soft":"var(--color-success-soft)","--color-on-textarea-soft":"var(--color-on-success-soft)","--color-textarea-active":"var(--color-success-active)","--color-on-textarea-active":"var(--color-on-success)","&:focus, &:focus-within":{"border-color":"var(--color-success-400)"}},".textarea-warning":{"--color-textarea":"var(--color-warning)","--color-on-textarea":"var(--color-on-warning)","--color-textarea-soft":"var(--color-warning-soft)","--color-on-textarea-soft":"var(--color-on-warning-soft)","--color-textarea-active":"var(--color-warning-active)","--color-on-textarea-active":"var(--color-on-warning)","&:focus, &:focus-within":{"border-color":"var(--color-warning-400)"}},".textarea-2xl":{"--textarea--inline":"1.25rem","--textarea--block":"1rem","--textarea--font-size":"1.025rem","--textarea--min-height":"10rem"},".textarea-lg":{"--textarea--inline":"0.9rem","--textarea--block":"0.75rem","--textarea--font-size":"1rem","--textarea--min-height":"6.5rem"},".textarea-md":{"--textarea--inline":"0.75rem","--textarea--block":"0.625rem","--textarea--font-size":"1rem","--textarea--min-height":"5rem"},".textarea-sm":{"--textarea--inline":"0.6rem","--textarea--block":"0.5rem","--textarea--font-size":"0.875rem","--textarea--min-height":"4rem"},".textarea-xl":{"--textarea--inline":"1rem","--textarea--block":"0.875rem","--textarea--font-size":"1rem","--textarea--min-height":"8rem"},".textarea-xs":{"--textarea--inline":"0.475rem","--textarea--block":"0.375rem","--textarea--font-size":"0.75rem","--textarea--min-height":"3rem"}};