Skip to content

Instantly share code, notes, and snippets.

@nclsndr
Last active February 9, 2023 15:33
Show Gist options
  • Save nclsndr/45d0230d4653e72bee8f2ff9418bb19f to your computer and use it in GitHub Desktop.
Save nclsndr/45d0230d4653e72bee8f2ff9418bb19f to your computer and use it in GitHub Desktop.
Mapping testing
{
"primitives": {
"$description": "A group of primitive values",
"hexadecimalRed": {
"$type": "hexadecimalColorString",
"$value": "#9B1C0C"
},
"aZeroToOneNumber": {
"$type": "zeroToOneNumber",
"$value": 0.3
},
"baseBlur": {
"$description": "The base blur radius used in shadows",
"$type": "blur",
"$value": {
"$alias": "primitives.scale.2"
}
},
"baseLightness": {
"$description": "The base lightness used in colors",
"$type": "percentageNumber",
"$value": 56
},
"opacity": {
"$description": "A scale of opacity values available for the rest of the design system",
"opaque": {
"$type": "opacity",
"$value": 1
},
"semi": {
"$type": "opacity",
"$value": 0.5
},
"almostTransparent": {
"$type": "opacity",
"$value": 0.1
}
},
"scale": {
"1": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "px"
}
},
"2": {
"$type": "dimension",
"$value": {
"value": 8,
"unit": "px"
}
},
"3": {
"$type": "dimension",
"$value": {
"value": 12,
"unit": "px"
}
},
"4": {
"$type": "dimension",
"$value": {
"value": 16,
"unit": "px"
}
},
"$description": "A scale of values available for the rest of the design system"
}
},
"colors": {
"primary": {
"$description": "The primary color of the design system",
"$type": "color",
"$value": {
"model": "hex",
"hex": {
"$alias": "primitives.hexadecimalRed"
},
"alpha": {
"$alias": "primitives.opacity.opaque"
}
}
},
"secondary": {
"$description": "The secondary color of the design system",
"$type": "color",
"$value": {
"model": "lch",
"lightness": {
"$alias": "primitives.baseLightness"
},
"chroma": 100,
"hue": 22,
"alpha": {
"$alias": "primitives.opacity.opaque"
}
}
}
},
"shadows": {
"primary": {
"$type": "shadow",
"$value": {
"color": {
"$alias": "colors.primary"
},
"blurRadius": {
"$alias": "primitives.baseBlur"
},
"spreadRadius": {
"$alias": "primitives.scale.2"
},
"offsetX": {
"unit": "px",
"value": 0
},
"offsetY": {
"$alias": "primitives.scale.1"
},
"type": "outer"
}
},
"secondary": {
"$type": "shadow",
"$value": {
"color": {
"$alias": "colors.secondary"
},
"blurRadius": {
"$alias": "primitives.baseBlur"
},
"spreadRadius": {
"$alias": "primitives.scale.2"
},
"offsetX": {
"unit": "px",
"value": 0
},
"offsetY": {
"$alias": "primitives.scale.1"
},
"type": "outer"
}
},
"compound": {
"$type": "shadows",
"$value": [
{
"$alias": "shadows.primary"
},
{
"$alias": "shadows.secondary"
}
]
}
},
"fonts": {
"interRegular": {
"$type": "font",
"$value": {
"family": "Inter",
"postScriptName": "Inter Regular",
"weight": 400,
"style": "normal",
"provider": "Specify",
"files": [
{
"url": "https://fonts.specifyapp.com/inter-regular.woff2",
"format": "woff2"
}
]
}
}
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment