@guruhotel/aura-ui/esm/theme/common.js

⚛️ React UI library by GuruHotel

import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{heading:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",base:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{"2xs":"0.5rem",xs:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem","6xl":"3.75rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{normal:"normal",none:1,shorter:1.25,short:1.375,base:1.5,tall:1.625,taller:"2",3:".75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem"},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{px:"1px",0:"0",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},sizes:{1:"0.25rem",2:"0.5rem",3:"0.75rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem",max:"max-content",min:"min-content",full:"100%","3xs":"14rem","2xs":"16rem",xs:"20rem",sm:"24rem",md:"28rem",lg:"32rem",xl:"36rem","2xl":"42rem","3xl":"48rem","4xl":"56rem","5xl":"64rem","6xl":"72rem","7xl":"80rem","8xl":"90rem"},radii:{none:"0",xs:"0.125rem",sm:"0.25rem",md:"0.375rem",lg:"0.5rem",xl:"0.75rem","2xl":"1rem","3xl":"1.5rem",full:"9999px",base:"8px",halfBase:"4px"},zIndices:{hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},shadows:{"2xs":"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.01),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.007),3.1px 3.1px 10px rgba(0, 0, 0, 0.006),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.005),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.004),25px 25px 80px rgba(0, 0, 0, 0.003)",xs:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.02),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.014),3.1px 3.1px 10px rgba(0, 0, 0, 0.012),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.01),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.008),25px 25px 80px rgba(0, 0, 0, 0.006)",sm:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.04), 1.7px 1.7px 5.3px rgba(0, 0, 0, 0.029), 3.1px 3.1px 10px rgba(0, 0, 0, 0.024), 5.6px 5.6px 17.9px rgba(0, 0, 0, 0.02), 10.4px 10.4px 33.4px rgba(0, 0, 0, 0.016), 25px 25px 80px rgba(0, 0, 0, 0.011)",md:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.08), 1.7px 1.7px 5.3px rgba(0, 0, 0, 0.058), 3.1px 3.1px 10px rgba(0, 0, 0, 0.048), 5.6px 5.6px 17.9px rgba(0, 0, 0, 0.04), 10.4px 10.4px 33.4px rgba(0, 0, 0, 0.032), 25px 25px 80px rgba(0, 0, 0, 0.022)",lg:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.1),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.072),3.1px 3.1px 10px rgba(0, 0, 0, 0.06),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.05),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.04),25px 25px 80px rgba(0, 0, 0, 0.028)",xl:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.12),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.086),3.1px 3.1px 10px rgba(0, 0, 0, 0.072),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.06),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.048),25px 25px 80px rgba(0, 0, 0, 0.034)","2xl":"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.14),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.101),3.1px 3.1px 10px rgba(0, 0, 0, 0.083),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.07),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.057),25px 25px 80px rgba(0, 0, 0, 0.039)",outline:"0 0 0 2px rgba(0, 0, 0, 0.4)",inner:"inset 0 2px 4px 0 rgba(0,0,0,0.06)",none:"none",dark:"0.7px 0.7px 2.2px rgba(0, 0, 0, 0.2),1.7px 1.7px 5.3px rgba(0, 0, 0, 0.144),3.1px 3.1px 10px rgba(0, 0, 0, 0.119),5.6px 5.6px 17.9px rgba(0, 0, 0, 0.1),10.4px 10.4px 33.4px rgba(0, 0, 0, 0.081),25px 25px 80px rgba(0, 0, 0, 0.056)"},transitions:{default:"all 250ms ease"},breakpoints:{xs:"0em",sm:"35em",md:"48em",lg:"62em",xl:"80em",xxl:"96em"},colors:{gray1:"#fcfcfc",gray2:"#f8f8f8",gray3:"#f3f3f3",gray4:"#ededed",gray5:"#e8e8e8",gray6:"#e2e2e2",gray7:"#dbdbdb",gray8:"#c7c7c7",gray9:"#8f8f8f",gray10:"#858585",gray11:"#6f6f6f",gray12:"#171717",text1:"#FBFCFD",text2:"#F8F9FA",text3:"#F1F3F5",text4:"#ECEEF0",text5:"#E6E8EB",text6:"#DFE3E6",text7:"#D7DBDF",text8:"#C1C8CD",text9:"#889096",text10:"#7E868C",text11:"#687076",text12:"#11181C",guru1:"#FBFCFE",guru2:"#F6FAFE",guru3:"#F0F6FD",guru4:"#E4EFFB",guru5:"#D5E5F9",guru6:"#C1D9F5",guru7:"#A4C8F1",guru8:"#74AAEA",guru9:"#2278DD",guru10:"#1E6BC5",guru11:"#1958A1",guru12:"#091F39",fellow1:"#FBFBFC",fellow2:"#FFFBF7",fellow3:"#FFF8F1",fellow4:"#FFF3E7",fellow5:"#FFEBD9",fellow6:"#FFE2C8",fellow7:"#FFD5AE",fellow8:"#FFBE82",fellow9:"#FF9839",fellow10:"#E38733",fellow11:"#BA6F2A",fellow12:"#42280F",darkie1:"#FBFBFC",darkie2:"#F6F6F9",darkie3:"#F0EFF4",darkie4:"#E4E4EC",darkie5:"#D5D4E0",darkie6:"#C1C0D2",darkie7:"#A4A3BD",darkie8:"#747299",darkie9:"#221F5D",darkie10:"#1E1C53",darkie11:"#191744",darkie12:"#090818",red1:"#FFFCFC",red2:"#FFF8F8",red3:"#FFEFEF",red4:"#FFE5E5",red5:"#FDD8D8",red6:"#F9C6C6",red7:"#F3AEAF",red8:"#EB9091",red9:"#E5484D",red10:"#DC3D43",red11:"#CD2B31",red12:"#381316",nature1:"#FBFEFC",nature2:"#F2FCF5",nature3:"#E9F9EE",nature4:"#DDF3E4",nature5:"#CCEBD7",nature6:"#B4DFC4",nature7:"#92CEAC",nature8:"#5BB98C",nature9:"#30A46C",nature10:"#299764",nature11:"#18794E",nature12:"#153226",sunshine1:"#FDFDF9",sunshine2:"#FFFCE8",sunshine3:"#FFFBD1",sunshine4:"#FFF8BB",sunshine5:"#FEF2A4",sunshine6:"#F9E68C",sunshine7:"#EFD36C",sunshine8:"#EABC00",sunshine9:"#F5D90A",sunshine10:"#F7CE00",sunshine11:"#946800",sunshine12:"#35290F",violet1:"#FDFCFE",violet2:"#FBFAFF",violet3:"#F5F2FF",violet4:"#EDE9FE",violet5:"#E4DEFC",violet6:"#D7CFF9",violet7:"#C4B8F3",violet8:"#AA99EC",violet9:"#6E56CF",violet10:"#644FC1",violet11:"#5746AF",violet12:"#20134B",blackA1:"#00000003",blackA2:"#00000007",blackA3:"#0000000c",blackA4:"#00000012",blackA5:"#00000017",blackA6:"#0000001d",blackA7:"#00000024",blackA8:"#00000038",blackA9:"#00000070",blackA10:"#0000007a",blackA11:"#00000090",blackA12:"#000000e8",whiteA1:"#ffffff00",whiteA2:"#ffffff03",whiteA3:"#ffffff09",whiteA4:"#ffffff0e",whiteA5:"#ffffff16",whiteA6:"#ffffff20",whiteA7:"#ffffff2d",whiteA8:"#ffffff3f",whiteA9:"#ffffff62",whiteA10:"#ffffff72",whiteA11:"#ffffff97",whiteA12:"#ffffffeb",transparent:"transparent",placeholder:"#A0AEC0",surfaceLight:"#FFFFFF",surfaceMid:"#FCFCFD",surfaceDark:"#F7F8FB"}};const r={xs:`(min-width: ${defaultTokens.breakpoints.xs})`,sm:`(min-width: ${defaultTokens.breakpoints.sm})`,md:`(min-width: ${defaultTokens.breakpoints.md})`,lg:`(min-width: ${defaultTokens.breakpoints.lg})`,xl:`(min-width: ${defaultTokens.breakpoints.xl})`,xxl:`(min-width: ${defaultTokens.breakpoints.xxl})`,motion:"(prefers-reduced-motion)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};export const defaultThemeMap={...e};export default{prefix:"auraui",theme:{...defaultTokens},media:r,utils:{_hover:e=>({"&:hover":e}),_active:e=>({"&:active":e}),_focus:e=>({"&:focus":e}),_disabled:e=>({"&:disabled":e}),_visited:e=>({"&:visited":e}),_focusWithin:e=>({"&:focus-within":e}),_focusVisible:e=>({"&:focus-visible":e}),_target:e=>({"&:target":e}),_placeholder:e=>({"&::placeholder":e}),bg:e=>({background:e}),bgColor:e=>({backgroundColor:e}),bgImage:e=>({backgroundImage:e}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),br:e=>({borderRadius:e}),rounded:e=>({borderRadius:e}),roundedTop:e=>({borderTopLeftRadius:e,borderTopRightRadius:e}),roundedBottom:e=>({borderBottomLeftRadius:e,borderBottomRightRadius:e}),roundedLeft:e=>({borderTopLeftRadius:e,borderBottomLeftRadius:e}),roundedRight:e=>({borderTopRightRadius:e,borderBottomRightRadius:e}),size:e=>({width:e,height:e}),btnSize:([e,r])=>({minHeight:e,height:e,paddingInlineStart:r,paddingInlineEnd:r}),w:e=>({width:e}),minW:e=>({minWidth:e}),maxW:e=>({maxWidht:e}),h:e=>({height:e}),minH:e=>({minHeight:e}),maxH:e=>({maxHeight:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),marginX:e=>({marginLeft:e,marginRight:e}),marginY:e=>({marginTop:e,marginBottom:e}),p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),paddingX:e=>({paddingLeft:e,paddingRight:e}),paddingY:e=>({paddingTop:e,paddingBottom:e}),shadow:e=>({boxShadow:e}),borderW:e=>({borderWidth:e}),borderTopW:e=>({borderTopWidth:e}),borderRightW:e=>({borderRightWidth:e}),borderBottomW:e=>({borderBottomWidth:e}),borderLeftW:e=>({borderLeftWidth:e}),borderS:e=>({borderStyle:e}),borderTopS:e=>({borderTopStyle:e}),borderRightS:e=>({borderRightStyle:e}),borderBottomS:e=>({borderBottomStyle:e}),borderLeftS:e=>({borderLeftStyle:e}),spacing:e=>({gap:e})},themeMap:defaultThemeMap};