@atlaskit/textarea
Version:
A text area lets users enter long form text which spans over multiple lines.
89 lines • 5.82 kB
CSS
._11c81d4k{font:var(--ds-font-body-large,normal 400 1pc/24px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._11c8fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
._2rko1qi0{border-radius:var(--ds-radius-medium,6px)}
._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
._153g1bqt[data-invalid]:not(:focus){border-color:var(--ds-border-danger,#e2483d)}
._189ee4h9{border-width:var(--ds-border-width,1px)}
._19wt1j28:hover:not(:read-only):not(:focus){border-color:transparent}
._19wtrsbi:hover:not(:read-only):not(:focus){border-color:var(--ds-border-input,#8c8f97)}
._1bqsbk0g:disabled:not(:focus){border-color:var(--ds-border-disabled,#0515240f)}
._1dqoglyw{border-style:none}
._1dqonqa1{border-style:solid}
._1fra1bqt:hover:not(:read-only):not(:focus)[data-invalid]{border-color:var(--ds-border-danger,#e2483d)}
._kp821j28:not(:focus){border-color:transparent}
._kp82rsbi:not(:focus){border-color:var(--ds-border-input,#8c8f97)}
._11zpv77o[data-compact]{padding-block-end:var(--ds-space-025,2px)}
._12ji1r31{outline-color:currentColor}
._12y31o36{outline-width:medium}
._12ym1j28:hover:not(:read-only):not(:focus){background-color:transparent}
._12yml4ek:hover:not(:read-only):not(:focus){background-color:var(--ds-background-input-hovered,#f8f8f8)}
._13xeglyw:invalid{box-shadow:none}
._141f12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}
._141f1v6z[data-compact]{padding-inline-start:7px}
._14ji12x7:not([data-compact]){padding-block-end:var(--ds-space-075,6px)}
._14zg1e08{resize:horizontal}
._14zg1e54{resize:vertical}
._14zg1hrf{resize:both}
._14zgglyw{resize:none}
._16jlkb7n{flex-grow:1}
._16lwuel1:not([data-compact]){min-height:var(--_eorxnz)}
._18m91wug{overflow-y:auto}
._18u0idpf{margin-left:0}
._19k0187o:hover:not(:read-only):not(:focus):disabled{background-color:var(--ds-background-disabled,#0515240f)}
._19pkidpf{margin-top:0}
._1a2sizbr[data-invalid]:not(:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
._1bsb1osq{width:100%}
._1e0c1ule{display:block}
._1goxglyw::-ms-clear{display:none}
._1idr1rpy::-ms-input-placeholder{color:var(--ds-text-subtlest,#6b6e76)}
._1idr1rpy::placeholder{color:var(--ds-text-subtlest,#6b6e76)}
._1idrazsu::-ms-input-placeholder{color:var(--ds-text-subtle,#505258)}
._1idrazsu::placeholder{color:var(--ds-text-subtle,#505258)}
._1kod12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}
._1kod1v6z:not([data-compact]){padding-inline-end:7px}
._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
._1lep1gmx:disabled::-ms-input-placeholder{color:var(--ds-text-disabled,#080f214a)}
._1lep1gmx:disabled::placeholder{color:var(--ds-text-disabled,#080f214a)}
._1ltx1j28:not(:focus){background-color:transparent}
._1ltx1j9a:not(:focus){background-color:var(--ds-background-input,#fff)}
._1n388sxn:not([data-compact]){line-height:1.4285714285714286}
._1o9zkb7n{flex-shrink:1}
._1qu2glyw{outline-style:none}
._1reo1wug{overflow-x:auto}
._1ul9idpf{min-width:0}
._2hwxidpf{margin-right:0}
._6zpvizbr:hover:not(:read-only):not(:focus)[data-invalid]{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
._7ba012x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}
._7ba01v6z:not([data-compact]){padding-inline-start:7px}
._cfjqkb7n:disabled{-webkit-opacity:1}
._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
._daj71v6z[data-compact]{padding-inline-end:7px}
._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
._i0dl1osq{flex-basis:100%}
._ibjdl4ek:hover:not(:read-only):not(:focus)[data-invalid]{background-color:var(--ds-background-input-hovered,#f8f8f8)}
._j5dh13gf:disabled{cursor:not-allowed}
._k3o7n7od:disabled{-webkit-text-fill-color:unset}
._kqswh2mm{position:relative}
._nmhq1fiz[data-compact]{line-height:1.1428571428571428}
._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
._otyridpf{margin-bottom:0}
._p12f1osq{max-width:100%}
._slp31hna{word-wrap:break-word}
._syazi7uo{color:var(--ds-text,#292a2e)}
._usy41j9a[data-invalid]:not(:focus){background-color:var(--ds-background-input,#fff)}
._uzq71i7i[data-compact]{min-height:var(--_6ny3x7)}
._vbqb1gmx:disabled{color:var(--ds-text-disabled,#080f214a)}
._vchhusvi{box-sizing:border-box}
._z1pv187o:disabled:not(:focus){background-color:var(--ds-background-disabled,#0515240f)}
._186j1v1w:disabled:focus{border-color:var(--ds-border-focused,#4688ec)}
._1luh1v1w[data-invalid]:focus{border-color:var(--ds-border-focused,#4688ec)}
._858u1j28:focus{border-color:transparent}
._858u1v1w:focus{border-color:var(--ds-border-focused,#4688ec)}
._1vj0vyy1[data-invalid]:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
._7ehi3sij:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
._7ehivyy1:focus{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
._jomr1j28:focus{background-color:transparent}
._jomrr01l:focus{background-color:var(--ds-background-input-pressed,#fff)}
._ndzbr01l[data-invalid]:focus{background-color:var(--ds-background-input-pressed,#fff)}
._qu18187o:disabled:focus{background-color:var(--ds-background-disabled,#0515240f)}
@media (min-width:30rem){._1tn2fhey{font:var(--ds-font-body,normal 400 14px/20px "Atlassian Sans",ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}._14md1vhz{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}}