UNPKG

@salesforce-ux/design-system

Version:
426 lines 10.1 kB
{ "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" } ] }