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.

64 lines (63 loc) 4.16 kB
._11c82smr{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)} ._14mj1q5u:after{border-radius:var(--ds-border-radius-circle,50%)} ._16r2ucr4:after{background:var(--radio-dot-color)} ._18s8ze3t{margin:var(--ds-space-0,0)} ._19itbyy8{border:var(--_1q9y51y)} ._2rko1q5u{border-radius:var(--ds-border-radius-circle,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}._1151ddza{--radio-border-color:var(--_vnm8xo)} ._11jy1j4g:checked{--radio-border-color:var(--_1gcp7nr)} ._12ji1r31{outline-color:currentColor} ._12y31o36{outline-width:medium} ._13diglyw{-moz-appearance:none} ._18postnw:after{position:absolute} ._19ybua6f:checked[data-invalid], ._1d7pua6f[data-invalid]{--radio-border-color:var(--_m4cp67)} ._1bah1h6o{justify-content:center} ._1bsb1tcg{width:24px} ._1e0c1txw{display:flex} ._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)} ._1qdg120g:after{height:.6pc} ._1qdg1cbz:after{height:6.85714px} ._1qu2glyw{outline-style:none} ._1s6weh7q{--radio-dot-color:var(--_jf353p)} ._4cvr1h6o{align-items:center} ._4cvr1y6m{align-items:flex-start} ._4rya1ouc:disabled, ._o1bd1ouc:disabled:active, ._2kbk1ouc:disabled:checked, ._6cyr1ouc:disabled:checked:active, ._n8t01ouc:disabled:checked:focus, ._1o5r1ouc:disabled:checked:hover, ._nxi61ouc:disabled:focus, ._neoe1ouc:disabled:hover, ._1el21ouc:disabled[data-invalid]{--radio-background-color:var(--_r5pknd)} ._4t3i1tcg{height:24px} ._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, ._scgf13gf:disabled:active, ._4fps13gf:disabled:checked, ._5ry313gf:disabled:checked:active, ._qep213gf:disabled:checked:focus, ._180n13gf:disabled:checked:hover, ._1gcs13gf:disabled:focus, ._1x1a13gf:disabled:hover, ._6hp813gf:disabled[data-invalid]{cursor:not-allowed} ._kqswh2mm{position:relative} ._lekr1pl2:disabled, ._11v71pl2:disabled:active, ._1if11pl2:disabled:checked, ._bl0e1pl2:disabled:checked:active, ._92na1pl2:disabled:checked:focus, ._awur1pl2:disabled:checked:hover, ._1f8c1pl2:disabled:focus, ._s2ft1pl2:disabled:hover, ._17a11pl2:disabled[data-invalid]{--radio-border-color:var(--_1ufdgqf)} ._mqf87wap[data-disabled]{color:var(--_1ynhf1h)} ._s7n4jp4b{vertical-align:top} ._syazovqm{color:var(--_5xk3r4)} ._t9ec1s1q{transform:scale(.58333)} ._t9ec1soj{transform:scale(.625)} ._tqbwidpf{--radio-dot-opacity:0} ._vchhusvi{box-sizing:border-box} ._wstuglyw{-webkit-appearance:none} ._x48asnw8:disabled, ._1ib2snw8:disabled:active, ._wml0snw8:disabled:checked, ._tusmsnw8:disabled:checked:active, ._1c6fsnw8:disabled:checked:focus, ._qfttsnw8:disabled:checked:hover, ._1yk9snw8:disabled:focus, ._gdmbsnw8:disabled:hover, ._pmm4snw8:disabled[data-invalid]{--radio-dot-color:var(--_1xmcmw9)} ._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)} ._z0ai120g:after{width:.6pc} ._z0ai1cbz:after{width:6.85714px} ._6tjk1ri4:checked:focus{outline:var(--_1rdyq0k)} ._y2mv1ri4:focus{outline:var(--_1rdyq0k)} ._1bg4jfq9:focus{outline-offset:var(--ds-border-width-indicator,3px)} ._awqnjfq9:checked:focus{outline-offset:var(--ds-border-width-indicator,3px)} ._1iwz1ehr:checked:hover{--radio-border-color:var(--_14y1fod)} ._1p9jddza:hover{--radio-border-color:var(--_vnm8xo)} ._1rvq12ci:hover{--radio-background-color:var(--_1z08gfx)} ._x2tz1ehr:checked:hover{--radio-background-color:var(--_14y1fod)} ._1dvdddza:checked:active{--radio-border-color:var(--_vnm8xo)} ._60akxz7c:checked:active{--radio-dot-color:var(--_uq1ko9)} ._jckowjs8:checked:active{--radio-background-color:var(--_9b0jbo)} ._sj8ye8ep:active{--radio-background-color:var(--_174hl94)}