@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
426 lines • 10.1 kB
JSON
{
"properties": [
{
"access": "global",
"primitive": true,
"name": "fontWeightLight",
"value": "300",
"deprecated": true,
"scope": "global",
"cssProperties": [
"font",
"font-weight"
],
"type": "font-weight",
"category": "font",
"comment": "Use for large headings only."
},
{
"access": "global",
"primitive": true,
"name": "fontWeightRegular",
"value": "400",
"scope": "global",
"cssProperties": [
"font",
"font-weight"
],
"type": "font-weight",
"category": "font",
"comment": "Most all body copy."
},
{
"access": "global",
"primitive": true,
"name": "fontWeightBold",
"value": "700",
"scope": "global",
"cssProperties": [
"font",
"font-weight"
],
"type": "font-weight",
"category": "font",
"comment": "Used sparingly for emphasized text within regular body copy."
},
{
"primitive": true,
"name": "fontSize1",
"value": "10",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 1"
},
{
"primitive": true,
"name": "fontSize2",
"value": "12",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 2"
},
{
"primitive": true,
"name": "fontSize3",
"value": "13",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 3"
},
{
"primitive": true,
"name": "varFontSize10",
"value": "32",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 10"
},
{
"primitive": true,
"name": "fontSize4",
"value": "14",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 4"
},
{
"primitive": true,
"name": "varFontSize11",
"value": "42",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 11"
},
{
"primitive": true,
"name": "fontSize5",
"value": "16",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 5"
},
{
"primitive": true,
"name": "fontSize6",
"value": "18",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 6"
},
{
"primitive": true,
"name": "fontSize7",
"value": "20",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 7"
},
{
"primitive": true,
"name": "fontSize8",
"value": "24",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 8"
},
{
"primitive": true,
"name": "varFontSize1",
"value": "10",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 1"
},
{
"primitive": true,
"name": "fontSize9",
"value": "28",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 9"
},
{
"primitive": true,
"name": "varFontSize2",
"value": "12",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 2"
},
{
"primitive": true,
"name": "varFontSize3",
"value": "13",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 3"
},
{
"primitive": true,
"name": "fontSize10",
"value": "32",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 10"
},
{
"primitive": true,
"name": "varFontSize4",
"value": "14",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 4"
},
{
"primitive": true,
"name": "fontSize11",
"value": "42",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Constant typography token for font size 11"
},
{
"primitive": true,
"name": "varFontSize5",
"value": "16",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 5"
},
{
"primitive": true,
"name": "varFontSize6",
"value": "18",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 6"
},
{
"primitive": true,
"name": "varFontSize7",
"value": "20",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 7"
},
{
"primitive": true,
"name": "varFontSize8",
"value": "24",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 8"
},
{
"primitive": true,
"name": "varFontSize9",
"value": "28",
"scope": "global",
"cssProperties": [
"font",
"font-size"
],
"type": "font-size",
"category": "font-size",
"comment": "Variable typography token for font size 9"
},
{
"access": "global",
"primitive": true,
"name": "lineHeightHeading",
"value": "1.25",
"scope": "global",
"cssProperties": [
"font",
"*height"
],
"type": "number",
"category": "line-height",
"comment": "Unitless line-heights for reusability"
},
{
"access": "global",
"primitive": true,
"name": "lineHeightText",
"value": "1.5",
"scope": "global",
"cssProperties": [
"font",
"*height"
],
"type": "number",
"category": "line-height",
"comment": "Unitless line-heights for reusability"
},
{
"access": "global",
"primitive": true,
"name": "lineHeightReset",
"value": "1",
"scope": "global",
"cssProperties": [
"font",
"*height"
],
"type": "number",
"category": "line-height",
"comment": "Remove extra leading. Unitless line-heights for reusability"
},
{
"primitive": true,
"name": "varLineHeightText",
"value": "1.5",
"scope": "global",
"cssProperties": [
"font",
"*height"
],
"type": "number",
"category": "line-height",
"comment": "Variable unitless line-heights for reusability"
},
{
"access": "global",
"primitive": true,
"name": "fontFamily",
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"scope": "global",
"cssProperties": [
"font",
"font-family"
],
"type": "font",
"category": "font",
"comment": "Default font-family for Salesforce applications"
},
{
"category": "font",
"type": "font",
"cssProperties": [
"font",
"font-family"
],
"scope": "global",
"primitive": true,
"value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"name": "fontFamilyHeading"
},
{
"category": "font",
"type": "font",
"cssProperties": [
"font",
"font-family"
],
"scope": "global",
"primitive": true,
"value": "Consolas, Menlo, Monaco, Courier, monospace",
"name": "fontFamilyMonospace"
}
]
}