@atlaskit/toggle
Version:
A toggle is used to view or switch between enabled or disabled states.
67 lines • 3.81 kB
CSS
._19itglyw{border:none}
._2rko1rr0{border-radius:var(--ds-radius-full,9999px)}
._pdyk19ec:before{transition:var(--ds-input-toggle,background-color .15s cubic-bezier(.4,1,.6,1),color .15s cubic-bezier(.4,1,.6,1),transform .15s cubic-bezier(.4,1,.6,1),opacity .15s cubic-bezier(.4,1,.6,1))}
._pdykc7pe:before{transition:transform var(--ds-duration-medium,.2s) var(--ds-easing-out-practical,ease)}
._pdykglyw:before{transition:none}
._rfx31qll:before{border-radius:var(--ds-radius-full,50%)}
._v56419ec{transition:var(--ds-input-toggle,background-color .15s cubic-bezier(.4,1,.6,1),color .15s cubic-bezier(.4,1,.6,1),transform .15s cubic-bezier(.4,1,.6,1),opacity .15s cubic-bezier(.4,1,.6,1))}
._v564c7pe{transition:transform var(--ds-duration-medium,.2s) var(--ds-easing-out-practical,ease)}
._v564glyw{transition:none}
._189e1dm9{border-width:var(--ds-border-width-selected,2px)}
._1dqonqa1{border-style:solid}
._1h6d1j28{border-color:transparent}
._1ys41v1w:has(:focus-visible){border-color:var(--ds-border-focused,#4688ec)}
._ju3ddkaa:has(:focus-visible){border-width:var(--ds-border-width-focused,2px)}._12l2v77o{margin-inline-end:var(--ds-space-025,2px)}
._18m915vq{overflow-y:hidden}
._18u0idpf{margin-left:0}
._19bvidpf{padding-left:0}
._19pkidpf{margin-top:0}
._1bsb1jfw{width:var(--ds-space-500,40px)}
._1bsbxy5q{width:var(--ds-space-400,2pc)}
._1cs8stnw:before{position:absolute}
._1e0c1o8l{display:inline-block}
._1fkr1y44:before{inset-block-end:4px}
._1kt9b3bt:before{content:""}
._1mp41crf:before{width:9pt}
._1mp47vkz:before{width:1pc}
._1pfhv77o{margin-block-start:var(--ds-space-025,2px)}
._1q51v77o{padding-block-start:var(--ds-space-025,2px)}
._1reo15vq{overflow-x:hidden}
._1rus5w2r:before{background-color:var(--ds-icon-inverse,#fff)}
._1y1m1ntv{background-clip:content-box}
._2hwxidpf{margin-right:0}
._4t3ipxbi{height:var(--ds-space-200,1pc)}
._4t3iv47k{height:var(--ds-space-250,20px)}
._6rthv77o{margin-block-end:var(--ds-space-025,2px)}
._7dwz1fbe:before{transform:translateX(var(--ds-space-200,1pc))}
._7dwzw12q:before{transform:translateX(var(--ds-space-250,20px))}
._80om13gf{cursor:not-allowed}
._80omtlke{cursor:pointer}
._85i5v77o{padding-block-end:var(--ds-space-025,2px)}
._ahbqv77o{margin-inline-start:var(--ds-space-025,2px)}
._bfhk187o{background-color:var(--ds-background-disabled,#0515240f)}
._bfhk1aqn{background-color:var(--ds-background-neutral-bold,#292a2e)}
._bfhkkcmj{background-color:var(--ds-background-success-bold,#5b7f24)}
._bozgv77o{padding-inline-start:var(--ds-space-025,2px)}
._ca0qidpf{padding-top:0}
._kfgtpxbi:before{height:var(--ds-space-200,1pc)}
._kfgtutpp:before{height:var(--ds-space-150,9pt)}
._kqswh2mm{position:relative}
._n3tdidpf{padding-bottom:0}
._otyridpf{margin-bottom:0}
._syaz2sac{color:var(--ds-icon-disabled,#080f214a)}
._syaz5w2r{color:var(--ds-icon-inverse,#fff)}
._tzy4idpf{opacity:0}
._u5f3idpf{padding-right:0}
._vchh1ntv{box-sizing:content-box}
._y4tiv77o{padding-inline-end:var(--ds-space-025,2px)}
._z5wt1y44:before{inset-inline-start:4px}
._1hvw10yn:focus{outline-width:medium}
._49pcagmp:focus{outline-style:none}
._nt751snc:focus{outline-color:currentColor!important}
._irr31ibz:hover{background-color:var(--ds-background-neutral-bold-hovered,#3b3d42)}
._irr3y7x8:hover{background-color:var(--ds-background-success-bold-hovered,#4c6b1f)}
._1di6of27:active{background-color:var(--ds-background-neutral-bold-pressed,#505258)}
._1di6wcbh:active{background-color:var(--ds-background-success-bold-pressed,#3f5224)}
@media (prefers-reduced-motion:reduce){._1e8eglyw:before{transition:none}}
@media screen and (forced-colors:active){._146iglyw{transition:none}._1h74glyw:before{transition:none}._16rslghj:before{filter:grayscale(100%) invert(1)}._i5ec1w7i:focus-within{outline:var(--ds-border-width,1px) solid}}