@guruhotel/aura-ui/esm/toggle/toggle.js

⚛️ React UI library by GuruHotel

import{rounded as o}from"../common-variants";import{styled as r}from"../theme";import*as l from"@radix-ui/react-toggle";const e=r(l.Root,{all:"unset",backgroundColor:"white",display:"flex",alignItems:"center",justifyContent:"center",border:"1px solid $colors$gray6",_focusVisible:{boxShadow:"0 0 0 2px black"},variants:{rounded:o,size:{xs:{fontSize:"$xs",height:"$6",paddingInlineStart:"$3",paddingInlineEnd:"$3"},sm:{fontSize:"$sm",height:"$8",paddingInlineStart:"$4",paddingInlineEnd:"$4"},md:{fontSize:"$md",height:"$10",paddingInlineStart:"$5",paddingInlineEnd:"$5"},lg:{fontSize:"$lg",height:"$12",paddingInlineStart:"$6",paddingInlineEnd:"$6"},xl:{fontSize:"$xl",height:"$14",paddingInlineStart:"$8",paddingInlineEnd:"$8"}},colorScheme:{text:{color:"$text11","&:hover":{backgroundColor:"$text3",color:"$text11"},"&[data-state=on]":{border:"1px solid $colors$text6",backgroundColor:"$text5",color:"$text11"}},guru:{color:"$guru11","&:hover":{backgroundColor:"$guru3",color:"$guru11"},"&[data-state=on]":{border:"1px solid $colors$guru6",backgroundColor:"$guru5",color:"$guru11"}},fellow:{color:"$fellow11","&:hover":{backgroundColor:"$fellow3",color:"$fellow11"},"&[data-state=on]":{border:"1px solid $colors$fellow6",backgroundColor:"$fellow5",color:"$fellow11"}},darkie:{color:"$darkie11","&:hover":{backgroundColor:"$darkie3",color:"$darkie11"},"&[data-state=on]":{border:"1px solid $colors$darkie6",backgroundColor:"$darkie5",color:"$darkie11"}},red:{color:"$red11","&:hover":{backgroundColor:"$red3",color:"$red11"},"&[data-state=on]":{border:"1px solid $colors$red6",backgroundColor:"$red5",color:"$red11"}},nature:{color:"$nature11","&:hover":{backgroundColor:"$nature3",color:"$nature11"},"&[data-state=on]":{border:"1px solid $colors$nature6",backgroundColor:"$nature5",color:"$nature11"}},sunshine:{color:"$sunshine11","&:hover":{backgroundColor:"$sunshine3",color:"$sunshine11"},"&[data-state=on]":{border:"1px solid $colors$sunshine6",backgroundColor:"$sunshine5",color:"$sunshine11"}},violet:{color:"$violet11","&:hover":{backgroundColor:"$violet3",color:"$violet11"},"&[data-state=on]":{border:"1px solid $colors$violet6",backgroundColor:"$violet5",color:"$violet11"}},gray:{color:"$gray11","&:hover":{backgroundColor:"$gray3",color:"$gray11"},"&[data-state=on]":{border:"1px solid $colors$gray6",backgroundColor:"$gray5",color:"$gray11"}},primary:{color:"$primary11","&:hover":{backgroundColor:"$primary3",color:"$primary11"},"&[data-state=on]":{border:"1px solid $colors$primary6",backgroundColor:"$primary5",color:"$primary11"}},secondary:{color:"$secondary11","&:hover":{backgroundColor:"$secondary3",color:"$secondary11"},"&[data-state=on]":{border:"1px solid $colors$secondary6",backgroundColor:"$secondary5",color:"$secondary11"}},utilitary:{color:"$utilitary11","&:hover":{backgroundColor:"$utilitary3",color:"$utilitary11"},"&[data-state=on]":{border:"1px solid $colors$utilitary6",backgroundColor:"$utilitary5",color:"$utilitary11"}}}},defaultVariants:{rounded:"md",colorScheme:"guru",size:"sm"}});export default e;