@atlaskit/toggle
Version:
A toggle is used to view or switch between enabled or disabled states.
18 lines • 900 B
CSS
._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))}
._v5641hrg{transition:opacity .2s ease}
._v564glyw{transition:none}._152tv77o{inset-block-start:var(--ds-space-025,2px)}
._1bah1h6o{justify-content:center}
._1bsb7vkz{width:1pc}
._1bsbgktf{width:20px}
._1e021l7b{inset-inline-start:3px}
._1e0c116y{display:inline-flex}
._4cvr1h6o{align-items:center}
._4t3i7vkz{height:1pc}
._4t3igktf{height:20px}
._kqswstnw{position:absolute}
._rjxp1l7b{inset-inline-end:3px}
._t9ecjq3t{transform:translateX(-100%)}
._t9ecxwn4{transform:translateX(100%)}
._tzy4idpf{opacity:0}
@media (prefers-reduced-motion:reduce){._1kxtbrmi{transition-property:opacity}}
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._6pgpglyw{transition:none}}