@drivy/cobalt
Version:
Opinionated design system for Drivy's projects.
852 lines (851 loc) • 21 kB
TypeScript
export declare const breakpoints: {
xs: string;
sm: string;
md: string;
lg: string;
};
export declare const colors: {
white: string;
grey: {
lighter: string;
light: string;
DEFAULT: string;
dark: string;
};
indigo: {
DEFAULT: string;
dark: string;
};
purple: {
light: string;
DEFAULT: string;
};
graphite: {
light: string;
DEFAULT: string;
};
turquoise: string;
coral: string;
amber: string;
red: string;
green: {
light: string;
DEFAULT: string;
dark: string;
};
blue: string;
deprecatedBlueGhost: string;
deprecatedDriver: string;
deprecatedSeasonLow: string;
deprecatedSeasonMedium: string;
deprecatedSeasonHigh: string;
deprecatedSeasonVeryHigh: 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;
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;
roofBox: string;
rotate: string;
sealCheck: string;
searchCar: string;
searchPeople: string;
search: string;
sedan: 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: {
white: 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;
};
navy: {
"50": string;
"100": string;
"120": string;
"200": string;
"300": string;
"400": string;
"500": string;
"700": string;
"900": string;
};
yellow: {
"100": string;
"300": string;
"400": string;
"500": string;
"700": string;
"900": string;
"1000": string;
};
green: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"700": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
};
red: {
"100": string;
"120": string;
"150": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1200": string;
"1300": string;
"1400": string;
"1500": string;
"1600": string;
};
orange: {
"100": string;
"300": string;
"500": string;
"900": string;
};
black: {
"50": string;
"75": string;
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"1000": string;
};
grey: {
"50": string;
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": 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;
};
turquoise: {
"50": string;
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1200": string;
};
season: {
"100": string;
"200": string;
"300": string;
"400": string;
"500": string;
"600": string;
"700": string;
"800": string;
"900": string;
"1000": string;
"1100": string;
"1200": string;
};
newPurple: {
"200": string;
"500": string;
};
newViolet: {
"200": string;
"500": string;
};
};
export declare const theme: {
background: {
primary: string;
secondary: string;
accent: string;
accentAlt: string;
info: string;
error: string;
errorAlt: string;
success: string;
successAlt: string;
connect: string;
connectAlt: string;
driver: string;
owner: string;
disabled: string;
neutral: string;
neutralAlt: string;
seasonLow: string;
seasonMedium: string;
seasonHigh: string;
seasonVeryHigh: string;
rental: string;
rentalAlt: string;
blocker: string;
rideshare: string;
keyExchange: string;
picked: string;
base: string;
secondaryInteractive: {
DEFAULT: string;
hover: string;
};
accentInteractive: {
DEFAULT: string;
hover: string;
};
accentAltInteractive: {
DEFAULT: string;
hover: string;
};
connectInteractive: {
DEFAULT: string;
hover: string;
};
errorInteractive: {
DEFAULT: string;
hover: string;
};
};
text: {
base: string;
subdued: string;
accent: string;
accentAlt: string;
info: string;
error: string;
errorAlt: string;
success: string;
successAlt: string;
connect: string;
connectAlt: string;
driver: string;
owner: string;
warning: string;
infoAlt: string;
disabled: string;
onAccent: string;
onRideshare: string;
onError: string;
onSuccess: string;
onConnect: string;
onKeyExchange: string;
onPicked: string;
keyExchange: string;
picked: string;
rideshare: string;
onBase: string;
onSeasonLow: string;
onSeasonMedium: string;
onSeasonHigh: string;
onSeasonVeryHigh: string;
onRental: string;
onRentalAlt: string;
inversed: string;
baseInteractive: {
DEFAULT: string;
hover: string;
};
subduedInteractive: {
DEFAULT: string;
hover: string;
};
accentInteractive: {
DEFAULT: string;
hover: string;
};
accentAltInteractive: {
DEFAULT: string;
hover: string;
};
};
icon: {
base: string;
subdued: string;
accent: string;
accentAlt: string;
info: string;
error: string;
errorAlt: string;
success: string;
successAlt: string;
connect: string;
connectAlt: string;
driver: string;
owner: string;
warning: string;
infoAlt: string;
disabled: string;
onAccent: string;
onRideshare: string;
onError: string;
onSuccess: string;
onConnect: string;
onKeyExchange: string;
onPicked: string;
keyExchange: string;
picked: string;
rideshare: string;
onBase: string;
disabledAlt: string;
onRental: string;
inversed: string;
baseInteractive: {
DEFAULT: string;
hover: string;
};
subduedInteractive: {
DEFAULT: string;
hover: string;
};
accentInteractive: {
DEFAULT: string;
hover: string;
};
accentAltInteractive: {
DEFAULT: string;
hover: string;
};
};
stroke: {
base: string;
subdued: string;
accent: string;
accentAlt: string;
success: string;
successAlt: string;
error: string;
errorAlt: string;
strong: string;
onAccent: string;
rental: string;
blocker: string;
onError: string;
onSuccess: string;
connect: string;
keyExchange: string;
picked: string;
onConnect: string;
onKeyExchange: string;
onPicked: string;
onRideshare: string;
rideshare: string;
onBase: string;
baseInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
accentInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
strongInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
};
buttonIcon: {
selected: string;
primary: string;
secondary: string;
tertiary: string;
destructive: string;
success: string;
successAlt: string;
disabled: string;
accentAlt: string;
primaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
secondaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
tertiaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
destructiveInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
successAltInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
};
buttonLabel: {
selected: string;
primary: string;
secondary: string;
tertiary: string;
disabled: string;
accentAlt: string;
destructive: string;
success: string;
successAlt: string;
primaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
secondaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
tertiaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
destructiveInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
successAltInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
};
buttonBackground: {
selected: string;
primary: string;
secondary: string;
tertiary: string;
accentAlt: string;
destructive: string;
success: string;
successAlt: string;
disabled: string;
primaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
secondaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
tertiaryInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
destructiveInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
successAltInteractive: {
DEFAULT: string;
hover: string;
press: string;
};
};
fill: {
base: string;
accent: string;
secondary: string;
subdued: string;
neutral: string;
negative: string;
accentAlt: string;
disabled: string;
error: string;
success: string;
rental: string;
blocker: string;
primary: string;
};
illustrations: {
primary: string;
secondary: string;
accent1: string;
accent2: string;
};
};