@daikin-oss/dds-tokens
Version:
Design token definitions for DDS
186 lines • 4.15 kB
JSON
{
"color": {
"common": {
"brand": {
"default": {
"value": "{color.blue.60}",
"type": "color"
},
"hover": {
"value": "{color.blue.50}",
"type": "color"
},
"press": {
"value": "{color.blue.40}",
"type": "color"
}
},
"surface": {
"brand": {
"hover": {
"value": "{color.blue.120}",
"type": "color"
},
"press": {
"value": "{color.blue.110}",
"type": "color"
}
},
"neutral": {
"hover": {
"value": "{color.dark-gray.115}",
"type": "color"
},
"press": {
"value": "{color.gray.110}",
"type": "color"
}
},
"danger": {
"hover": {
"value": "{color.red.120}",
"type": "color"
},
"press": {
"value": "{color.red.110}",
"type": "color"
}
},
"default": {
"value": "{color.gray.120}",
"type": "color"
},
"secondary": {
"default": {
"value": "{color.gray.110}",
"type": "color"
},
"hover": {
"value": "{color.gray.100}",
"type": "color"
},
"press": {
"value": "{color.gray.90}",
"type": "color"
}
},
"inverse": {
"value": "{color.white}",
"type": "color"
},
"hover": {
"value": "{color.dark-gray.115}",
"type": "color"
},
"press": {
"value": "{color.gray.110}",
"type": "color"
},
"selected": {
"default": {
"value": "{color.blue.120}",
"type": "color"
},
"hover": {
"value": "{color.blue.110}",
"type": "color"
},
"press": {
"value": "{color.blue.100}",
"type": "color"
}
}
},
"neutral": {
"default": {
"value": "{color.gray.50}",
"type": "color"
},
"hover": {
"value": "{color.gray.40}",
"type": "color"
},
"press": {
"value": "{color.gray.30}",
"type": "color"
}
},
"danger": {
"default": {
"value": "{color.red.60}",
"type": "color"
},
"hover": {
"value": "{color.red.50}",
"type": "color"
},
"press": {
"value": "{color.red.40}",
"type": "color"
}
},
"success": {
"value": "{color.green.60}",
"type": "color"
},
"warning": {
"value": "{color.yellow.60}",
"type": "color"
},
"alarm": {
"value": "{color.orange.60}",
"type": "color"
},
"information": {
"value": "{color.blue.60}",
"type": "color"
},
"disabled": {
"value": "{color.gray.80}",
"type": "color"
},
"text": {
"primary": {
"value": "{color.gray.30}",
"type": "color"
},
"secondary": {
"value": "{color.gray.50}",
"type": "color"
},
"inverse": {
"value": "{color.gray.120}",
"type": "color"
}
},
"border": {
"focus": {
"value": "{color.blue.50}",
"type": "color"
},
"empty": {
"value": "{color.gray.90}",
"type": "color"
},
"inverse": {
"value": "{color.gray.120}",
"type": "color"
}
},
"background": {
"default": {
"value": "{color.gray.120}",
"type": "color"
},
"overlay": {
"value": "#000000bf",
"type": "color"
}
}
},
"divider": {
"value": "{color.gray.90}",
"type": "color"
}
}
}