UNPKG

@multei/tokens

Version:

Style Token Dictionary for Multei! Design System

521 lines 11.6 kB
{ "color": { "background": { "code": { "value": "#3c493f", "original": { "value": "{color.base.gray.value}" }, "name": "ColorBackgroundCode", "attributes": { "category": "color", "type": "background", "item": "code" }, "path": [ "color", "background", "code" ] }, "default": { "value": "#623cea", "original": { "value": "{color.base.purple.medium.value}" }, "name": "ColorBackgroundDefault", "attributes": { "category": "color", "type": "background", "item": "default" }, "path": [ "color", "background", "default" ] }, "error": { "value": "#a63446", "original": { "value": "{color.base.red.value}" }, "name": "ColorBackgroundError", "attributes": { "category": "color", "type": "background", "item": "error" }, "path": [ "color", "background", "error" ] }, "info": { "value": "#5887ff", "original": { "value": "{color.base.blue.value}" }, "name": "ColorBackgroundInfo", "attributes": { "category": "color", "type": "background", "item": "info" }, "path": [ "color", "background", "info" ] }, "mark": { "value": "#f4ff52", "original": { "value": "{color.base.yellow.value}" }, "name": "ColorBackgroundMark", "attributes": { "category": "color", "type": "background", "item": "mark" }, "path": [ "color", "background", "mark" ] }, "paper": { "light": { "value": "#f6f4f3", "original": { "value": "{color.base.white.value}" }, "name": "ColorBackgroundPaperLight", "attributes": { "category": "color", "type": "background", "item": "paper", "subitem": "light" }, "path": [ "color", "background", "paper", "light" ] }, "dark": { "value": "#140c2f", "original": { "value": "{color.base.purple.dark.value}" }, "name": "ColorBackgroundPaperDark", "attributes": { "category": "color", "type": "background", "item": "paper", "subitem": "dark" }, "path": [ "color", "background", "paper", "dark" ] } }, "success": { "value": "#71b340", "original": { "value": "{color.base.green.value}" }, "name": "ColorBackgroundSuccess", "attributes": { "category": "color", "type": "background", "item": "success" }, "path": [ "color", "background", "success" ] }, "warning": { "value": "#f49f0a", "original": { "value": "{color.base.orange.value}" }, "name": "ColorBackgroundWarning", "attributes": { "category": "color", "type": "background", "item": "warning" }, "path": [ "color", "background", "warning" ] } }, "base": { "black": { "value": "#0f1108", "original": { "value": "#0f1108" }, "name": "ColorBaseBlack", "attributes": { "category": "color", "type": "base", "item": "black" }, "path": [ "color", "base", "black" ] }, "blue": { "value": "#5887ff", "original": { "value": "#5887FF" }, "name": "ColorBaseBlue", "attributes": { "category": "color", "type": "base", "item": "blue" }, "path": [ "color", "base", "blue" ] }, "gray": { "value": "#3c493f", "original": { "value": "#3C493F" }, "name": "ColorBaseGray", "attributes": { "category": "color", "type": "base", "item": "gray" }, "path": [ "color", "base", "gray" ] }, "green": { "value": "#71b340", "original": { "value": "#71B340" }, "name": "ColorBaseGreen", "attributes": { "category": "color", "type": "base", "item": "green" }, "path": [ "color", "base", "green" ] }, "orange": { "value": "#f49f0a", "original": { "value": "#F49F0A" }, "name": "ColorBaseOrange", "attributes": { "category": "color", "type": "base", "item": "orange" }, "path": [ "color", "base", "orange" ] }, "purple": { "medium": { "value": "#623cea", "original": { "value": "#623CEA" }, "name": "ColorBasePurpleMedium", "attributes": { "category": "color", "type": "base", "item": "purple", "subitem": "medium" }, "path": [ "color", "base", "purple", "medium" ] }, "dark": { "value": "#140c2f", "original": { "value": "#140C2F" }, "name": "ColorBasePurpleDark", "attributes": { "category": "color", "type": "base", "item": "purple", "subitem": "dark" }, "path": [ "color", "base", "purple", "dark" ] } }, "red": { "value": "#a63446", "original": { "value": "#A63446" }, "name": "ColorBaseRed", "attributes": { "category": "color", "type": "base", "item": "red" }, "path": [ "color", "base", "red" ] }, "white": { "value": "#f6f4f3", "original": { "value": "#f6f4f3" }, "name": "ColorBaseWhite", "attributes": { "category": "color", "type": "base", "item": "white" }, "path": [ "color", "base", "white" ] }, "yellow": { "value": "#f4ff52", "original": { "value": "#F4FF52" }, "name": "ColorBaseYellow", "attributes": { "category": "color", "type": "base", "item": "yellow" }, "path": [ "color", "base", "yellow" ] } }, "brand": { "primary": { "value": "#623cea", "original": { "value": "{color.base.purple.medium.value}" }, "name": "ColorBrandPrimary", "attributes": { "category": "color", "type": "brand", "item": "primary" }, "path": [ "color", "brand", "primary" ] }, "secondary": { "value": "#5887ff", "original": { "value": "{color.base.blue.value}" }, "name": "ColorBrandSecondary", "attributes": { "category": "color", "type": "brand", "item": "secondary" }, "path": [ "color", "brand", "secondary" ] } }, "font": { "error": { "value": "#f6f4f3", "original": { "value": "{color.base.white.value}" }, "name": "ColorFontError", "attributes": { "category": "color", "type": "font", "item": "error" }, "path": [ "color", "font", "error" ] }, "info": { "value": "#f6f4f3", "original": { "value": "{color.base.white.value}" }, "name": "ColorFontInfo", "attributes": { "category": "color", "type": "font", "item": "info" }, "path": [ "color", "font", "info" ] }, "mark": { "value": "#0f1108", "original": { "value": "{color.base.black.value}" }, "name": "ColorFontMark", "attributes": { "category": "color", "type": "font", "item": "mark" }, "path": [ "color", "font", "mark" ] }, "primary": { "value": "#f6f4f3", "original": { "value": "{color.base.white.value}" }, "name": "ColorFontPrimary", "attributes": { "category": "color", "type": "font", "item": "primary" }, "path": [ "color", "font", "primary" ] }, "secondary": { "value": "#f6f4f3", "original": { "value": "{color.base.white.value}" }, "name": "ColorFontSecondary", "attributes": { "category": "color", "type": "font", "item": "secondary" }, "path": [ "color", "font", "secondary" ] }, "success": { "value": "#0f1108", "original": { "value": "{color.base.black.value}" }, "name": "ColorFontSuccess", "attributes": { "category": "color", "type": "font", "item": "success" }, "path": [ "color", "font", "success" ] }, "warning": { "value": "#0f1108", "original": { "value": "{color.base.black.value}" }, "name": "ColorFontWarning", "attributes": { "category": "color", "type": "font", "item": "warning" }, "path": [ "color", "font", "warning" ] } } }, "font": { "family": { "base": { "value": "Overpass, \"-apple-system\", BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif", "original": { "value": "Overpass, \"-apple-system\", BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif" }, "name": "FontFamilyBase", "attributes": { "category": "font", "type": "family", "item": "base" }, "path": [ "font", "family", "base" ] } } } }