@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.72 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)}
._19it3vzd{border:var(--ds-border-width,1px) solid var(--radio-border-color)}
._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}._11511fmg{--radio-border-color:var(--ds-border-input,#7a869a)}
._11jyzyvw:checked{--radio-border-color:var(--ds-background-selected-bold,#0052cc)}
._12ji1r31{outline-color:currentColor}
._12y31o36{outline-width:medium}
._13diglyw{-moz-appearance:none}
._18postnw:after{position:absolute}
._19ybk8x7:checked[data-invalid], ._1d7pk8x7[data-invalid]{--radio-border-color:var(--ds-icon-danger,#ff5630)}
._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)}
._1q6qmag2{--radio-background-color:var(--ds-background-input,#fafbfc)}
._1qdg120g:after{height:.6pc}
._1qdg1cbz:after{height:6.85714px}
._1qu2glyw{outline-style:none}
._1s6w1qbb{--radio-dot-color:var(--ds-icon-inverse,#fafbfc)}
._4cvr1h6o{align-items:center}
._4cvr1y6m{align-items:flex-start}
._4rya1y1w:disabled, ._o1bd1y1w:disabled:active, ._2kbk1y1w:disabled:checked, ._6cyr1y1w:disabled:checked:active, ._n8t01y1w:disabled:checked:focus, ._1o5r1y1w:disabled:checked:hover, ._nxi61y1w:disabled:focus, ._neoe1y1w:disabled:hover, ._1el21y1w:disabled[data-invalid]{--radio-background-color:var(--ds-background-disabled,#f4f5f7)}
._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}
._iosizyvw:checked{--radio-background-color:var(--ds-background-selected-bold,#0052cc)}
._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}
._lekrzcs9:disabled, ._11v7zcs9:disabled:active, ._1if1zcs9:disabled:checked, ._bl0ezcs9:disabled:checked:active, ._92nazcs9:disabled:checked:focus, ._awurzcs9:disabled:checked:hover, ._1f8czcs9:disabled:focus, ._s2ftzcs9:disabled:hover, ._17a1zcs9:disabled[data-invalid]{--radio-border-color:var(--ds-border-disabled,#f4f5f7)}
._mqf81tvo[data-disabled]{color:var(--ds-text-disabled,#97a0af)}
._s7n4jp4b{vertical-align:top}
._syazj3m3{color:var(--ds-text,#091e42)}
._t9ec1s1q{transform:scale(.58333)}
._t9ec1soj{transform:scale(.625)}
._tqbwidpf{--radio-dot-opacity:0}
._vchhusvi{box-sizing:border-box}
._wstuglyw{-webkit-appearance:none}
._x48a15t7:disabled, ._1ib215t7:disabled:active, ._wml015t7:disabled:checked, ._tusm15t7:disabled:checked:active, ._1c6f15t7:disabled:checked:focus, ._qftt15t7:disabled:checked:hover, ._1yk915t7:disabled:focus, ._gdmb15t7:disabled:hover, ._pmm415t7:disabled[data-invalid]{--radio-dot-color:var(--ds-icon-disabled,#a5adba)}
._y4ti1b66{padding-inline-end:var(--ds-space-050,4px)}
._z0ai120g:after{width:.6pc}
._z0ai1cbz:after{width:6.85714px}
._6tjkehbj:checked:focus{outline:var(--ds-border-width-outline,3px) solid var(--ds-border-focused,#2684ff)}
._y2mvehbj:focus{outline:var(--ds-border-width-outline,3px) solid var(--ds-border-focused,#2684ff)}
._1bg4jfq9:focus{outline-offset:var(--ds-border-width-indicator,3px)}
._awqnjfq9:checked:focus{outline-offset:var(--ds-border-width-indicator,3px)}
._1iwzhh5a:checked:hover{--radio-border-color:var(--ds-background-selected-bold-hovered,#0065ff)}
._1p9j1fmg:hover{--radio-border-color:var(--ds-border-input,#7a869a)}
._1rvq10ko:hover{--radio-background-color:var(--ds-background-input-hovered,#ebecf0)}
._x2tzhh5a:checked:hover{--radio-background-color:var(--ds-background-selected-bold-hovered,#0065ff)}
._1dvd1fmg:checked:active{--radio-border-color:var(--ds-border-input,#7a869a)}
._60ak1dzn:checked:active{--radio-dot-color:var(--ds-icon-inverse,#0052cc)}
._jckox2ru:checked:active{--radio-background-color:var(--ds-background-selected-bold-pressed,#deebff)}
._sj8y1wq0:active{--radio-background-color:var(--ds-background-input-pressed,#ebecf0)}