UNPKG

@cnamts/design-tokens

Version:

Design Tokens for the French Health Insurance

188 lines (187 loc) 4.58 kB
{ "dialog-width": { "dialog-small": "560px", "dialog-medium": "800px" }, "page-width": "1440px", "input-width": { "input-small": "128px", "input-medium": "328px", "input-large": "384px", "input-x-large": "536px" }, "colors-bootstrap": { "am-blue": { "darken80": "#020d1f", "darken60": "#052-c64", "darken40": "#084298", "darken20": "#0-b58-c-a", "base": "#0d6efd", "lighten20": "#0-c6-d-f-d", "lighten40": "#3-d8-b-f-d", "lighten60": "#6-e-a7-f-d", "lighten80": "#9-e-c5-f-e", "lighten90": "#-c-f-e1-f-e", "lighten97": "#f8f9fc" }, "cyan": { "darken80": "#032830", "darken60": "#055160", "darken40": "#06798-f", "darken20": "#07-a2-c0", "base": "#0dcaf0", "lighten20": "#10-c-a-f0", "lighten40": "#37-b-f-d-b", "lighten60": "#6-d-d-e-f6", "lighten80": "#9-e-e-a-f9", "lighten90": "#-c-e-f4-f-c", "lighten97": "#f7fcfe" }, "frosted-blue": { "darken80": "#142327", "darken60": "#28464d", "darken40": "#3d6874", "darken20": "#518b9a", "base": "#65aec1", "lighten20": "#84becd", "lighten40": "#a3ceda", "lighten60": "#c1dfe6", "lighten80": "#e0eff3", "lighten90": "#f0f7f9", "lighten97": "#fafdfd" }, "parme": { "darken80": "#150330", "darken60": "#290661", "darken40": "#3-d0-a91", "darken20": "#520-d-c1", "base": "#6610f2", "lighten20": "#661de3", "lighten40": "#8540-f5", "lighten60": "#-a270-f7", "lighten80": "#-c19-e-f-a", "lighten90": "#-e0-c-f-f-c", "lighten97": "#fbfcfd" }, "mauve": { "darken80": "#170-d26", "darken60": "#2-b1-a4-d", "darken40": "#3-d0-a91", "darken20": "#59359-a", "base": "#6f42c1", "lighten20": "#6-f42-c1", "lighten40": "#8-b67-c-d", "lighten60": "#-a98-e-d-a", "lighten80": "#-c5-b3-e5", "lighten90": "#-e1-d9-f3", "lighten97": "#fcfafd" }, "pink": { "darken80": "#2-b0-a1-b", "darken60": "#561435", "darken40": "#801-f4-f", "darken20": "#-a-a2869", "base": "#d63384", "lighten20": "#-d63384", "lighten40": "#-d-d5-c9-d", "lighten60": "#-e685-b5", "lighten80": "#-e-f-a-d-c-d", "lighten90": "#-f7-d6-e6", "lighten97": "#fef8fb" }, "brick": { "darken80": "#2-c0-b0-f", "darken60": "#58151-c", "darken40": "#831-f29", "darken20": "#-b02-a37", "base": "#dc3545", "lighten20": "#dc3d4d", "lighten40": "#-e35-c6-a", "lighten60": "#-e9868-f", "lighten80": "#-f1-a-e-b5", "lighten90": "#-f8-d7-d9", "lighten97": "#fdfafa" }, "orange": { "darken80": "#321904", "darken60": "#643208", "darken40": "#984-c0-b", "darken20": "#-c-a6410", "base": "#fd7e14", "lighten20": "#fb8325", "lighten40": "#-f-d9843", "lighten60": "#-f-e-b272", "lighten80": "#-f-e-c-b-a1", "lighten90": "#-f-f-e5-d0", "lighten97": "#fefaf9" }, "yellow": { "darken80": "#332602", "darken60": "#664-d04", "darken40": "#997305", "darken20": "#-c-b9-a07", "base": "#ffc107", "lighten20": "#fdc312", "lighten40": "#-f-f-c-d38", "lighten60": "#-f-f-d969", "lighten80": "#-f-f-e69-c", "lighten90": "#-f-f-f2-c-d", "lighten97": "#fffdf8" }, "green": { "darken80": "#051-c12", "darken60": "#0-b3622", "darken40": "#0-f5132", "darken20": "#136-b42", "base": "#198754", "lighten20": "#1e8a57", "lighten40": "#479-f76", "lighten60": "#75-b798", "lighten80": "#-a3-c-f-b-b", "lighten90": "#-d1-e6-d-d", "lighten97": "#fafdfb" }, "turquoise": { "darken80": "#051-c12", "darken60": "#0-b3622", "darken40": "#0-f5132", "darken20": "#1-a-a179", "base": "#20c997", "lighten20": "#28cf9e", "lighten40": "#4-d-d4-a-c", "lighten60": "#78-d-f-c0", "lighten80": "#-a5-e9-d5", "lighten90": "#-d2-f4-e9", "lighten97": "#f7fcfc" }, "grey": { "darken80": "#212529", "darken60": "#343-a3-f", "darken40": "#485056", "darken20": "#6-c757-d", "base": "#adb5bd", "lighten20": "#b5bcc3", "lighten40": "#-c-e-d4-d9", "lighten60": "#-d-e-e2-e6", "lighten80": "#-e9-e-c-e-f", "lighten90": "#-f8-f9-f-a", "lighten97": "#fafafa" }, "primary": "#084298", "secondary": "#801-f4-f", "accent": "#0dcaf0", "error": "#-b02-a37", "info": "#052-c64", "success": "#479-f76", "warning": "#-f-f-f2-c-d", "risque-pro": "#cd545b", "light": "#bbbcbd", "dark": "#111212", "brand": "#4a3f59", "brand-secondary": "#ac1c81", "brand-muted": "#b7cbd6", "brand-muted-lite": "#-e7-f3-f9", "hilite-primary": "#0062ac", "hilite-secondary": "#e6bebf" } }