68 lines
3.1 KiB
JSON
68 lines
3.1 KiB
JSON
{
|
|
"$schema": "https://design-tokens.github.io/community-group/format/",
|
|
"schemaVersion": "1.0.0",
|
|
"name": "NODE.DC Design Tokens",
|
|
"color": {
|
|
"accentRgb": { "$type": "color", "$value": "rgb(255 47 146)" },
|
|
"onAccentRgb": { "$type": "color", "$value": "rgb(11 17 23)" },
|
|
"dangerRgb": { "$type": "color", "$value": "rgb(255 116 116)" },
|
|
"warningRgb": { "$type": "color", "$value": "rgb(255 209 102)" },
|
|
"successRgb": { "$type": "color", "$value": "rgb(181 255 90)" }
|
|
},
|
|
"radius": {
|
|
"modal": { "$type": "dimension", "$value": "28px" },
|
|
"panel": { "$type": "dimension", "$value": "22px" },
|
|
"card": { "$type": "dimension", "$value": "21.6px" },
|
|
"control": { "$type": "dimension", "$value": "20px" },
|
|
"controlCompact": { "$type": "dimension", "$value": "14px" },
|
|
"option": { "$type": "dimension", "$value": "14.4px" },
|
|
"circle": { "$type": "dimension", "$value": "999px" }
|
|
},
|
|
"size": {
|
|
"control": { "$type": "dimension", "$value": "46px" },
|
|
"controlCompact": { "$type": "dimension", "$value": "38px" },
|
|
"iconButton": { "$type": "dimension", "$value": "46px" },
|
|
"headerRow": { "$type": "dimension", "$value": "48px" },
|
|
"headerPill": { "$type": "dimension", "$value": "55.2px" },
|
|
"headerControl": { "$type": "dimension", "$value": "44.48px" },
|
|
"logoWidth": { "$type": "dimension", "$value": "116px" },
|
|
"logoHeight": { "$type": "dimension", "$value": "28.64px" },
|
|
"inspectorWidth": { "$type": "dimension", "$value": "390px" },
|
|
"inspectorInnerWidth": { "$type": "dimension", "$value": "330px" },
|
|
"inspectorLabelWidth": { "$type": "dimension", "$value": "154px" },
|
|
"inspectorControlWidth": { "$type": "dimension", "$value": "162px" },
|
|
"inspectorControlGap": { "$type": "dimension", "$value": "14px" },
|
|
"selectToggleWidth": { "$type": "dimension", "$value": "46px" },
|
|
"selectGap": { "$type": "dimension", "$value": "8px" }
|
|
},
|
|
"space": {
|
|
"1": { "$type": "dimension", "$value": "4px" },
|
|
"2": { "$type": "dimension", "$value": "8px" },
|
|
"3": { "$type": "dimension", "$value": "12px" },
|
|
"4": { "$type": "dimension", "$value": "16px" },
|
|
"5": { "$type": "dimension", "$value": "20px" },
|
|
"6": { "$type": "dimension", "$value": "24px" },
|
|
"8": { "$type": "dimension", "$value": "32px" },
|
|
"page": { "$type": "dimension", "$value": "20px" }
|
|
},
|
|
"blur": {
|
|
"control": { "$type": "dimension", "$value": "24px" },
|
|
"panel": { "$type": "dimension", "$value": "44px" },
|
|
"modal": { "$type": "dimension", "$value": "64px" },
|
|
"dropdown": { "$type": "dimension", "$value": "44px" }
|
|
},
|
|
"duration": {
|
|
"fast": { "$type": "duration", "$value": "120ms" },
|
|
"normal": { "$type": "duration", "$value": "180ms" },
|
|
"slow": { "$type": "duration", "$value": "260ms" }
|
|
},
|
|
"layer": {
|
|
"base": { "$type": "number", "$value": 0 },
|
|
"panel": { "$type": "number", "$value": 100 },
|
|
"header": { "$type": "number", "$value": 400 },
|
|
"overlay": { "$type": "number", "$value": 800 },
|
|
"popover": { "$type": "number", "$value": 900 },
|
|
"toast": { "$type": "number", "$value": 950 }
|
|
}
|
|
}
|