@guruhotel/aura-ui/esm/context-menu/context-menu.styles.js

⚛️ React UI library by GuruHotel

import{styled as o}from"../theme";import*as t from"@radix-ui/react-context-menu";import{contentStyles as e,itemStyles as r}from"./context-menu.constants";export const StyledItem=o(t.Item,{...r});export const StyledCheckboxItem=o(t.CheckboxItem,{...r});export const StyledRadioItem=o(t.RadioItem,{...r});export const StyledSubTrigger=o(t.SubTrigger,{...r});export const StyledMenuSub=o(t.Sub);export const StyledLabel=o(t.Label,{paddingLeft:25,lineHeight:"$base",color:"$gray11",fontSize:"$sm"});export const StyledSeparator=o(t.Separator,{height:1,backgroundColor:"$gray6",margin:5});export const StyledItemIndicator=o(t.ItemIndicator,{position:"absolute",left:0,width:25,display:"inline-flex",alignItems:"center",justifyContent:"center"});export const StyledArrow=o(t.Arrow,{fill:"white"});export const StyledShortcut=o("div",{marginLeft:"auto",paddingLeft:20,color:"$gray11","[data-highlighted] > &":{color:"$surfaceLight"},"[data-disabled] &":{color:"$gray8"}});export const StyledSubContent=o(t.SubContent,{...e,variants:{colorScheme:{text:{color:"$text11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$text9",color:"$text1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$text4",color:"$text11"},"&[data-highlighted]":{backgroundColor:"$text9",color:"$text1"}}},guru:{color:"$guru11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$guru9",color:"$guru1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$guru4",color:"$guru11"},"&[data-highlighted]":{backgroundColor:"$guru9",color:"$guru1"}}},fellow:{color:"$fellow11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$fellow9",color:"$fellow1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$fellow4",color:"$fellow11"},"&[data-highlighted]":{backgroundColor:"$fellow9",color:"$fellow1"}}},darkie:{color:"$darkie11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$darkie9",color:"$darkie1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$darkie4",color:"$darkie11"},"&[data-highlighted]":{backgroundColor:"$darkie9",color:"$darkie1"}}},red:{color:"$red11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$red9",color:"$red1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$red4",color:"$red11"},"&[data-highlighted]":{backgroundColor:"$red9",color:"$red1"}}},nature:{color:"$nature11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$nature9",color:"$nature1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$nature4",color:"$nature11"},"&[data-highlighted]":{backgroundColor:"$nature9",color:"$nature1"}}},sunshine:{color:"$sunshine11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$sunshine9",color:"$sunshine1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$sunshine4",color:"$sunshine11"},"&[data-highlighted]":{backgroundColor:"$sunshine9",color:"$sunshine1"}}},violet:{color:"$violet11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$violet9",color:"$violet1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$violet4",color:"$violet11"},"&[data-highlighted]":{backgroundColor:"$violet9",color:"$violet1"}}},gray:{color:"$gray11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$gray9",color:"$gray1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$gray4",color:"$gray11"},"&[data-highlighted]":{backgroundColor:"$gray9",color:"$gray1"}}},primary:{color:"$primary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$primary9",color:"$primary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$primary4",color:"$primary11"},"&[data-highlighted]":{backgroundColor:"$primary9",color:"$primary1"}}},secondary:{color:"$secondary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"secondary9",color:"secondary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"secondary4",color:"$secondary11"},"&[data-highlighted]":{backgroundColor:"secondary9",color:"secondary1"}}},utilitary:{color:"$utilitary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"utilitary9",color:"utilitary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"utilitary4",color:"$utilitary11"},"&[data-highlighted]":{backgroundColor:"utilitary9",color:"utilitary1"}}}}},defaultVariants:{colorScheme:"guru"}});export const StyledContent=o(t.Content,{...e,variants:{colorScheme:{text:{color:"$text11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$text9",color:"$text1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$text4",color:"$text11"},"&[data-highlighted]":{backgroundColor:"$text9",color:"$text1"}}},guru:{color:"$guru11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$guru9",color:"$guru1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$guru4",color:"$guru11"},"&[data-highlighted]":{backgroundColor:"$guru9",color:"$guru1"}}},fellow:{color:"$fellow11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$fellow9",color:"$fellow1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$fellow4",color:"$fellow11"},"&[data-highlighted]":{backgroundColor:"$fellow9",color:"$fellow1"}}},darkie:{color:"$darkie11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$darkie9",color:"$darkie1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$darkie4",color:"$darkie11"},"&[data-highlighted]":{backgroundColor:"$darkie9",color:"$darkie1"}}},red:{color:"$red11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$red9",color:"$red1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$red4",color:"$red11"},"&[data-highlighted]":{backgroundColor:"$red9",color:"$red1"}}},nature:{color:"$nature11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$nature9",color:"$nature1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$nature4",color:"$nature11"},"&[data-highlighted]":{backgroundColor:"$nature9",color:"$nature1"}}},sunshine:{color:"$sunshine11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$sunshine9",color:"$sunshine1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$sunshine4",color:"$sunshine11"},"&[data-highlighted]":{backgroundColor:"$sunshine9",color:"$sunshine1"}}},violet:{color:"$violet11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$violet9",color:"$violet1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$violet4",color:"$violet11"},"&[data-highlighted]":{backgroundColor:"$violet9",color:"$violet1"}}},gray:{color:"$gray11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$gray9",color:"$gray1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$gray4",color:"$gray11"},"&[data-highlighted]":{backgroundColor:"$gray9",color:"$gray1"}}},primary:{color:"$primary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"$primary9",color:"$primary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"$primary4",color:"$primary11"},"&[data-highlighted]":{backgroundColor:"$primary9",color:"$primary1"}}},secondary:{color:"$secondary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"secondary9",color:"secondary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"secondary4",color:"$secondary11"},"&[data-highlighted]":{backgroundColor:"secondary9",color:"secondary1"}}},utilitary:{color:"$utilitary11",[`& ${StyledItem}, & ${StyledCheckboxItem}, & ${StyledRadioItem}`]:{"&[data-highlighted]":{backgroundColor:"utilitary9",color:"utilitary1"}},[`& ${StyledSubTrigger}`]:{'&[data-state="open"]':{backgroundColor:"utilitary4",color:"$utilitary11"},"&[data-highlighted]":{backgroundColor:"utilitary9",color:"utilitary1"}}}}},defaultVariants:{colorScheme:"guru"}});