UNPKG

@atlaskit/radio

Version:

A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.

102 lines (101 loc) 5.45 kB
._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)} ._14mj1qll:after{border-radius:var(--ds-radius-full,50%)} ._16r2ucr4:after{background:var(--radio-dot-color)} ._18s8ze3t{margin:var(--ds-space-0,0)} ._19it3vzd{border:var(--ds-border-width,1px) solid var(--radio-border-color)} ._2rko1qll{border-radius:var(--ds-radius-full,50%)} ._qc5orqeg:after{transition:background-color .2s ease-in-out,opacity .2s ease-in-out} ._v56415j1{transition:border-color .2s ease-in-out,background-color .2s ease-in-out}._11511pl2{--radio-border-color:var(--_1ufdgqf)} ._1151ddza{--radio-border-color:var(--_vnm8xo)} ._1151ua6f{--radio-border-color:var(--_m4cp67)} ._11jy1j4g:checked{--radio-border-color:var(--_1gcp7nr)} ._11jyua6f:checked{--radio-border-color:var(--_m4cp67)} ._12ji1r31{outline-color:currentColor} ._12y31o36{outline-width:medium} ._13diglyw{-moz-appearance:none} ._17a11pl2:disabled[data-invalid]{--radio-border-color:var(--_1ufdgqf)} ._18postnw:after{position:absolute} ._19ybua6f:checked[data-invalid]{--radio-border-color:var(--_m4cp67)} ._1bah1h6o{justify-content:center} ._1bsb1tcg{width:24px} ._1d7pua6f[data-invalid]{--radio-border-color:var(--_m4cp67)} ._1e0c1txw{display:flex} ._1el21ouc:disabled[data-invalid]{--radio-background-color:var(--_r5pknd)} ._1if11pl2:disabled:checked{--radio-border-color:var(--_1ufdgqf)} ._1o9zidpf{flex-shrink:0} ._1peq1xmd:after{opacity:var(--radio-dot-opacity)} ._1q51v77o{padding-block-start:var(--ds-space-025,2px)} ._1q6q1kd8{--radio-background-color:var(--_4mkb4g)} ._1q6q1ouc{--radio-background-color:var(--_r5pknd)} ._1qdg120g:after{height:.6pc} ._1qu2glyw{outline-style:none} ._1s6weh7q{--radio-dot-color:var(--_jf353p)} ._1s6wsnw8{--radio-dot-color:var(--_1xmcmw9)} ._2kbk1ouc:disabled:checked{--radio-background-color:var(--_r5pknd)} ._4cvr1h6o{align-items:center} ._4cvr1y6m{align-items:flex-start} ._4fps13gf:disabled:checked{cursor:not-allowed} ._4rya1ouc:disabled{--radio-background-color:var(--_r5pknd)} ._4t3i1tcg{height:24px} ._6hp813gf:disabled[data-invalid]{cursor:not-allowed} ._80om13gf{cursor:not-allowed} ._85i5v77o{padding-block-end:var(--ds-space-025,2px)} ._aetrb3bt:after{content:""} ._bfhk4t47{background-color:var(--radio-background-color)} ._bozg1b66{padding-inline-start:var(--ds-space-050,4px)} ._f3ett94y:checked{--radio-dot-opacity:1px} ._g7st13gf[data-disabled]{cursor:not-allowed} ._iosi1j4g:checked{--radio-background-color:var(--_1gcp7nr)} ._j5dh13gf:disabled{cursor:not-allowed} ._kqswh2mm{position:relative} ._lekr1pl2:disabled{--radio-border-color:var(--_1ufdgqf)} ._mqf87wap[data-disabled]{color:var(--_1ynhf1h)} ._pmm4snw8:disabled[data-invalid]{--radio-dot-color:var(--_1xmcmw9)} ._s7n4jp4b{vertical-align:top} ._syaz7wap{color:var(--_1ynhf1h)} ._syazovqm{color:var(--_5xk3r4)} ._t9ec1soj{transform:scale(.625)} ._tqbwidpf{--radio-dot-opacity:0} ._tqbwt94y{--radio-dot-opacity:1px} ._vchhusvi{box-sizing:border-box} ._wml0snw8:disabled:checked{--radio-dot-color:var(--_1xmcmw9)} ._wstuglyw{-webkit-appearance:none} ._x48asnw8:disabled{--radio-dot-color:var(--_1xmcmw9)} ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)} ._z0ai120g:after{width:.6pc} ._6tjk15pg:checked:focus{outline:var(--_2yg3i9)} ._y2mv15pg:focus{outline:var(--_2yg3i9)} ._1bg41l7b:focus{outline-offset:3px} ._1c6fsnw8:disabled:checked:focus{--radio-dot-color:var(--_1xmcmw9)} ._1f8c1pl2:disabled:focus{--radio-border-color:var(--_1ufdgqf)} ._1gcs13gf:disabled:focus{cursor:not-allowed} ._1yk9snw8:disabled:focus{--radio-dot-color:var(--_1xmcmw9)} ._92na1pl2:disabled:checked:focus{--radio-border-color:var(--_1ufdgqf)} ._awqn1l7b:checked:focus{outline-offset:3px} ._n8t01ouc:disabled:checked:focus{--radio-background-color:var(--_r5pknd)} ._nxi61ouc:disabled:focus{--radio-background-color:var(--_r5pknd)} ._qep213gf:disabled:checked:focus{cursor:not-allowed} ._180n13gf:disabled:checked:hover{cursor:not-allowed} ._1iwz1ehr:checked:hover{--radio-border-color:var(--_14y1fod)} ._1o5r1ouc:disabled:checked:hover{--radio-background-color:var(--_r5pknd)} ._1p9jddza:hover{--radio-border-color:var(--_vnm8xo)} ._1rvq12ci:hover{--radio-background-color:var(--_1z08gfx)} ._1x1a13gf:disabled:hover{cursor:not-allowed} ._awur1pl2:disabled:checked:hover{--radio-border-color:var(--_1ufdgqf)} ._gdmbsnw8:disabled:hover{--radio-dot-color:var(--_1xmcmw9)} ._neoe1ouc:disabled:hover{--radio-background-color:var(--_r5pknd)} ._qfttsnw8:disabled:checked:hover{--radio-dot-color:var(--_1xmcmw9)} ._s2ft1pl2:disabled:hover{--radio-border-color:var(--_1ufdgqf)} ._x2tz1ehr:checked:hover{--radio-background-color:var(--_14y1fod)} ._11v71pl2:disabled:active{--radio-border-color:var(--_1ufdgqf)} ._1dvdddza:checked:active{--radio-border-color:var(--_vnm8xo)} ._1ib2snw8:disabled:active{--radio-dot-color:var(--_1xmcmw9)} ._5ry313gf:disabled:checked:active{cursor:not-allowed} ._60akxz7c:checked:active{--radio-dot-color:var(--_uq1ko9)} ._6cyr1ouc:disabled:checked:active{--radio-background-color:var(--_r5pknd)} ._bl0e1pl2:disabled:checked:active{--radio-border-color:var(--_1ufdgqf)} ._jckowjs8:checked:active{--radio-background-color:var(--_9b0jbo)} ._o1bd1ouc:disabled:active{--radio-background-color:var(--_r5pknd)} ._scgf13gf:disabled:active{cursor:not-allowed} ._sj8ye8ep:active{--radio-background-color:var(--_174hl94)} ._tusmsnw8:disabled:checked:active{--radio-dot-color:var(--_1xmcmw9)}