@atlaskit/checkbox
Version:
A checkbox is an input control that allows a user to select one or more options from a number of choices.
37 lines • 2.83 kB
CSS
._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)}
._zulp1nu5{gap:var(--ds-space-0,0) var(--ds-space-050,4px)}
._1c53glyw{--checkbox-outline:none}
._1e0c11p5{display:grid}
._1e9d1j28{--checkbox-tick-color:transparent}
._1e9d2sac{--checkbox-tick-color:var(--ds-icon-disabled,#080f214a)}
._1e9d5w2r{--checkbox-tick-color:var(--ds-icon-inverse,#fff)}
._1ejihkll{grid-auto-columns:1fr}
._1qwn1j9a{--checkbox-background-color:var(--ds-background-input,#fff)}
._1qwnby5v{--checkbox-background-color:var(--ds-background-disabled,#17171708)}
._1qwnjmqp{--checkbox-background-color:var(--ds-background-selected-bold,#1868db)}
._80om13gf{cursor:not-allowed}
._80om73ad{cursor:default}
._f0gr1bqt{--checkbox-border-color:var(--ds-border-danger,#e2483d)}
._f0grby5v{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
._f0grjmqp{--checkbox-border-color:var(--ds-background-selected-bold,#1868db)}
._f0grrsbi{--checkbox-border-color:var(--ds-border-input,#8c8f97)}
._syaz1gmx{color:var(--ds-text-disabled,#080f214a)}
._syazi7uo{color:var(--ds-text,#292a2e)}
._umai184x{grid-auto-rows:min-content}
._yv0ey09t{grid-template-columns:min-content auto}
._ljcgdfik:focus-within{--checkbox-outline:var(--ds-border-width-focused,2px) solid var(--ds-border-focused,#4688ec)}
._1vj51q28:hover{--checkbox-background-color:var(--ds-background-selected-bold-hovered,#1558bc)}
._1vj5by5v:hover{--checkbox-background-color:var(--ds-background-disabled,#17171708)}
._1vj5l4ek:hover{--checkbox-background-color:var(--ds-background-input-hovered,#f8f8f8)}
._9js12sac:hover{--checkbox-tick-color:var(--ds-icon-disabled,#080f214a)}
._q29q1bqt:hover{--checkbox-border-color:var(--ds-border-danger,#e2483d)}
._q29q1q28:hover{--checkbox-border-color:var(--ds-background-selected-bold-hovered,#1558bc)}
._q29qby5v:hover{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
._cz1u1bqt:active{--checkbox-border-color:var(--ds-border-danger,#e2483d)}
._cz1u1l7x:active{--checkbox-border-color:var(--ds-border,#0b120e24)}
._cz1uby5v:active{--checkbox-border-color:var(--ds-background-disabled,#17171708)}
._dh4gby5v:active{--checkbox-background-color:var(--ds-background-disabled,#17171708)}
._dh4gr01l:active{--checkbox-background-color:var(--ds-background-input-pressed,#fff)}
._zoo92sac:active{--checkbox-tick-color:var(--ds-icon-disabled,#080f214a)}
._zoo95w2r:active{--checkbox-tick-color:var(--ds-icon-inverse,#fff)}
@media screen and (forced-colors:active){._1s07gir2{--checkbox-border-color:Highlight}._jom5wc43{--checkbox-background-color:Canvas}._1s0718qt{--checkbox-border-color:GrayText}._106f18qt{--checkbox-tick-color:GrayText}._1s071onz{--checkbox-border-color:CanvasText}._106f1onz{--checkbox-tick-color:CanvasText}}