UNPKG

@drivy/cobalt

Version:

Opinionated design system for Drivy's projects.

992 lines (991 loc) 26 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; DK: string; EE: string; ES: string; EU: string; FI: string; FR: string; GB: string; NO: string; SE: string; US: string; }; }; export declare const icons: { icons: { accountDetailsFilled: string; accountDetails: string; addPictureFilled: string; addPicture: string; airConditioningFilled: string; airConditioning: string; airportFilled: string; airport: string; androidFilled: string; android: string; antiqueFilled: string; antique: string; arrowLeftCircleFilled: string; arrowLeftCircle: string; arrowLeftFilled: string; arrowLeft: string; arrowRightCircleFilled: string; arrowRightCircle: string; arrowRightFilled: string; arrowRight: string; audioInputFilled: string; audioInput: string; babySeatFilled: string; babySeat: string; backupCameraFilled: string; backupCamera: string; bankFilled: string; bank: string; batteryFilled: string; battery: string; bedFilled: string; bed: string; bellFilled: string; bell: string; bikeRackFilled: string; bikeRack: string; binFilled: string; bin: string; bluetoothFilled: string; bluetooth: string; briefcase: string; bulbFilled: string; bulb: string; cableFilled: string; cable: string; cabrioletFilled: string; cabriolet: string; calendarCheckFilled: string; calendarCheck: string; calendarClockFilled: string; calendarClock: string; calendarEndFilled: string; calendarEnd: string; calendarFilled: string; calendarStartFilled: string; calendarStart: string; calendar: string; cameraAddFilled: string; cameraAdd: string; cameraFilled: string; camera: string; campervanFilled: string; campervan: string; capacityFilled: string; capacity: string; carAddFilled: string; carAdd: string; carCheckFilled: string; carCheck: string; carDamagesFilled: string; carDamages: string; carDrivyOpen: string; carFilled: string; carGroupFilled: string; carGroup: string; carLockFilled: string; carLock: string; carPlayFilled: string; carPlay: string; carReturnFilled: 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; cardFilled: string; card: string; cdPlayerFilled: string; cdPlayer: string; certificateFilled: string; certificate: string; chainsFilled: string; chains: string; checkCircleFilled: string; checkCircle: string; checkFilled: string; check: string; checklistFilled: string; checklist: string; chevronDownFilled: string; chevronDown: string; chevronLeftFilled: string; chevronLeft: string; chevronRightFilled: string; chevronRight: string; chevronUpFilled: string; chevronUp: string; circledArrowLeft: string; circledArrowRight: string; cityFilled: string; city: string; cleaningFilled: string; cleaning: string; clockAlertFilled: string; clockAlert: string; clockBackwardsFilled: string; clockBackwards: string; clockFilled: string; clockForwardsFilled: string; clockForwards: string; clock: string; closeCircleFilled: string; closeCircle: string; closeFilled: string; close: string; collapseFilled: string; collapse: string; connectBoxFilled: string; connectBox: string; connectCarFilled: string; connectCar: string; contactMail: string; contactPhone: string; contextualPaperclip: string; contextualQuestion: string; contextualWarningCircleFilled: string; contextualWarningCircle: string; contract: string; convertibleFilled: string; convertible: string; copyFilled: string; copy: string; coupeFilled: string; coupe: string; creditCardAddFilled: string; creditCardAdd: string; creditCardErrorFilled: string; creditCardError: string; creditCardFilled: string; creditCard: string; crosshover: string; crossoverFilled: string; crossover: string; cruiseControlFilled: string; cruiseControl: string; dashcamFilled: string; dashcam: string; diamondFilled: string; diamond: string; directionsFilled: string; directions: string; document: string; dotHorizontalFilled: string; dotHorizontal: string; dotVerticalFilled: string; dotVertical: string; dotsHorizontal: string; dotsVertical: string; downloadFilled: string; download: string; earningFilled: string; earning: string; earthFilled: string; earth: string; edit: string; electricFilled: string; electric: string; evBatteryFilled: string; evBattery: string; evCableFilled: string; evCable: string; evChargerFilled: string; evCharger: string; expandFilled: string; expand: string; externalLinkFilled: string; externalLink: string; eyeClosedFilled: string; eyeClosed: string; eyeOpenedFilled: string; eyeOpened: string; eye: string; faceRecognitionFilled: string; faceRecognition: string; facebook: string; familyFilled: string; family: string; fileFilled: string; file: string; filepdfFilled: string; filepdf: string; filexlsFilled: string; filexls: string; filterFilled: string; filter: string; filters: string; flagFilled: string; flag: string; fourByFourFilled: string; fourByFour: string; fourWheelDriveFilled: string; fourWheelDrive: string; fuelTankFilled: string; fuelTank: string; geolocation: string; giftFilled: string; gift: string; gpsFilled: string; gps: string; graphUpFilled: string; graphUp: string; handDollarFilled: string; handDollar: string; healingFilled: string; healing: string; heartFilled: string; heart: string; heightFilled: string; height: string; hitchFilled: string; hitch: string; homeFilled: string; home: string; idCardFilled: string; idCard: string; incidentFilled: string; incident: string; infoCircleFilled: string; infoCircle: string; infoFilled: string; info: string; instagram: string; instantFilled: string; instant: string; invoiceFilled: string; invoice: string; keyConnectFilled: string; keyConnect: string; keyFilled: string; key: string; licenceCheckFilled: string; licenceCheck: string; licenceFilled: string; licencePaperFilled: string; licencePaper: string; licence: string; lifeBuoyFilled: string; lifeBuoy: string; linkedin: string; loading: string; localityFilled: string; locality: string; locationFilled: string; locationMap: string; locationParking: string; locationPin: string; location: string; lockCheckFilled: string; lockCheck: string; locked: string; loginFilled: string; login: string; logoutFilled: string; logout: string; lookFilled: string; look: string; mailCheckFilled: string; mailCheck: string; mailFilled: string; mail: string; mapAltFilled: string; mapAlt: string; mapFilled: string; map: string; meetDriverFilled: string; meetDriver: string; meetOwnerFilled: string; meetOwner: string; menuListFilled: string; menuList: string; messagesFilled: string; messages: string; mileageFilled: string; mileage: string; minibusFilled: string; minibus: string; minusCircleFilled: string; minusCircle: string; minusFilled: string; minus: string; miscGift: string; moonFilled: string; moon: string; nearbyDeviceFilled: string; nearbyDevice: string; notification: string; number1CircleFilled: string; number1Circle: string; number2CircleFilled: string; number2Circle: string; number3CircleFilled: string; number3Circle: string; number4CircleFilled: string; number4Circle: string; number5CircleFilled: string; number5Circle: string; okHandFilled: 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; paperclipFilled: string; paperclip: string; parkingFilled: string; parking: string; partyFilled: string; party: string; passportFilled: string; passport: string; paymentsFilled: string; payments: string; pencilFilled: string; pencil: string; peopleUser: string; percentageFilled: string; percentage: string; performanceFilled: string; performance: string; phoneFilled: string; phoneLinkFilled: string; phoneLink: string; phone: string; photosFilled: string; photos: string; pickupTruckFilled: string; pickupTruck: string; pigFilled: string; pig: string; pinFilled: string; pin: string; plug: string; plusCircleFilled: string; plusCircle: string; plusFilled: string; plus: string; positionFilled: string; position: string; pricingFlatFilled: string; pricingFlat: string; pricingVariableFilled: string; pricingVariable: string; proFilled: string; pro: string; profilePictureFilled: string; profilePicture: string; questionCircleFilled: string; questionCircle: string; question: string; raceFlagFilled: string; raceFlag: string; radioTuneFilled: string; radioTune: string; recenterFilled: string; recenter: string; refreshFilled: string; refresh: string; reorderFilled: string; reorder: string; replacementCarFilled: string; replacementCar: string; replyFilled: string; reply: string; reset: string; rideFilled: string; ride: string; roadFilled: string; road: string; roadsideAssistanceFilled: string; roadsideAssistance: string; roofBoxFilled: string; roofBox: string; rotateFilled: string; rotate: string; sealCheckFilled: string; sealCheck: string; searchCarFilled: string; searchCar: string; searchFilled: string; searchPeopleFilled: string; searchPeople: string; search: string; seatbeltFilled: string; seatbelt: string; sedanFilled: string; sedan: string; sendFilled: string; send: string; serviceBattery: string; serviceCleaning: string; serviceFuel: string; serviceHealing: string; serviceLockedFilled: string; serviceLocked: string; serviceTolls: string; serviceUnlocked: string; settingsFilled: string; settings: string; shareAndroidFilled: string; shareAndroid: string; shareIosFilled: string; shareIos: string; share: string; shieldCheckFilled: string; shieldCheck: string; shieldFilled: string; shield: string; shopFilled: string; shop: string; skiRackFilled: string; skiRack: string; sliderFilled: string; slider: string; smartphoneFilled: string; smartphone: string; smilingFaceFilled: string; smilingFace: string; snowTireFilled: string; snowTire: string; socialFacebook: string; socialLinkedin: string; socialTwitter: string; socialWhatsapp: string; starFilled: string; starHalfFilled: string; starHalf: string; star: string; starsFilled: string; stars: string; subwayFilled: string; subway: string; suitcaseFilled: string; suitcase: string; supportFilled: string; support: string; suvFilled: string; suv: string; syncFilled: string; sync: string; synch: string; tagFilled: string; tag: string; tiktok: string; timeAlert: string; timeBackwards: string; timeCalendar: string; timeForward: string; tollsFilled: string; tolls: string; trailer: string; trainFilled: string; train: string; transmissionFilled: string; transmission: string; triangleDown: string; triangleRight: string; triangleUp: string; twitter: string; twoPeopleFilled: string; twoPeople: string; uber: string; unfoldFilled: string; unfold: string; unlockedFilled: string; unlocked: string; usbChargingPortFilled: string; usbChargingPort: string; userCheckFilled: string; userCheck: string; userFilled: string; userQuestionFilled: string; userQuestion: string; userShieldFilled: string; userShield: string; userSwitchFilled: string; userSwitch: string; user: string; utilityVanLargeFilled: string; utilityVanLarge: string; utilityVanMediumFilled: string; utilityVanMedium: string; utilityVanSmallFilled: string; utilityVanSmall: string; verifiedSeal: string; videoFilled: string; video: string; walkFilled: string; walk: string; walletFilled: string; wallet: string; warningCircleFilled: string; warningCircle: string; warning: string; weightFilled: string; weight: string; whatsapp: string; wheelFilled: string; wheel: string; wheelchairFilled: string; wheelchair: string; wrenchFilled: string; wrench: string; yingyangFilled: 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; onSurfaceFixed: string; inverseSurface: string; inverseOnSurface: string; marketingContainer: string; onMarketingContainer: string; };