@guruhotel/aura-ui/esm/input/input.variants.js

⚛️ React UI library by GuruHotel

export const colorScheme={text:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$text9"}},guru:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$guru9"}},fellow:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$fellow9"}},darkie:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$darkie9"}},red:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$red9"}},nature:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$nature9"}},sunshine:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$sunshine9"}},violet:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$violet9"}},gray:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$gray9"}},primary:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$primary9"}},secondary:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$secondary9"}},utilitary:{boxShadow:"0 0 0 1px $colors$gray7",_focusWithin:{boxShadow:"0 0 0 2px $colors$utilitary9"}}};export const size={xs:{height:"$6",fontSize:"$xs",paddingX:"$2"},sm:{height:"$8",fontSize:"$sm",paddingX:"$3"},md:{height:"$10",fontSize:"$md",paddingX:"$4"},lg:{height:"$12",fontSize:"$lg",paddingX:"$4"},xl:{height:"$14",fontSize:"$xl",paddingX:"$5"}};