@guruhotel/aura-ui/esm/badge/badge.styles.js

⚛️ React UI library by GuruHotel

import{rounded as r,colorScheme as e,size as o}from"../common-variants";import{styled as l}from"../theme";export const StyledBadge=l("span",{userSelect:"none",fontWeight:"$bold",display:"inline-flex",alignItems:"center",justifyContent:"center",whiteSpace:"nowrap",verticalAlign:"middle",lineHeight:"$base",letterSpacing:"$normal",transition:".2s ease",variants:{colorScheme:e,rounded:r,size:o,uppercase:{true:{textTransform:"uppercase"}},variant:{inline:{border:"1px solid"},subtle:{},solid:{}}},defaultVariants:{colorScheme:"guru",variant:"subtle",rounded:"lg",size:"sm"},compoundVariants:[{colorScheme:"text",variant:"solid",css:{}},{colorScheme:"text",variant:"inline",css:{bg:"$text1",color:"$text11",borderColor:"$text8"}},{colorScheme:"text",variant:"subtle",css:{bg:"$text5",color:"$text12"}},{colorScheme:"guru",variant:"solid",css:{}},{colorScheme:"guru",variant:"inline",css:{bg:"$guru1",color:"$guru11",borderColor:"$guru8"}},{colorScheme:"guru",variant:"subtle",css:{bg:"$guru5",color:"$guru12"}},{colorScheme:"fellow",variant:"solid",css:{}},{colorScheme:"fellow",variant:"inline",css:{bg:"$fellow1",color:"$fellow11",borderColor:"$fellow8"}},{colorScheme:"fellow",variant:"subtle",css:{bg:"$fellow5",color:"$fellow12"}},{colorScheme:"darkie",variant:"solid",css:{}},{colorScheme:"darkie",variant:"inline",css:{bg:"$darkie1",color:"$darkie11",borderColor:"$darkie8"}},{colorScheme:"darkie",variant:"subtle",css:{bg:"$darkie5",color:"$darkie12"}},{colorScheme:"red",variant:"solid",css:{}},{colorScheme:"red",variant:"inline",css:{bg:"$red1",color:"$red11",borderColor:"$red8"}},{colorScheme:"red",variant:"subtle",css:{bg:"$red5",color:"$red12"}},{colorScheme:"nature",variant:"solid",css:{}},{colorScheme:"nature",variant:"inline",css:{bg:"$nature1",color:"$nature11",borderColor:"$nature8"}},{colorScheme:"nature",variant:"subtle",css:{bg:"$nature5",color:"$nature12"}},{colorScheme:"sunshine",variant:"solid",css:{}},{colorScheme:"sunshine",variant:"inline",css:{bg:"$sunshine1",color:"$sunshine11",borderColor:"$sunshine8"}},{colorScheme:"sunshine",variant:"subtle",css:{bg:"$sunshine5",color:"$sunshine12"}},{colorScheme:"violet",variant:"solid",css:{}},{colorScheme:"violet",variant:"inline",css:{bg:"$violet1",color:"$violet11",borderColor:"$violet8"}},{colorScheme:"violet",variant:"subtle",css:{bg:"$violet5",color:"$violet12"}},{colorScheme:"gray",variant:"solid",css:{}},{colorScheme:"gray",variant:"inline",css:{bg:"$gray1",color:"$gray11",borderColor:"$gray8"}},{colorScheme:"gray",variant:"subtle",css:{bg:"$gray5",color:"$gray12"}},{colorScheme:"primary",variant:"solid",css:{}},{colorScheme:"primary",variant:"inline",css:{bg:"$primary1",color:"$primary11",borderColor:"$primary8"}},{colorScheme:"primary",variant:"subtle",css:{bg:"$primary5",color:"$primary12"}},{colorScheme:"secondary",variant:"solid",css:{}},{colorScheme:"secondary",variant:"inline",css:{bg:"$secondary1",color:"$secondary11",borderColor:"$secondary8"}},{colorScheme:"secondary",variant:"subtle",css:{bg:"$secondary5",color:"$secondary12"}},{colorScheme:"utilitary",variant:"solid",css:{}},{colorScheme:"utilitary",variant:"inline",css:{bg:"$utilitary1",color:"$utilitary11",borderColor:"$utilitary8"}},{colorScheme:"utilitary",variant:"subtle",css:{bg:"$utilitary5",color:"$utilitary12"}}]});