@salesforce-ux/design-system

{ "properties": [ { "value": "only screen and (min-width: 64em)", "category": "media-query", "type": "media-query", "comment": "1024px, for tablet devices and larger.", "name": "mqLarge" }, { "value": ".8s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timing5" }, { "value": "rgb(0, 57, 107)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "Active link color", "name": "colorBlueMidnightBlue" }, { "value": "8", "type": "size", "cssProperties": [ "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "category": "radius", "comment": "", "name": "borderRadiusLarge" }, { "value": "1", "type": "number", "category": "line-height", "cssProperties": [ "font", "line-height" ], "comment": "", "name": "lineHeightReset" }, { "value": "16", "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "comment": "", "name": "fontSizeMedium" }, { "value": "rgb(0, 95, 178)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "Hover and focus link color", "name": "colorBlueEndeavour" }, { "value": "rgb(230, 236, 242)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSparta" }, { "value": "rgb(23, 50, 77)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueZodiac" }, { "value": "400", "type": "number", "category": "font-weight", "cssProperties": [ "font", "font-weight" ], "name": "fontWeightRegular" }, { "value": "20", "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "comment": "", "name": "fontSizeXLarge" }, { "value": "rgb(125, 152, 179)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueGhost" }, { "value": "rgb(255, 183, 93)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorOrangeAlert" }, { "value": "5s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timingTest" }, { "value": "rgb(53, 212, 204)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSea100" }, { "value": "rgb(64, 96, 127)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueRollingstone" }, { "value": "0.5", "type": "size", "cssProperties": [ "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "category": "radius", "comment": "", "name": "borderRadiusCircle" }, { "value": "rgb(108, 183, 250)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSky100" }, { "value": "24", "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "comment": "", "name": "fontSizeXxLarge" }, { "value": "14", "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "comment": "", "name": "fontSizeXMedium" }, { "value": "rgb(46, 194, 186)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSea300" }, { "value": "rgb(41, 71, 102)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueRhino" }, { "value": "rgb(10, 31, 51)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueBigstoneBlue" }, { "value": "rgb(75, 202, 129)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSuccess" }, { "value": "rgb(68, 162, 245)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSky300" }, { "value": "only screen and (min-width: 28em)", "category": "media-query", "type": "media-query", "comment": "448px, for phone devices and larger.", "name": "mqSmall" }, { "value": "rgb(255, 255, 255)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorWhite" }, { "value": "2", "type": "size", "cssProperties": [ "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "category": "radius", "comment": "", "name": "borderRadiusSmall" }, { "value": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", "type": "font", "category": "font", "cssProperties": [ "font", "font-family" ], "name": "fontFamilyBody" }, { "value": "rgb(173, 144, 245)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorPurpleRain100" }, { "value": "18", "type": "size", "cssProperties": [ "font", "font-size" ], "category": "font-size", "comment": "", "name": "fontSizeLarge" }, { "value": "rgb(39, 171, 164)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSea500" }, { "value": "rgb(45, 147, 237)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSky500" }, { "value": "rgb(163, 184, 204)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSpider" }, { "value": "4", "type": "size", "cssProperties": [ "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "category": "radius", "comment": "", "name": "borderRadiusMedium" }, { "value": "rgb(146, 113, 232)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorPurpleRain300" }, { "value": "rgb(32, 150, 145)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSea700" }, { "value": "rgb(32, 129, 214)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSky700" }, { "value": "rgb(92, 122, 153)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueAluminium" }, { "value": "only screen and (min-width: 48em)", "category": "media-query", "type": "media-query", "comment": "768px, for phone devices and larger.", "name": "mqMedium" }, { "value": "rgb(122, 86, 214)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorPurpleRain500" }, { "value": "rgb(27, 130, 125)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorGreenSea900" }, { "value": "rgb(25, 112, 189)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueSky900" }, { "value": "10", "type": "size", "category": "font-size", "cssProperties": [ "font", "font-size" ], "comment": "", "name": "fontSizeXSmall" }, { "value": "80", "type": "size", "cssProperties": [ "border-radius", "border-top-left-radius", "border-top-right-radius", "border-bottom-right-radius", "border-bottom-left-radius" ], "category": "radius", "comment": "", "name": "borderRadiusPill" }, { "value": "rgb(100, 63, 192)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorPurpleRain700" }, { "value": "rgb(89, 65, 149)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorPurpleRain900" }, { "value": "1.25", "type": "number", "category": "line-height", "cssProperties": [ "font", "line-height" ], "comment": "", "name": "lineHeightHeading" }, { "value": "64", "category": "spacing", "type": "size", "cssProperties": [ "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "comment": "", "name": "spacingXLarge" }, { "value": "128", "category": "spacing", "type": "size", "cssProperties": [ "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "comment": "", "name": "spacingXxLarge" }, { "value": "rgb(22, 50, 92)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "Disabled link color", "name": "colorBlueBiscay" }, { "value": "only screen and (min-width: 80em)", "category": "media-query", "type": "media-query", "comment": "1280px, for desktop screens and larger.", "name": "mqXLarge" }, { "value": "12", "type": "size", "category": "font-size", "cssProperties": [ "font", "font-size" ], "comment": "", "name": "fontSizeSmall" }, { "value": "1.5", "type": "number", "category": "line-height", "cssProperties": [ "font", "line-height" ], "comment": "", "name": "lineHeightText" }, { "value": "rgb(0, 112, 210)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "Link color (508)", "name": "colorBlueScience" }, { "value": ".1s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timing1" }, { "value": "700", "type": "number", "category": "font-weight", "cssProperties": [ "font", "font-weight" ], "name": "fontWeightBold" }, { "value": ".2s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timing2" }, { "value": ".4s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timing3" }, { "value": "rgb(212, 80, 76)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorRedError" }, { "value": "rgb(242, 246, 250)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueAthens" }, { "value": "rgb(197, 211, 224)", "type": "color", "category": "background-color", "cssProperties": [ "background", "background-color" ], "comment": "", "name": "colorBlueRome" }, { "value": ".6s", "category": "motion", "type": "time", "cssProperties": [ "animation", "animation-duration" ], "comment": "", "name": "timing4" }, { "value": "300", "type": "number", "category": "font-weight", "cssProperties": [ "font", "font-weight" ], "name": "fontWeightLight" }, { "value": "32", "category": "spacing", "type": "size", "cssProperties": [ "margin", "margin-top", "margin-right", "margin-bottom", "margin-left", "padding", "padding-top", "padding-right", "padding-bottom", "padding-left" ], "comment": "", "name": "spacingLarge" } ] }