UNPKG

@drivy/cobalt

Version:

Opinionated design system for Drivy's projects.

182 lines (178 loc) 3.25 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const white = "#FFFFFF"; const purple = { "100": "#F8F2F8", "200": "#F0E1EE", "300": "#DB97D5", "400": "#D54AC8", "500": "#B01AA7", "600": "#A6199D", "700": "#901588", "800": "#75116F", "900": "#530C4F", "1000": "#3E093B", "1100": "#280626", "1200": "#160315" }; const navy = { "50": "#F1F1F4", "100": "#E3E2E8", "120": "#CAC7D2", "200": "#BBB8C7", "300": "#7B728E", "400": "#554B70", "500": "#362E53", "700": "#261A48", "900": "#0F0429" }; const yellow = { "100": "#FFEED1", "300": "#FFDDA3", "400": "#FFD387", "500": "#FFC766", "700": "#C59548", "900": "#75592D", "1000": "#3B2E17" }; const green = { "100": "#F4F9F3", "200": "#E5F2E4", "300": "#C8E5C6", "400": "#93D790", "500": "#5CBF54", "700": "#479D3E", "900": "#2F6D1C", "1000": "#1B500A", "1100": "#143B05", "1200": "#102E03" }; const red = { "100": "#FDEDED", "120": "#F7E9E9", "150": "#EED0D0", "200": "#E5B5B5", "300": "#DB9494", "400": "#D16969", "500": "#C71414", "600": "#B61212", "700": "#A21010", "800": "#8D0E0E", "900": "#730C0C", "1000": "#510808", "1200": "#4A0707", "1300": "#420707", "1400": "#390606", "1500": "#2F0505", "1600": "#210303" }; const orange = { "100": "#F1D5B1", "300": "#EEC186", "500": "#E39735", "900": "#462E0C" }; const black = { "50": "#544F53", "75": "#443F44", "100": "#363036", "200": "#2E292E", "300": "#282127", "400": "#251D24", "500": "#191218", "600": "#0F0A0E", "700": "#090609", "800": "#030203", "1000": "#000000" }; const grey = { "50": "#F8F9FA", "100": "#E3E2E3", "200": "#C3C1C3", "300": "#A9A6A9", "400": "#9D9A9D", "500": "#918D91", "600": "#7D787D", "700": "#6A676A" }; const blue = { "100": "#F5F8FF", "200": "#E5EDFF", "300": "#B7D3FF", "400": "#74B0FF", "500": "#1F81F3", "600": "#185BD1", "700": "#1B3B8B", "800": "#19255C", "900": "#151C38", "1000": "#101423", "1100": "#0D1016", "1200": "#0A0B0F" }; const turquoise = { "50": "#ECF9FB", "100": "#CFEFF5", "200": "#AFE5EE", "300": "#8EDBE7", "400": "#76D3E2", "500": "#5ECBDD", "600": "#56C6D9", "700": "#4CBED4", "800": "#42B8CF", "900": "#31ACC7", "1200": "#11505E" }; const season = { "100": "#A9D4A8", "200": "#9FD09E", "300": "#7CC27B", "400": "#56B654", "500": "#24AA1F", "600": "#229F1C", "700": "#1F931A", "800": "#1D8618", "900": "#1A7816", "1000": "#166612", "1100": "#11510F", "1200": "#0A3109" }; const newPurple = { "200": "#E46FEE", "500": "#BC00CC" }; const newViolet = { "200": "#B86FFF", "500": "#6C06B5" }; var _palette = { white: white, purple: purple, navy: navy, yellow: yellow, green: green, red: red, orange: orange, black: black, grey: grey, blue: blue, turquoise: turquoise, season: season, newPurple: newPurple, newViolet: newViolet }; exports.black = black; exports.blue = blue; exports["default"] = _palette; exports.green = green; exports.grey = grey; exports.navy = navy; exports.newPurple = newPurple; exports.newViolet = newViolet; exports.orange = orange; exports.purple = purple; exports.red = red; exports.season = season; exports.turquoise = turquoise; exports.white = white; exports.yellow = yellow; //# sourceMappingURL=palette.js.map