@multei/tokens
Version:
Style Token Dictionary for Multei! Design System
521 lines • 11.6 kB
JSON
{
"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"
]
}
}
}
}