frutjam/dist/components/toggle/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".toggle":{"--radius-toggle":"9999px","--color-toggle":"var(--color-base-300)","--color-on-toggle":"var(--color-on-base)","--color-toggle-checked":"var(--color-primary)","--color-on-toggle-checked":"var(--color-on-primary)","--toggle--width":"3rem","--toggle--height":"1.5rem","--toggle--thumb-size":"calc(var(--toggle--height) - 0.375rem)","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","border":"none","cursor":"pointer","display":"inline-block","width":"var(--toggle--width)","height":"var(--toggle--height)","border-radius":"var(--radius-toggle)","background-color":"var(--color-toggle)","position":"relative","flex-shrink":0,"vertical-align":"middle","transition":"background-color 200ms ease-in-out","&::before":{"content":"\"\"","position":"absolute","top":"50%","inset-inline-start":"0.1875rem","transform":"translateY(-50%)","width":"var(--toggle--thumb-size)","height":"var(--toggle--thumb-size)","border-radius":"9999px","background-color":"white","transition":"inset-inline-start 200ms ease-in-out, transform 200ms ease-in-out","box-shadow":"0 1px 3px oklch(0% 0 0 / 20%)"},"&:checked, &[aria-checked=\"true\"]":{"background-color":"var(--color-toggle-checked)","&::before":{"inset-inline-start":"calc(100% - var(--toggle--thumb-size) - 0.1875rem)"}},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(var(--color-base-950), var(--color-base-50))","outline-offset":"3px"},"&:disabled":{"cursor":"not-allowed","opacity":0.5,"pointer-events":"none"}},".toggle-accent":{"--color-toggle-checked":"var(--color-accent)","--color-on-toggle-checked":"var(--color-on-accent)"},".toggle-error":{"--color-toggle-checked":"var(--color-error)","--color-on-toggle-checked":"var(--color-on-error)"},".toggle-info":{"--color-toggle-checked":"var(--color-info)","--color-on-toggle-checked":"var(--color-on-info)"},".toggle-lg":{"--toggle--width":"3.5rem","--toggle--height":"1.75rem"},".toggle-md":{"--toggle--width":"3rem","--toggle--height":"1.5rem"},".toggle-neutral":{"--color-toggle-checked":"var(--color-neutral)","--color-on-toggle-checked":"var(--color-on-neutral)"},".toggle-primary":{"--color-toggle-checked":"var(--color-primary)","--color-on-toggle-checked":"var(--color-on-primary)"},".toggle-secondary":{"--color-toggle-checked":"var(--color-secondary)","--color-on-toggle-checked":"var(--color-on-secondary)"},".toggle-sm":{"--toggle--width":"2.5rem","--toggle--height":"1.25rem"},".toggle-success":{"--color-toggle-checked":"var(--color-success)","--color-on-toggle-checked":"var(--color-on-success)"},".toggle-warning":{"--color-toggle-checked":"var(--color-warning)","--color-on-toggle-checked":"var(--color-on-warning)"},".toggle-xl":{"--toggle--width":"4rem","--toggle--height":"2rem"},".toggle-xs":{"--toggle--width":"2rem","--toggle--height":"1rem"}};