@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
759 lines • 17.8 kB
JSON
{
"aliases": {
"SPACING_X_SMALL": {
"value": "0.5rem"
},
"SPACING_XXX_SMALL": {
"value": "0.125rem"
},
"SPACING_XX_SMALL": {
"value": "0.25rem"
},
"SPACING_SMALL": {
"value": "0.75rem"
},
"SPACING_MEDIUM": {
"value": "1rem"
},
"SPACING_NONE": {
"value": "0"
},
"SPACING_X_LARGE": {
"value": "2rem"
},
"SPACING_XX_LARGE": {
"value": "3rem"
},
"SPACING_LARGE": {
"value": "1.5rem"
}
},
"props": {
"VAR_SPACING_X_LARGE": {
"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": "2rem",
"originalValue": "{!SPACING_X_LARGE}",
"name": "VAR_SPACING_X_LARGE"
},
"VAR_SPACING_HORIZONTAL_SMALL": {
"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": "0.75rem",
"originalValue": "{!SPACING_SMALL}",
"name": "VAR_SPACING_HORIZONTAL_SMALL"
},
"VAR_SPACING_HORIZONTAL_XX_LARGE": {
"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": "3rem",
"originalValue": "{!SPACING_XX_LARGE}",
"name": "VAR_SPACING_HORIZONTAL_XX_LARGE"
},
"SPACING_X_SMALL": {
"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": "0.5rem",
"originalValue": "{!SPACING_X_SMALL}",
"name": "SPACING_X_SMALL"
},
"SPACING_XXX_SMALL": {
"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": "0.125rem",
"originalValue": "{!SPACING_XXX_SMALL}",
"name": "SPACING_XXX_SMALL"
},
"SPACING_XX_SMALL": {
"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": "0.25rem",
"originalValue": "{!SPACING_XX_SMALL}",
"name": "SPACING_XX_SMALL"
},
"VAR_SPACING_VERTICAL_LARGE": {
"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": "1.5rem",
"originalValue": "{!SPACING_LARGE}",
"name": "VAR_SPACING_VERTICAL_LARGE"
},
"VAR_SPACING_LARGE": {
"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": "1.5rem",
"originalValue": "{!SPACING_LARGE}",
"name": "VAR_SPACING_LARGE"
},
"VAR_SPACING_MEDIUM": {
"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": "1rem",
"originalValue": "{!SPACING_MEDIUM}",
"name": "VAR_SPACING_MEDIUM"
},
"VAR_SPACING_VERTICAL_MEDIUM": {
"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": "1rem",
"originalValue": "{!SPACING_MEDIUM}",
"name": "VAR_SPACING_VERTICAL_MEDIUM"
},
"VAR_SPACING_VERTICAL_X_SMALL": {
"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": "0.5rem",
"originalValue": "{!SPACING_X_SMALL}",
"name": "VAR_SPACING_VERTICAL_X_SMALL"
},
"SPACING_SMALL": {
"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": "0.75rem",
"originalValue": "{!SPACING_SMALL}",
"name": "SPACING_SMALL"
},
"VAR_SPACING_VERTICAL_XXX_SMALL": {
"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": "0.125rem",
"originalValue": "{!SPACING_XXX_SMALL}",
"name": "VAR_SPACING_VERTICAL_XXX_SMALL"
},
"VAR_SPACING_X_SMALL": {
"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": "0.5rem",
"originalValue": "{!SPACING_X_SMALL}",
"name": "VAR_SPACING_X_SMALL"
},
"VAR_SPACING_XXX_SMALL": {
"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": "0.125rem",
"originalValue": "{!SPACING_XXX_SMALL}",
"name": "VAR_SPACING_XXX_SMALL"
},
"VAR_SPACING_HORIZONTAL_X_LARGE": {
"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": "2rem",
"originalValue": "{!SPACING_X_LARGE}",
"name": "VAR_SPACING_HORIZONTAL_X_LARGE"
},
"VAR_SPACING_HORIZONTAL_XX_SMALL": {
"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": "0.25rem",
"originalValue": "{!SPACING_XX_SMALL}",
"name": "VAR_SPACING_HORIZONTAL_XX_SMALL"
},
"VAR_SPACING_XX_LARGE": {
"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": "3rem",
"originalValue": "{!SPACING_XX_LARGE}",
"name": "VAR_SPACING_XX_LARGE"
},
"SPACING_MEDIUM": {
"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": "1rem",
"originalValue": "{!SPACING_MEDIUM}",
"name": "SPACING_MEDIUM"
},
"VAR_SPACING_VERTICAL_XX_LARGE": {
"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": "3rem",
"originalValue": "{!SPACING_XX_LARGE}",
"name": "VAR_SPACING_VERTICAL_XX_LARGE"
},
"VAR_SPACING_VERTICAL_SMALL": {
"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": "0.75rem",
"originalValue": "{!SPACING_SMALL}",
"name": "VAR_SPACING_VERTICAL_SMALL"
},
"VAR_SPACING_SMALL": {
"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": "0.75rem",
"originalValue": "{!SPACING_SMALL}",
"name": "VAR_SPACING_SMALL"
},
"SPACING_NONE": {
"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",
"originalValue": "{!SPACING_NONE}",
"name": "SPACING_NONE"
},
"VAR_SPACING_HORIZONTAL_LARGE": {
"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": "1.5rem",
"originalValue": "{!SPACING_LARGE}",
"name": "VAR_SPACING_HORIZONTAL_LARGE"
},
"SPACING_X_LARGE": {
"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": "2rem",
"originalValue": "{!SPACING_X_LARGE}",
"name": "SPACING_X_LARGE"
},
"SPACING_XX_LARGE": {
"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": "3rem",
"originalValue": "{!SPACING_XX_LARGE}",
"name": "SPACING_XX_LARGE"
},
"VAR_SPACING_HORIZONTAL_XXX_SMALL": {
"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": "0.125rem",
"originalValue": "{!SPACING_XXX_SMALL}",
"name": "VAR_SPACING_HORIZONTAL_XXX_SMALL"
},
"VAR_SPACING_HORIZONTAL_X_SMALL": {
"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": "0.5rem",
"originalValue": "{!SPACING_X_SMALL}",
"name": "VAR_SPACING_HORIZONTAL_X_SMALL"
},
"VAR_SPACING_XX_SMALL": {
"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": "0.25rem",
"originalValue": "{!SPACING_XX_SMALL}",
"name": "VAR_SPACING_XX_SMALL"
},
"VAR_SPACING_HORIZONTAL_MEDIUM": {
"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": "1rem",
"originalValue": "{!SPACING_MEDIUM}",
"name": "VAR_SPACING_HORIZONTAL_MEDIUM"
},
"VAR_SPACING_VERTICAL_XX_SMALL": {
"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": "0.25rem",
"originalValue": "{!SPACING_XX_SMALL}",
"name": "VAR_SPACING_VERTICAL_XX_SMALL"
},
"VAR_SPACING_VERTICAL_X_LARGE": {
"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": "2rem",
"originalValue": "{!SPACING_X_LARGE}",
"name": "VAR_SPACING_VERTICAL_X_LARGE"
},
"SPACING_LARGE": {
"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": "1.5rem",
"originalValue": "{!SPACING_LARGE}",
"name": "SPACING_LARGE"
}
}
}