@salesforce-ux/design-system

{ "properties": [ { "category": "spacing", "type": "size", "comment": "Variable spacing token for size X Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "32", "name": "varSpacingXLarge" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "12", "name": "varSpacingHorizontalSmall" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size XX Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "48", "name": "varSpacingHorizontalXxLarge" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size X small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "8", "name": "spacingXSmall" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XXX small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2", "name": "spacingXxxSmall" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XX small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "4", "name": "spacingXxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "24", "name": "varSpacingVerticalLarge" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "24", "name": "varSpacingLarge" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size Medium", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "16", "name": "varSpacingMedium" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size Medium", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "16", "name": "varSpacingVerticalMedium" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size X Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "8", "name": "varSpacingVerticalXSmall" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "12", "name": "spacingSmall" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size XXX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2", "name": "varSpacingVerticalXxxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size X Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "8", "name": "varSpacingXSmall" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size XXX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2", "name": "varSpacingXxxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size X Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "32", "name": "varSpacingHorizontalXLarge" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size XX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "4", "name": "varSpacingHorizontalXxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size XX Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "48", "name": "varSpacingXxLarge" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Medium", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "16", "name": "spacingMedium" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size XX Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "48", "name": "varSpacingVerticalXxLarge" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "12", "name": "varSpacingVerticalSmall" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "12", "name": "varSpacingSmall" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for 0", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0", "name": "spacingNone" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "24", "name": "varSpacingHorizontalLarge" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size X Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "32", "name": "spacingXLarge" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XX Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "48", "name": "spacingXxLarge" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size XXX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2", "name": "varSpacingHorizontalXxxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size X Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "8", "name": "varSpacingHorizontalXSmall" }, { "category": "spacing", "type": "size", "comment": "Variable spacing token for size XX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "4", "name": "varSpacingXxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable horizontal spacing token for size Medium", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "16", "name": "varSpacingHorizontalMedium" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size XX Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "4", "name": "varSpacingVerticalXxSmall" }, { "category": "spacing", "type": "size", "comment": "Variable vertical spacing token for size X Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "32", "name": "varSpacingVerticalXLarge" }, { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "24", "name": "spacingLarge" } ] }