UNPKG

@drivy/cobalt

Version:

Opinionated design system for Drivy's projects.

743 lines (742 loc) 18.2 kB
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; capacity: 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; road: string; roadsideAssistance: string; roofBox: string; rotate: string; sealCheck: string; searchCar: string; searchPeople: string; search: string; seatbelt: 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; transmission: 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; };