@atlaskit/textfield
Version:
A text field is an input that allows a user to write or edit text.
77 lines • 5.36 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)}
._19itidpf{border:0}
._1tnq1qi0._1tnq1qi0{border-radius:var(--ds-radius-medium,6px)}
._v564r5cv{transition:background-color .2s ease-in-out,border-color .2s ease-in-out}
._189ee4h9{border-width:var(--ds-border-width,1px)}
._1dqoglyw{border-style:none}
._1dqonqa1{border-style:solid}
._1h6d187o{border-color:var(--ds-background-disabled,#0515240f)}
._1h6d1bqt{border-color:var(--ds-border-danger,#e2483d)}
._1h6d1j28{border-color:transparent}
._1h6drsbi{border-color:var(--ds-border-input,#8c8f97)}
._1p9x1j28._1p9x1j28:has(input:focus){border-color:transparent}
._1p9x1v1w._1p9x1v1w:has(input:focus){border-color:var(--ds-border-focused,#4688ec)}
._11zpv77o[data-compact]{padding-block-end:var(--ds-space-025,2px)}
._12ji1r31{outline-color:currentColor}
._12y31o36{outline-width:medium}
._13xeglyw:invalid{box-shadow:none}
._141f12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}
._14ji12x7:not([data-compact]){padding-block-end:var(--ds-space-075,6px)}
._16hg1j28._16hg1j28{background-color:transparent}
._16jlkb7n{flex-grow:1}
._16qsizbr{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
._18m915vq{overflow-y:hidden}
._1bah1yb4{justify-content:space-between}
._1bsb1osq{width:100%}
._1e0c1txw{display:flex}
._1goxglyw::-ms-clear{display:none}
._1idr1gmx::-ms-input-placeholder{color:var(--ds-text-disabled,#080f214a)}
._1idr1gmx::placeholder{color:var(--ds-text-disabled,#080f214a)}
._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)}
._1l02v77o[data-compact]{padding-block-start:var(--ds-space-025,2px)}
._1n7e1l2s:placeholder-shown{text-overflow:ellipsis}
._1o9zkb7n{flex-shrink:1}
._1q51e4h9{padding-block-start:var(--ds-border-width,1px)}
._1qu2glyw{outline-style:none}
._1reo15vq{overflow-x:hidden}
._1ul9idpf{min-width:0}
._4cvr1h6o{align-items:center}
._7ba012x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}
._80om13gf{cursor:not-allowed}
._80om1kdv{cursor:text}
._80om1kw7{cursor:inherit}
._85i5e4h9{padding-block-end:var(--ds-border-width,1px)}
._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
._bfhk1j28{background-color:transparent}
._bfhk1j9a{background-color:var(--ds-background-input,#fff)}
._bozgidpf{padding-inline-start:0}
._daj712x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}
._ect4zzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}
._i0dl1osq{flex-basis:100%}
._lcxv1wug{pointer-events:auto}
._olc612x7:not([data-compact]){padding-block-start:var(--ds-space-075,6px)}
._q4333sij._q4333sij:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) transparent}
._q433vyy1._q433vyy1:has(input:focus){box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-focused,#4688ec)}
._qao91j28._qao91j28:has(input:focus){background-color:transparent}
._qao9r01l._qao9r01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
._s7n4jp4b{vertical-align:top}
._slp31hna{word-wrap:break-word}
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
._syaz1kw7{color:inherit}
._syazi7uo{color:var(--ds-text,#292a2e)}
._uk1sr01l:has(input:focus){background-color:var(--ds-background-input-pressed,#fff)}
._vchhusvi{box-sizing:border-box}
._y4tiidpf{padding-inline-end:0}
._4cvx1bqt:hover{border-color:var(--ds-border-danger,#e2483d)}
._4cvx1j28:hover{border-color:transparent}
._4cvxrsbi:hover{border-color:var(--ds-border-input,#8c8f97)}
._1dbzizbr:hover{box-shadow:inset 0 0 0 var(--ds-border-width,1px) var(--ds-border-danger,#e2483d)}
._irr31j28:hover{background-color:transparent}
._irr3l4ek:hover{background-color:var(--ds-background-input-hovered,#f8f8f8)}
@media screen and (-ms-high-contrast:active){._1fnx18qt{color:GrayText}._6up518qt{border-color:GrayText}._msj6gir2:has(input:focus){border-color:Highlight}}
@media (min-width:30rem){._14mdzzfg{font-family:var(--ds-font-family-code,"Atlassian Mono",ui-monospace,Menlo,"Segoe UI Mono","Ubuntu Mono",monospace)}._1srd1b66[data-compact]{padding-block-end:var(--ds-space-050,4px)}._oi9h1b66[data-compact]{padding-block-start:var(--ds-space-050,4px)}._1e3012x7[data-compact]{padding-inline-end:var(--ds-space-075,6px)}._1txv12x7[data-compact]{padding-inline-start:var(--ds-space-075,6px)}._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)}._l9oiu2gc:not([data-compact]){padding-block-end:var(--ds-space-100,8px)}._549yu2gc:not([data-compact]){padding-block-start:var(--ds-space-100,8px)}._1h5w12x7:not([data-compact]){padding-inline-end:var(--ds-space-075,6px)}._124212x7:not([data-compact]){padding-inline-start:var(--ds-space-075,6px)}}