@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
CSS
._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)}