UNPKG

@drivy/cobalt

Version:

Opinionated design system for Drivy's projects.

852 lines (851 loc) 21 kB
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; }; };