UNPKG

synapse-react-client

Version:

[![npm version](https://badge.fury.io/js/synapse-react-client.svg)](https://badge.fury.io/js/synapse-react-client) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettie

199 lines (198 loc) 4.66 kB
import r from "tinycolor2"; const t = (e, n) => ({ 100: r(e).desaturate(25).lighten(50).toString(), 200: r(e).desaturate(13).lighten(20).toString(), 300: r(e).desaturate(3).lighten(10).toString(), 400: r(e).desaturate(1).lighten(5).toString(), 500: r(e).toString(), 600: r(e).saturate(5).darken(4).toString(), 700: r(e).saturate(11).darken(8).toString(), 800: r(e).saturate(18).darken(10).toString(), 900: r(e).saturate(24).darken(18).toString(), light: n && 400 in n && n[400] || r(e).desaturate(1).lighten(5).toString(), // 400 main: r(e).toString(), // 500 dark: n && 600 in n && n[600] || r(e).saturate(5).darken(4).toString(), // 600 contrastText: "#fff", ...n }), a = { primary: t("#395979", { 100: "#d7dee4", 200: "#b0bdc9", 300: "#889baf", 400: "#617a94", 500: "#395979", 600: "#2e4761", 700: "#223549", 800: "#172430", 900: "#0b1218" }), secondary: t("#469285", { 100: "#dae9e7", 200: "#b5d3ce", 300: "#90beb6", 400: "#6ba89d", 500: "#469285", 600: "#38756a", 700: "#2a6960", 800: "#1c3a35", 900: "#0e1d1b" }), tertiary: t("#EDC766", { 100: "#fbf4e0", 200: "#f8e9c2", 300: "#f4dda3", 400: "#f1d285", 500: "#edc766", 600: "#be9f52", 700: "#8e773d", 800: "#5f5029", 900: "#2f2814" }), grey: { 1e3: "#22252a", 900: "#353a3f", 800: "#4a5056", 700: "#71767F", 600: "#aeb5bc", 500: "#d0d4d9", 400: "#dfe2e6", 300: "#eaecee", 200: "#f1f3f5", 100: "#fbfbfc" }, // The neutral palette can be used to color components like buttons in grayscale neutral: t("#71767F"), // grey-700 darkPrimary: t("#164B6E"), lightPrimary: { ...t("#f8f9fa"), contrastText: "#164B6E" }, light: { ...t("#f8f9fa"), contrastText: "#22252a" }, // grey-1000 success: { main: "#32a330", contrastText: "#ffffff" }, info: { main: "#017fa5" }, warning: { main: "#cc9f00" }, error: { main: "#c13415" }, text: { primary: "#353a3f", // gray-900 secondary: "#4a5056" // gray-800 }, // Set a minimum contrast of at least 4.5:1 as defined in WCAG 2.1 Rule 1.4.3. // https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html. // But the contrast text color is currently not updated when the colors are: https://github.com/mui/material-ui/issues/35895 contrastThreshold: 4.5 }, s = { ...a, primary: t("#4F527D"), secondary: t("#9499C7") }, d = { ...a, primary: t("#e79776"), secondary: t("#e79776") }, c = { ...a, primary: t("#4d5491"), secondary: t("#2f8e94") }, o = { ...a, primary: t("#39AC97"), secondary: t("#39AC97") }, f = { ...a, primary: { ...t("#125e81"), contrastText: "#fff" }, secondary: { ...t("#404b63"), contrastText: "#fff" } }, y = { ...a, primary: t("#00255c"), secondary: t("#2699a7") }, i = { ...a, primary: t("#4d5491"), secondary: t("#4d5491") }, l = { ...a, primary: t("#3e7293"), secondary: t("#164767") }, P = { ...a, primary: t("#0085ff"), secondary: t("#0085ff") }, g = { ...a, primary: t("#38568e"), secondary: t("#47337d") }, m = { ...a, primary: t("#24AB9F"), secondary: t("#F5B33C") }, b = { ...a, primary: t("#407BA0"), secondary: t("#407BA0") }, p = { ...a, primary: t("#26881F"), secondary: t("#26881F") }, u = { ...a, primary: t("#395979"), secondary: t("#395979") }, h = { ...a, primary: t("#2360A6"), secondary: t("#2360A6") }, S = { ...a, primary: t("#098169"), secondary: t("#098169") }, k = { ...a, primary: t("#252861"), secondary: t("#252861") }, A = { palette: a, generatePalette: t, adKnowledgePortalPalette: c, mtbPalette: s, arkPortalPalette: d, challengePortalPalette: b, elPortalPalette: o, nfPortalPalette: f, bsmnPortalPalette: y, stopAdPortalPalette: i, digitalHealthPortalPalette: l, crcResearcherPortalPalette: P, cancerComplexityPortalPalette: g, sageBionetworksPalette: m, geniePalette: p, standardsPortalPalette: u, ampalsPalette: h, classicPalette: S, arcusbioPalette: k }; export { c as adKnowledgePortalPalette, h as ampalsPalette, k as arcusbioPalette, d as arkPortalPalette, y as bsmnPortalPalette, g as cancerComplexityPortalPalette, b as challengePortalPalette, S as classicPalette, P as crcResearcherPortalPalette, A as default, l as digitalHealthPortalPalette, o as elPortalPalette, t as generatePalette, p as geniePalette, s as mtbPalette, f as nfPortalPalette, a as palette, m as sageBionetworksPalette, u as standardsPortalPalette, i as stopAdPortalPalette }; //# sourceMappingURL=Palettes.js.map