@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
344 lines • 7.65 kB
JSON
{
"auraImports": [
"one:actionBackgrounds"
],
"props": {
"WIDTH_STAGE_LEFT": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "88%",
"originalValue": "88%",
"name": "WIDTH_STAGE_LEFT"
},
"SQUARE_TOOLTIP": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "1.25rem",
"comment": "Tooltip square size",
"deprecated": true,
"originalValue": "1.25rem",
"name": "SQUARE_TOOLTIP"
},
"HEIGHT_HEADER": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "2.75rem",
"comment": "Brand header. Phone 44px; Tablet 50px",
"originalValue": "2.75rem",
"name": "HEIGHT_HEADER"
},
"MAX_WIDTH_ACTION_OVERFLOW_MENU": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "512px",
"comment": "Maximum width for action overflow menu so that it's not full-screen for tablet.",
"originalValue": "512px",
"name": "MAX_WIDTH_ACTION_OVERFLOW_MENU"
},
"MAX_WIDTH_HEADER_BRAND": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "156px",
"comment": "Maximum width for brand logos in header.",
"deprecated": true,
"originalValue": "156px",
"name": "MAX_WIDTH_HEADER_BRAND"
},
"SQUARE_TAPPABLE": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "2.75rem",
"comment": "Tap target Size",
"originalValue": "2.75rem",
"name": "SQUARE_TAPPABLE"
},
"SQUARE_TOOLTIP_NUBBIN": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "1rem",
"comment": "Tooltip nubbin square size",
"originalValue": "1rem",
"name": "SQUARE_TOOLTIP_NUBBIN"
},
"SQUARE_RECORD_ANCHOR_PIC": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "3rem",
"comment": "Use squareIconLargeBoundary",
"deprecated": true,
"originalValue": "3rem",
"name": "SQUARE_RECORD_ANCHOR_PIC"
},
"FLEX_MASTER_PANEL": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "7",
"comment": "2 Column Layout - Master",
"originalValue": "7",
"name": "FLEX_MASTER_PANEL"
},
"MAX_HEIGHT_CARD_MEDIA": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "144px",
"comment": "Maximum height for photos and such in cards.",
"deprecated": true,
"originalValue": "144px",
"name": "MAX_HEIGHT_CARD_MEDIA"
},
"HEIGHT_INPUT": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "1.875rem",
"comment": "Text input height",
"originalValue": "1.875rem",
"name": "HEIGHT_INPUT"
},
"MAX_HEIGHT_HEADER_BRAND": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "32px",
"comment": "Maximum height for brand logos in header.",
"deprecated": true,
"originalValue": "32px",
"name": "MAX_HEIGHT_HEADER_BRAND"
},
"HEIGHT_FOOTER": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "3.75rem",
"comment": "Action footer menu. Phone 44px; Tablet 50px",
"originalValue": "3.75rem",
"name": "HEIGHT_FOOTER"
},
"MAX_WIDTH_ACTION_BAR_WITH_LABELS": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "320px",
"comment": "Maximum width for action icons in action bar when there are only 2 items with labels.",
"originalValue": "320px",
"name": "MAX_WIDTH_ACTION_BAR_WITH_LABELS"
},
"FLEX_DETAIL_PANEL": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "3",
"comment": "2 Column Layout - Detail",
"originalValue": "3",
"name": "FLEX_DETAIL_PANEL"
},
"HEIGHT_OVERFLOW_START": {
"type": "size",
"category": "sizing",
"cssProperties": [
"*width",
"*height",
"*flex*",
"top",
"right",
"bottom",
"left",
"margin*",
"padding*",
"transform"
],
"value": "144px",
"comment": "Space above overflow menu before scrolling.",
"originalValue": "144px",
"name": "HEIGHT_OVERFLOW_START"
},
"DURATION_SLIDE": {
"type": "time",
"category": "time",
"cssProperties": [
"animation*",
"transition*"
],
"value": "0.25s",
"originalValue": "0.25s",
"name": "DURATION_SLIDE"
}
},
"aliases": {},
"auraExtends": "force:base"
}