@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
739 lines (738 loc) • 18.1 kB
TypeScript
export declare const breakpoints: {
xs: string;
sm: string;
md: string;
lg: string;
};
export declare const countries: {
flags: {
AT: string;
BE: string;
CA: string;
DE: string;
ES: string;
EU: string;
FR: string;
NO: string;
GB: string;
US: string;
};
};
export declare const icons: {
icons: {
accountDetails: string;
addPicture: string;
airConditioning: string;
airport: string;
android: string;
antique: string;
arrowLeftCircleFilled: string;
arrowLeft: string;
arrowRightCircleFilled: string;
arrowRightCircle: string;
arrowRight: string;
audioInput: string;
babySeat: string;
bank: string;
battery: string;
bell: string;
bikeRack: string;
bin: string;
bluetooth: string;
briefcase: string;
bulb: string;
cable: string;
cabriolet: string;
calendarCheck: string;
calendarClock: string;
calendarEnd: string;
calendarStart: string;
calendar: string;
cameraAdd: string;
camera: string;
campervan: string;
carAdd: string;
carCheck: string;
carDamages: string;
carDrivyOpen: string;
carGroup: string;
carLock: string;
carPlay: string;
carReturn: string;
carSearch: string;
carTypeAntique: string;
carTypeCabriolet: string;
carTypeCampervan: string;
carTypeCity: string;
carTypeConvertible: string;
carTypeCoupe: string;
carTypeFamily: string;
carTypeFourFour: string;
carTypeMinibus: string;
carTypeSedan: string;
carTypeUtility: string;
car: string;
card: string;
cdPlayer: string;
certificate: string;
chains: string;
checkCircleFilled: string;
checkCircle: string;
check: string;
checklist: string;
chevronDown: string;
chevronLeft: string;
chevronRight: string;
chevronUp: string;
circledArrowLeft: string;
circledArrowRight: string;
city: string;
cleaning: string;
clockAlert: string;
clockBackwards: string;
clockForwards: string;
clock: string;
closeCircleFilled: string;
close: string;
collapse: string;
connectCar: string;
contactMail: string;
contactPhone: string;
contextualPaperclip: string;
contextualQuestion: string;
contextualWarningCircleFilled: string;
contextualWarningCircle: string;
contract: string;
convertible: string;
copy: string;
coupe: string;
creditCardAdd: string;
creditCardError: string;
creditCard: string;
cruiseControl: string;
dashcam: string;
directions: string;
document: string;
dotHorizontal: string;
dotVertical: string;
dotsHorizontal: string;
dotsVertical: string;
download: string;
earning: string;
earth: string;
edit: string;
electric: string;
evBattery: string;
evCable: string;
evCharger: string;
expand: string;
externalLink: string;
eyeClosed: string;
eyeOpened: string;
eye: string;
faceRecognition: string;
facebook: string;
family: string;
fileFilled: string;
filepdf: string;
filexls: string;
filter: string;
filters: string;
flag: string;
fourByFour: string;
fourWheelDrive: string;
fuelTank: string;
geolocation: string;
gift: string;
gps: string;
graphUp: string;
healing: string;
heart: string;
hitch: string;
home: string;
idCard: string;
incident: string;
infoCircleFilled: string;
infoCircle: string;
infoFilled: string;
info: string;
instant: string;
invoice: string;
keyConnect: string;
key: string;
licenceCheck: string;
licencePaper: string;
licence: string;
lifeBuoy: string;
linkedin: string;
loading: string;
locality: string;
locationMap: string;
locationParking: string;
locationPin: string;
location: string;
lockCheck: string;
locked: string;
login: string;
logout: string;
mailCheck: string;
mail: string;
mapAlt: string;
map: string;
meetDriver: string;
meetOwner: string;
menuList: string;
messages: string;
mileage: string;
minibus: string;
minusCircleFilled: string;
minus: string;
miscGift: string;
moon: string;
nearbyDevice: string;
notification: string;
number1Circle: string;
number2Circle: string;
number3Circle: string;
number4Circle: string;
number5Circle: string;
okHand: string;
optionAirConditioning: string;
optionAndroidAuto: string;
optionAppleCarplay: string;
optionAudioInput: string;
optionBabySeat: string;
optionBikeRack: string;
optionBluetoothAudio: string;
optionCdPlayer: string;
optionChains: string;
optionCruiseControl: string;
optionDashcam: string;
optionGps: string;
optionHasTrailer: string;
optionHitch: string;
optionRoofBox: string;
optionSkiRack: string;
optionSnowTire: string;
optionWheelchairAccessible: string;
paperclip: string;
parking: string;
passport: string;
payments: string;
pencil: string;
peopleUser: string;
percentage: string;
performance: string;
phoneLink: string;
phone: string;
photos: string;
pickupTruck: string;
pig: string;
pin: string;
plug: string;
plusCircleFilled: string;
plus: string;
position: string;
pricingFlat: string;
pricingVariable: string;
profilePicture: string;
questionCircleFilled: string;
questionCircle: string;
question: string;
raceFlag: string;
recenter: string;
refresh: string;
reorder: string;
replacementCar: string;
reply: string;
reset: string;
ride: string;
roadsideAssistance: string;
roofBox: string;
rotate: string;
sealCheck: string;
searchCar: string;
searchPeople: string;
search: string;
sedan: string;
send: string;
serviceBattery: string;
serviceCleaning: string;
serviceFuel: string;
serviceHealing: string;
serviceLocked: string;
serviceTolls: string;
serviceUnlocked: string;
settings: string;
shareAndroid: string;
shareIos: string;
share: string;
shieldCheck: string;
shield: string;
shop: string;
skiRack: string;
slider: string;
smartphone: string;
smilingFace: string;
snowTire: string;
socialFacebook: string;
socialLinkedin: string;
socialTwitter: string;
socialWhatsapp: string;
starHalf: string;
star: string;
stars: string;
subway: string;
suitcase: string;
support: string;
suv: string;
synch: string;
tag: string;
timeAlert: string;
timeBackwards: string;
timeCalendar: string;
timeForward: string;
tolls: string;
trailer: string;
train: string;
triangleDown: string;
triangleRight: string;
triangleUp: string;
twitter: string;
twoPeople: string;
uber: string;
unfold: string;
unlocked: string;
userCheck: string;
userQuestion: string;
userShield: string;
userSwitch: string;
user: string;
utilityVanLarge: string;
utilityVanMedium: string;
utilityVanSmall: string;
verifiedSeal: string;
video: string;
walk: string;
wallet: string;
warningCircleFilled: string;
warningCircle: string;
warning: string;
whatsapp: string;
wheel: string;
wheelchair: string;
wrench: string;
yingyang: string;
};
};
export declare const zIndexes: {
below: number;
base: number;
above: number;
"dropdown-below": number;
dropdown: number;
"dropdown-above": number;
"nav-below": number;
nav: number;
"nav-above": number;
"header-below": number;
header: number;
"header-above": number;
"sidepanel-below": number;
sidepanel: number;
"sidepanel-above": number;
"modal-below": number;
modal: number;
"modal-above": number;
"alert-below": number;
alert: number;
"alert-above": number;
"autocomplete-popover": number;
};
export declare const palette: {
grey: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
black: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
navy: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
purple: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
violet: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
blue: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
lime: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
orange: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
red: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
green: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
yellow: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
white: string;
white_alpha: {
"5": string;
"10": string;
"15": string;
"20": string;
"25": string;
"30": string;
"35": string;
"40": string;
"45": string;
"50": string;
"55": string;
"60": string;
"65": string;
"70": string;
};
black_alpha: {
"2": string;
"4": string;
"6": string;
"8": string;
"10": string;
"12": string;
"14": string;
"16": string;
"18": string;
"20": string;
"22": string;
"24": string;
"26": string;
"28": string;
"30": string;
"32": string;
"34": string;
};
navy_alpha: {
"1": string;
"2": string;
"3": string;
"4": string;
"5": string;
"6": string;
"7": string;
"8": string;
"9": string;
"10": string;
"12": string;
"14": string;
"16": string;
"18": string;
"20": string;
"22": string;
"24": string;
"26": string;
"28": string;
"30": string;
"32": string;
"34": string;
"36": string;
"38": string;
"40": string;
"42": string;
"44": string;
"46": string;
"48": string;
"50": string;
"52": string;
"54": string;
"56": string;
"58": string;
"60": string;
"62": string;
"64": string;
"66": string;
"68": string;
"70": string;
"72": string;
"74": string;
"76": string;
"78": string;
"80": string;
"82": string;
"84": string;
"86": string;
"88": string;
"90": string;
"92": string;
"94": string;
"96": string;
"98": string;
};
grey_alpha: {
"1": string;
"2": string;
"3": string;
"4": string;
"5": string;
"6": string;
"7": string;
"8": string;
"9": string;
"10": string;
"15": string;
"20": string;
"25": string;
"30": string;
"35": string;
"40": string;
"45": string;
"50": string;
"55": string;
"60": string;
"65": string;
"70": string;
"75": string;
"80": string;
"85": string;
"90": string;
"95": string;
};
};
export declare const theme: {
surface: string;
surfaceBright: string;
surfaceContainer: string;
surfaceContainerVariant: string;
outline: string;
outlineVariant: string;
onSurface: string;
onSurfaceVariant: string;
onSurfaceContainerVariant: string;
disabled: string;
onSurfaceDisabled: string;
primary: string;
onPrimary: string;
primaryContainer: string;
onPrimaryContainer: string;
secondary: string;
onSecondary: string;
secondaryContainer: string;
onSecondaryContainer: string;
onSecondaryContainerVariant: string;
tertiary: string;
onTertiary: string;
outlineTertiary: string;
tertiaryContainer: string;
onTertiaryContainer: string;
onTertiaryContainerVariant: string;
success: string;
onSuccess: string;
successContainer: string;
onSuccessContainer: string;
error: string;
onError: string;
errorContainer: string;
onErrorContainer: string;
warning: string;
onWarning: string;
warningContainer: string;
onWarningContainer: string;
neutral: string;
onNeutral: string;
connect: string;
onConnect: string;
keyExchange: string;
onKeyExchange: string;
seasonLowest: string;
onSeasonLowest: string;
seasonMedium: string;
onSeasonMedium: string;
seasonHigh: string;
onSeasonHigh: string;
seasonHighest: string;
onSeasonHighest: string;
business: string;
businessVariant: string;
onBusiness: string;
onBusinessVariant: string;
businessContainer: string;
onBusinessContainer: string;
hover: string;
focus: string;
press: string;
drag: string;
scrim: string;
surfaceFixed: string;
};