@salesforce-ux/design-tokens
Version:
Salesforce Design System Tokens & Styling Hooks
13,195 lines • 351 kB
JSON
{
"slds-g-color-accent-1": {
"name": "slds-g-color-accent-1",
"value": "var(--slds-r-color-brand-50)",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Emphasis color for large text and icon fills.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-accent-2": {
"name": "slds-g-color-accent-2",
"value": "var(--slds-r-color-brand-40)",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Emphasis color for text, links, and icon color fills. Hover state color for interactive elements.",
"inherits": true,
"darkValue": "#7cb1fe",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-accent-3": {
"name": "slds-g-color-accent-3",
"value": "var(--slds-r-color-brand-30)",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Emphasis color for text, links, and icon alternative colors. Hover state color for interactive elements.",
"inherits": true,
"darkValue": "#a8cbff",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-accent-container-1": {
"name": "slds-g-color-accent-container-1",
"value": "var(--slds-r-color-brand-50)",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Background fill for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-accent-container-2": {
"name": "slds-g-color-accent-container-2",
"value": "var(--slds-r-color-brand-40)",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Background fill on hover state for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-2.",
"inherits": true,
"darkValue": "#d6e6ff",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-accent-container-3": {
"name": "slds-g-color-accent-container-3",
"value": "var(--slds-r-color-brand-30)",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Alternative background fill on hover state for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-3.",
"inherits": true,
"darkValue": "#a8cbff",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-accent-dark-1": {
"name": "slds-g-color-accent-dark-1",
"value": "#002775",
"originalValue": "{alias.palette.electricBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Accent Dark 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-dark-2": {
"name": "slds-g-color-accent-dark-2",
"value": "#001642",
"originalValue": "{alias.palette.electricBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Accent Dark 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-light-1": {
"name": "slds-g-color-accent-light-1",
"value": "#edf4ff",
"originalValue": "{alias.palette.electricBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Accent Light 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-light-2": {
"name": "slds-g-color-accent-light-2",
"value": "#d6e6ff",
"originalValue": "{alias.palette.electricBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Accent Light 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-1": {
"name": "slds-g-color-border-1",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Borders for decorative components or divider lines between content.",
"inherits": true,
"darkValue": "#444",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-2": {
"name": "slds-g-color-border-2",
"value": "#5c5c5c",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border for functional or interactive components.",
"inherits": true,
"darkValue": "#757575",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-accent-1": {
"name": "slds-g-color-border-accent-1",
"value": "var(--slds-r-color-brand-50)",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for branded containers.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-accent-2": {
"name": "slds-g-color-border-accent-2",
"value": "var(--slds-r-color-brand-40)",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for branded containers.",
"inherits": true,
"darkValue": "#7cb1fe",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-accent-3": {
"name": "slds-g-color-border-accent-3",
"value": "var(--slds-r-color-brand-30)",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Hover border color for branded containers.",
"inherits": true,
"darkValue": "#a8cbff",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-disabled-1": {
"name": "slds-g-color-border-disabled-1",
"value": "var(--slds-g-color-neutral-base-50)",
"originalValue": "{slds.g.color.neutral.base.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for disabled containers (border-2 becomes border-disabled-1 for disabled states).",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-disabled-2": {
"name": "slds-g-color-border-disabled-2",
"value": "var(--slds-g-color-neutral-base-40)",
"originalValue": "{slds.g.color.neutral.base.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for disabled UI elements. This is one step darker than disabled-border-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-error-1": {
"name": "slds-g-color-border-error-1",
"value": "var(--slds-r-color-error-40)",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for error containers such as destructive buttons.",
"inherits": true,
"darkValue": "#fe8aa7",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-error-2": {
"name": "slds-g-color-border-error-2",
"value": "var(--slds-r-color-error-30)",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Hover border color for error containers such as destructive buttons.",
"inherits": true,
"darkValue": "#fdb6c5",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-inverse-1": {
"name": "slds-g-color-border-inverse-1",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border for functional or interactive components on dark backgrounds.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-inverse-2": {
"name": "slds-g-color-border-inverse-2",
"value": "#032d60",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Borders for decorative components or divider lines between content on dark backgrounds.",
"inherits": true,
"darkValue": "#aacbff",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-success-1": {
"name": "slds-g-color-border-success-1",
"value": "var(--slds-g-color-success-base-40)",
"originalValue": "{slds.g.color.success.base.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the Border Success scale for colors that define the borders of success containers.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-success-2": {
"name": "slds-g-color-border-success-2",
"value": "var(--slds-g-color-success-base-30)",
"originalValue": "{slds.g.color.success.base.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 2 in the Border Success scale for colors that define the borders of success containers.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-border-warning-1": {
"name": "slds-g-color-border-warning-1",
"value": "var(--slds-r-color-warning-60)",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the Border Warning scale for colors that define the borders of warning containers.",
"inherits": true,
"darkValue": "#e4a201",
"themeOwned": true,
"cssProperties": [
"border-color"
]
},
"slds-g-color-brand-base-10": {
"name": "slds-g-color-brand-base-10",
"value": "var(--slds-r-color-brand-10)",
"originalValue": "{slds.r.color.brand.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the Brand color scale.",
"inherits": true,
"darkValue": "#d6e6ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-100": {
"name": "slds-g-color-brand-base-100",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the Brand color scale.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-15": {
"name": "slds-g-color-brand-base-15",
"value": "var(--slds-r-color-brand-15)",
"originalValue": "{slds.r.color.brand.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the Brand color scale.",
"inherits": true,
"darkValue": "#c2daff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-20": {
"name": "slds-g-color-brand-base-20",
"value": "var(--slds-r-color-brand-20)",
"originalValue": "{slds.r.color.brand.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the Brand color scale.",
"inherits": true,
"darkValue": "#a8cbff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-30": {
"name": "slds-g-color-brand-base-30",
"value": "var(--slds-r-color-brand-30)",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the Brand color scale.",
"inherits": true,
"darkValue": "#7cb1fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-40": {
"name": "slds-g-color-brand-base-40",
"value": "var(--slds-r-color-brand-40)",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the Brand color scale.",
"inherits": true,
"darkValue": "#4992fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-45": {
"name": "slds-g-color-brand-base-45",
"value": "var(--slds-r-color-brand-45)",
"originalValue": "{slds.r.color.brand.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand Base 45 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#287efe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-50": {
"name": "slds-g-color-brand-base-50",
"value": "var(--slds-r-color-brand-50)",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the Brand color scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-55": {
"name": "slds-g-color-brand-base-55",
"value": "var(--slds-r-color-brand-55)",
"originalValue": "{slds.r.color.brand.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand Base 55 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#045dec",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-60": {
"name": "slds-g-color-brand-base-60",
"value": "var(--slds-r-color-brand-60)",
"originalValue": "{slds.r.color.brand.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the Brand color scale.",
"inherits": true,
"darkValue": "#0250d9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-65": {
"name": "slds-g-color-brand-base-65",
"value": "var(--slds-r-color-brand-65)",
"originalValue": "{slds.r.color.brand.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the Brand color scale.",
"inherits": true,
"darkValue": "#003ecd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-70": {
"name": "slds-g-color-brand-base-70",
"value": "var(--slds-r-color-brand-70)",
"originalValue": "{slds.r.color.brand.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the Brand color scale.",
"inherits": true,
"darkValue": "#022ac0",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-80": {
"name": "slds-g-color-brand-base-80",
"value": "var(--slds-r-color-brand-80)",
"originalValue": "{slds.r.color.brand.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the Brand color scale.",
"inherits": true,
"darkValue": "#002775",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-90": {
"name": "slds-g-color-brand-base-90",
"value": "var(--slds-r-color-brand-90)",
"originalValue": "{slds.r.color.brand.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the Brand color scale.",
"inherits": true,
"darkValue": "#001642",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-brand-base-95": {
"name": "slds-g-color-brand-base-95",
"value": "var(--slds-r-color-brand-95)",
"originalValue": "{slds.r.color.brand.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the Brand color scale.",
"inherits": true,
"darkValue": "#000314",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-disabled-1": {
"name": "slds-g-color-disabled-1",
"value": "var(--slds-g-color-neutral-base-50)",
"originalValue": "{slds.g.color.neutral.base.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color fo text and icons in disabled components or with disabled content.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-disabled-2": {
"name": "slds-g-color-disabled-2",
"value": "var(--slds-g-color-neutral-base-40)",
"originalValue": "{slds.g.color.neutral.base.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color denoting disabled UI elements. This is one step darker than disabled-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-disabled-container-1": {
"name": "slds-g-color-disabled-container-1",
"value": "#e5e5e5",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Disabled container background fill for white components. Always pair with on-disabled-1.",
"inherits": true,
"darkValue": "#2e2e2e",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-disabled-container-2": {
"name": "slds-g-color-disabled-container-2",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Disabled container background fill for grey components. Always pair with on-disabled-2.",
"inherits": true,
"darkValue": "#444",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-error-1": {
"name": "slds-g-color-error-1",
"value": "var(--slds-r-color-error-40)",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color for text and icons displaying an error.",
"inherits": true,
"darkValue": "#fe8aa7",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-error-base-10": {
"name": "slds-g-color-error-base-10",
"value": "var(--slds-r-color-error-10)",
"originalValue": "{slds.r.color.error.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the Error color scale.",
"inherits": true,
"darkValue": "#fddde3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-100": {
"name": "slds-g-color-error-base-100",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the Error color scale.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-15": {
"name": "slds-g-color-error-base-15",
"value": "var(--slds-r-color-error-15)",
"originalValue": "{slds.r.color.error.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Error Base 15 - if used as a background, please use Error Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#fec8d4",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-20": {
"name": "slds-g-color-error-base-20",
"value": "var(--slds-r-color-error-20)",
"originalValue": "{slds.r.color.error.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the Error color scale.",
"inherits": true,
"darkValue": "#fdb6c5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-30": {
"name": "slds-g-color-error-base-30",
"value": "var(--slds-r-color-error-30)",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the Error color scale.",
"inherits": true,
"darkValue": "#fe8aa7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-40": {
"name": "slds-g-color-error-base-40",
"value": "var(--slds-r-color-error-40)",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the Error color scale.",
"inherits": true,
"darkValue": "#ff538a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-45": {
"name": "slds-g-color-error-base-45",
"value": "var(--slds-r-color-error-45)",
"originalValue": "{slds.r.color.error.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Error Base 45 - if used as a background, please use Error Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#f42f7c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-50": {
"name": "slds-g-color-error-base-50",
"value": "var(--slds-r-color-error-50)",
"originalValue": "{slds.r.color.error.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the Error color scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-55": {
"name": "slds-g-color-error-base-55",
"value": "var(--slds-r-color-error-55)",
"originalValue": "{slds.r.color.error.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Error Base 55 - if used as a background, please use Error Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#ce055f",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-60": {
"name": "slds-g-color-error-base-60",
"value": "var(--slds-r-color-error-60)",
"originalValue": "{slds.r.color.error.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the Error color scale.",
"inherits": true,
"darkValue": "#b60554",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-65": {
"name": "slds-g-color-error-base-65",
"value": "var(--slds-r-color-error-65)",
"originalValue": "{slds.r.color.error.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Error Base 65 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#a00449",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-70": {
"name": "slds-g-color-error-base-70",
"value": "var(--slds-r-color-error-70)",
"originalValue": "{slds.r.color.error.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the Error color scale.",
"inherits": true,
"darkValue": "#8a033e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-80": {
"name": "slds-g-color-error-base-80",
"value": "var(--slds-r-color-error-80)",
"originalValue": "{slds.r.color.error.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the Error color scale.",
"inherits": true,
"darkValue": "#61022a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-90": {
"name": "slds-g-color-error-base-90",
"value": "var(--slds-r-color-error-90)",
"originalValue": "{slds.r.color.error.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the Error color scale.",
"inherits": true,
"darkValue": "#370114",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-base-95": {
"name": "slds-g-color-error-base-95",
"value": "var(--slds-r-color-error-95)",
"originalValue": "{slds.r.color.error.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the Error color scale.",
"inherits": true,
"darkValue": "#0f0003",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-container-1": {
"name": "slds-g-color-error-container-1",
"value": "var(--slds-r-color-error-90)",
"originalValue": "{slds.r.color.error.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Container background fill for error components such as toast or alerts. Always pair with on-error-1.",
"inherits": true,
"darkValue": "#8a033e",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-error-container-2": {
"name": "slds-g-color-error-container-2",
"value": "var(--slds-r-color-error-80)",
"originalValue": "{slds.r.color.error.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Container background fill for error components such as destructive buttons. Always pair with on-error-2.",
"inherits": true,
"darkValue": "#b60554",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-info-1": {
"name": "slds-g-color-info-1",
"value": "var(--slds-r-color-info-40)",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the Info scale for colors that define the info colors.",
"inherits": true,
"darkValue": "#78b0fd",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-info-base-10": {
"name": "slds-g-color-info-base-10",
"value": "var(--slds-r-color-info-10)",
"originalValue": "{slds.r.color.info.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 10 - if used as a background, please use Info Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#d8e6fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-100": {
"name": "slds-g-color-info-base-100",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 100 - if used as a background, please use Info Base 60-10 to meet accessibility guidelines.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-15": {
"name": "slds-g-color-info-base-15",
"value": "var(--slds-r-color-info-15)",
"originalValue": "{slds.r.color.info.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 15 - if used as a background, please use Info Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#c2d8ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-20": {
"name": "slds-g-color-info-base-20",
"value": "var(--slds-r-color-info-20)",
"originalValue": "{slds.r.color.info.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 20 - if used as a background, please use Info Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#aacbff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-30": {
"name": "slds-g-color-info-base-30",
"value": "var(--slds-r-color-info-30)",
"originalValue": "{slds.r.color.info.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 30 - if used as a background, please use Info Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#78b0fd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-35": {
"name": "slds-g-color-info-base-35",
"value": "var(--slds-r-color-info-35)",
"originalValue": "{slds.r.color.info.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 35 - if used as a background, please use Info Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#57a3fd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-40": {
"name": "slds-g-color-info-base-40",
"value": "var(--slds-r-color-info-40)",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 40 - if used as a background, please use Info Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#1b96ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-45": {
"name": "slds-g-color-info-base-45",
"value": "var(--slds-r-color-info-45)",
"originalValue": "{slds.r.color.info.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 45 - if used as a background, please use Info Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#0684ef",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-50": {
"name": "slds-g-color-info-base-50",
"value": "var(--slds-r-color-info-50)",
"originalValue": "{slds.r.color.info.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 50 - if used as a background, please use Info Base 100-95 to meet accessibility guidelines.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-55": {
"name": "slds-g-color-info-base-55",
"value": "var(--slds-r-color-info-55)",
"originalValue": "{slds.r.color.info.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 55 - if used as a background, please use Info Base 100-95 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#0469c1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-60": {
"name": "slds-g-color-info-base-60",
"value": "var(--slds-r-color-info-60)",
"originalValue": "{slds.r.color.info.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 60 - if used as a background, please use Info Base 100 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#0b5cab",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-65": {
"name": "slds-g-color-info-base-65",
"value": "var(--slds-r-color-info-65)",
"originalValue": "{slds.r.color.info.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 65 - if used as a background, please use Info Base 15-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#044f98",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-70": {
"name": "slds-g-color-info-base-70",
"value": "var(--slds-r-color-info-70)",
"originalValue": "{slds.r.color.info.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 70 - if used as a background, please use Info Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#014486",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-80": {
"name": "slds-g-color-info-base-80",
"value": "var(--slds-r-color-info-80)",
"originalValue": "{slds.r.color.info.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 80 - if used as a background, please use Info Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#032d60",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-90": {
"name": "slds-g-color-info-base-90",
"value": "var(--slds-r-color-info-90)",
"originalValue": "{slds.r.color.info.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 90 - if used as a background, please use Info Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#001639",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-base-95": {
"name": "slds-g-color-info-base-95",
"value": "var(--slds-r-color-info-95)",
"originalValue": "{slds.r.color.info.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info Base 95 - if used as a background, please use Info Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#000310",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-container-1": {
"name": "slds-g-color-info-container-1",
"value": "var(--slds-r-color-info-90)",
"originalValue": "{slds.r.color.info.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the Info Container scale for colors that define the info containers.",
"inherits": true,
"darkValue": "#014486",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-neutral-base-0": {
"name": "slds-g-color-neutral-base-0",
"value": "#000",
"originalValue": "{alias.palette.neutral.0}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 0 in the Neutral color scale.",
"inherits": true,
"darkValue": "#fff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-10": {
"name": "slds-g-color-neutral-base-10",
"value": "#181818",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the Neutral color scale.",
"inherits": true,
"darkValue": "#e5e5e5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-100": {
"name": "slds-g-color-neutral-base-100",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the Neutral color scale.",
"inherits": true,
"darkValue": "#000",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-15": {
"name": "slds-g-color-neutral-base-15",
"value": "#242424",
"originalValue": "{alias.palette.neutral.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the Neutral color scale.",
"inherits": true,
"darkValue": "#d7d7d7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-20": {
"name": "slds-g-color-neutral-base-20",
"value": "#2e2e2e",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the Neutral color scale.",
"inherits": true,
"darkValue": "#c9c9c9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-30": {
"name": "slds-g-color-neutral-base-30",
"value": "#444",
"originalValue": "{alias.palette.neutral.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the Neutral color scale.",
"inherits": true,
"darkValue": "#aeaeae",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-40": {
"name": "slds-g-color-neutral-base-40",
"value": "#5c5c5c",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the Neutral color scale.",
"inherits": true,
"darkValue": "#939393",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-45": {
"name": "slds-g-color-neutral-base-45",
"value": "#696969",
"originalValue": "{alias.palette.neutral.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Neutral Base 45 - if used as a background, please use Neutral Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#848484",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-50": {
"name": "slds-g-color-neutral-base-50",
"value": "#757575",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the Neutral color scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-55": {
"name": "slds-g-color-neutral-base-55",
"value": "#848484",
"originalValue": "{alias.palette.neutral.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Neutral Base 55 - if used as a background, please use Neutral Base 100-95 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#696969",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-60": {
"name": "slds-g-color-neutral-base-60",
"value": "#939393",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the Neutral color scale.",
"inherits": true,
"darkValue": "#5c5c5c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-65": {
"name": "slds-g-color-neutral-base-65",
"value": "#a0a0a0",
"originalValue": "{alias.palette.neutral.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the Neutral color scale.",
"inherits": true,
"darkValue": "#515151",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-70": {
"name": "slds-g-color-neutral-base-70",
"value": "#aeaeae",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the Neutral color scale.",
"inherits": true,
"darkValue": "#444",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-80": {
"name": "slds-g-color-neutral-base-80",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the Neutral color scale.",
"inherits": true,
"darkValue": "#2e2e2e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-90": {
"name": "slds-g-color-neutral-base-90",
"value": "#e5e5e5",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the Neutral color scale.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-neutral-base-95": {
"name": "slds-g-color-neutral-base-95",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the Neutral color scale.",
"inherits": true,
"darkValue": "#020202",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-accent-1": {
"name": "slds-g-color-on-accent-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-accent-2": {
"name": "slds-g-color-on-accent-2",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-2.",
"inherits": true,
"darkValue": "#0250d9",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-accent-3": {
"name": "slds-g-color-on-accent-3",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-3.",
"inherits": true,
"darkValue": "#022ac0",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-disabled-1": {
"name": "slds-g-color-on-disabled-1",
"value": "#757575",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color for text and icons displayed within disabled-container-1 (netural-100). Always pair with disabled-container-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-disabled-2": {
"name": "slds-g-color-on-disabled-2",
"value": "#757575",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color for text and icons displayed within disabled-container-2 (neutral-80). Always pair with disabled-container-2.",
"inherits": true,
"darkValue": "#939393",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-error-1": {
"name": "slds-g-color-on-error-1",
"value": "var(--slds-r-color-error-40)",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color for text and icons displayed within an error container. Always pair with error-container-1.",
"inherits": true,
"darkValue": "#fddde3",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-error-2": {
"name": "slds-g-color-on-error-2",
"value": "var(--slds-r-color-error-30)",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Fill color for text and icons displayed within an error container. Always pair with error-container-2.",
"inherits": true,
"darkValue": "#fef0f3",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-info-1": {
"name": "slds-g-color-on-info-1",
"value": "var(--slds-r-color-info-40)",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the On Info scale for colors that define the on info colors.",
"inherits": true,
"darkValue": "#d8e6fe",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-success-1": {
"name": "slds-g-color-on-success-1",
"value": "var(--slds-r-color-success-40)",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the On Success scale for colors that define the on success colors.",
"inherits": true,
"darkValue": "#acf3e4",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-success-2": {
"name": "slds-g-color-on-success-2",
"value": "var(--slds-r-color-success-30)",
"originalValue": "{slds.r.color.success.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 2 in the On Success scale for colors that define the on success colors.",
"inherits": true,
"darkValue": "#def9f3",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-surface-1": {
"name": "slds-g-color-on-surface-1",
"value": "#5c5c5c",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Lightest text and icon fill. Used for body text, placeholder text, field labels, sub-headings, and taglines.",
"inherits": true,
"darkValue": "#aeaeae",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-surface-2": {
"name": "slds-g-color-on-surface-2",
"value": "#2e2e2e",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darker text and icon fills used for secondary and tertiary headings, dark body copy, and filled input fields.",
"inherits": true,
"darkValue": "#e5e5e5",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-surface-3": {
"name": "slds-g-color-on-surface-3",
"value": "#03234d",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darkest text and icon fill used for title and pages or components.",
"inherits": true,
"darkValue": "#d8e6fe",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-surface-inverse-1": {
"name": "slds-g-color-on-surface-inverse-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Lightest text and icon fill on dark backgrounds. Always pair with surface-inverse-1 or surface-container-inverse-1.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-surface-inverse-2": {
"name": "slds-g-color-on-surface-inverse-2",
"value": "#a8cbff",
"originalValue": "{alias.palette.electricBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darker text and icon fill on dark backgrounds (50 to 100). Always pair with surface-inverse-2 or surface-container-inverse-2.",
"inherits": true,
"darkValue": "#002775",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-on-warning-1": {
"name": "slds-g-color-on-warning-1",
"value": "var(--slds-r-color-warning-40)",
"originalValue": "{slds.r.color.warning.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 1 in the On Warning scale.",
"inherits": true,
"darkValue": "#f9e3b6",
"themeOwned": true,
"cssProperties": [
"color",
"fill"
]
},
"slds-g-color-palette-blue-10": {
"name": "slds-g-color-palette-blue-10",
"value": "#001639",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Blue scale.",
"inherits": true,
"darkValue": "#d8e6fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-15": {
"name": "slds-g-color-palette-blue-15",
"value": "#03234d",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Blue scale.",
"inherits": true,
"darkValue": "#c2d8ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-20": {
"name": "slds-g-color-palette-blue-20",
"value": "#032d60",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Blue scale.",
"inherits": true,
"darkValue": "#aacbff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-30": {
"name": "slds-g-color-palette-blue-30",
"value": "#014486",
"originalValue": "{alias.palette.blue.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Blue scale.",
"inherits": true,
"darkValue": "#78b0fd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-40": {
"name": "slds-g-color-palette-blue-40",
"value": "#0b5cab",
"originalValue": "{alias.palette.blue.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Blue scale.",
"inherits": true,
"darkValue": "#1b96ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-50": {
"name": "slds-g-color-palette-blue-50",
"value": "#0176d3",
"originalValue": "{alias.palette.blue.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Blue scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-60": {
"name": "slds-g-color-palette-blue-60",
"value": "#1b96ff",
"originalValue": "{alias.palette.blue.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Blue scale.",
"inherits": true,
"darkValue": "#0b5cab",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-65": {
"name": "slds-g-color-palette-blue-65",
"value": "#57a3fd",
"originalValue": "{alias.palette.blue.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Blue scale.",
"inherits": true,
"darkValue": "#044f98",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-70": {
"name": "slds-g-color-palette-blue-70",
"value": "#78b0fd",
"originalValue": "{alias.palette.blue.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Blue scale.",
"inherits": true,
"darkValue": "#014486",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-80": {
"name": "slds-g-color-palette-blue-80",
"value": "#aacbff",
"originalValue": "{alias.palette.blue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Blue scale.",
"inherits": true,
"darkValue": "#032d60",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-90": {
"name": "slds-g-color-palette-blue-90",
"value": "#d8e6fe",
"originalValue": "{alias.palette.blue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Blue scale.",
"inherits": true,
"darkValue": "#001639",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-blue-95": {
"name": "slds-g-color-palette-blue-95",
"value": "#eef4ff",
"originalValue": "{alias.palette.blue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Blue scale.",
"inherits": true,
"darkValue": "#000310",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-10": {
"name": "slds-g-color-palette-cloud-blue-10",
"value": "#001a28",
"originalValue": "{alias.palette.cloudBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#cfe9fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-15": {
"name": "slds-g-color-palette-cloud-blue-15",
"value": "#0a2636",
"originalValue": "{alias.palette.cloudBlue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#aeddfe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-20": {
"name": "slds-g-color-palette-cloud-blue-20",
"value": "#023248",
"originalValue": "{alias.palette.cloudBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#90d0fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-30": {
"name": "slds-g-color-palette-cloud-blue-30",
"value": "#084968",
"originalValue": "{alias.palette.cloudBlue.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#1ab9ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-40": {
"name": "slds-g-color-palette-cloud-blue-40",
"value": "#05628a",
"originalValue": "{alias.palette.cloudBlue.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#0d9dda",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-50": {
"name": "slds-g-color-palette-cloud-blue-50",
"value": "#107cad",
"originalValue": "{alias.palette.cloudBlue.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Cloud Blue scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-60": {
"name": "slds-g-color-palette-cloud-blue-60",
"value": "#0d9dda",
"originalValue": "{alias.palette.cloudBlue.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#05628a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-65": {
"name": "slds-g-color-palette-cloud-blue-65",
"value": "#08abed",
"originalValue": "{alias.palette.cloudBlue.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#075579",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-70": {
"name": "slds-g-color-palette-cloud-blue-70",
"value": "#1ab9ff",
"originalValue": "{alias.palette.cloudBlue.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#084968",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-80": {
"name": "slds-g-color-palette-cloud-blue-80",
"value": "#90d0fe",
"originalValue": "{alias.palette.cloudBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#023248",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-90": {
"name": "slds-g-color-palette-cloud-blue-90",
"value": "#cfe9fe",
"originalValue": "{alias.palette.cloudBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#001a28",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-cloud-blue-95": {
"name": "slds-g-color-palette-cloud-blue-95",
"value": "#eaf5fe",
"originalValue": "{alias.palette.cloudBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Cloud Blue scale.",
"inherits": true,
"darkValue": "#000409",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-10": {
"name": "slds-g-color-palette-electric-blue-10",
"value": "#001642",
"originalValue": "{alias.palette.electricBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#d6e6ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-15": {
"name": "slds-g-color-palette-electric-blue-15",
"value": "#001e5b",
"originalValue": "{alias.palette.electricBlue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#c2daff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-20": {
"name": "slds-g-color-palette-electric-blue-20",
"value": "#002775",
"originalValue": "{alias.palette.electricBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#a8cbff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-30": {
"name": "slds-g-color-palette-electric-blue-30",
"value": "#022ac0",
"originalValue": "{alias.palette.electricBlue.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#7cb1fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-40": {
"name": "slds-g-color-palette-electric-blue-40",
"value": "#0250d9",
"originalValue": "{alias.palette.electricBlue.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#4992fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-50": {
"name": "slds-g-color-palette-electric-blue-50",
"value": "#066afe",
"originalValue": "{alias.palette.electricBlue.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Electric Blue scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-60": {
"name": "slds-g-color-palette-electric-blue-60",
"value": "#4992fe",
"originalValue": "{alias.palette.electricBlue.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#0250d9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-65": {
"name": "slds-g-color-palette-electric-blue-65",
"value": "#5f9ffe",
"originalValue": "{alias.palette.electricBlue.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#003ecd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-70": {
"name": "slds-g-color-palette-electric-blue-70",
"value": "#7cb1fe",
"originalValue": "{alias.palette.electricBlue.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#022ac0",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-80": {
"name": "slds-g-color-palette-electric-blue-80",
"value": "#a8cbff",
"originalValue": "{alias.palette.electricBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#002775",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-90": {
"name": "slds-g-color-palette-electric-blue-90",
"value": "#d6e6ff",
"originalValue": "{alias.palette.electricBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#001642",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-electric-blue-95": {
"name": "slds-g-color-palette-electric-blue-95",
"value": "#edf4ff",
"originalValue": "{alias.palette.electricBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Electric Blue scale.",
"inherits": true,
"darkValue": "#000314",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-10": {
"name": "slds-g-color-palette-green-10",
"value": "#071b12",
"originalValue": "{alias.palette.green.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Green scale.",
"inherits": true,
"darkValue": "#cdefc4",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-15": {
"name": "slds-g-color-palette-green-15",
"value": "#0c2912",
"originalValue": "{alias.palette.green.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Green scale.",
"inherits": true,
"darkValue": "#aee4a9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-20": {
"name": "slds-g-color-palette-green-20",
"value": "#143b25",
"originalValue": "{alias.palette.green.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Green scale.",
"inherits": true,
"darkValue": "#91db8b",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-30": {
"name": "slds-g-color-palette-green-30",
"value": "#194e31",
"originalValue": "{alias.palette.green.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Green scale.",
"inherits": true,
"darkValue": "#45c65a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-40": {
"name": "slds-g-color-palette-green-40",
"value": "#396547",
"originalValue": "{alias.palette.green.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Green scale.",
"inherits": true,
"darkValue": "#3ba755",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-50": {
"name": "slds-g-color-palette-green-50",
"value": "#2e844a",
"originalValue": "{alias.palette.green.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Green scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-60": {
"name": "slds-g-color-palette-green-60",
"value": "#3ba755",
"originalValue": "{alias.palette.green.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Green scale.",
"inherits": true,
"darkValue": "#396547",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-65": {
"name": "slds-g-color-palette-green-65",
"value": "#41b658",
"originalValue": "{alias.palette.green.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Green scale.",
"inherits": true,
"darkValue": "#1e5c39",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-70": {
"name": "slds-g-color-palette-green-70",
"value": "#45c65a",
"originalValue": "{alias.palette.green.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Green scale.",
"inherits": true,
"darkValue": "#194e31",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-80": {
"name": "slds-g-color-palette-green-80",
"value": "#91db8b",
"originalValue": "{alias.palette.green.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Green scale.",
"inherits": true,
"darkValue": "#143b25",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-90": {
"name": "slds-g-color-palette-green-90",
"value": "#cdefc4",
"originalValue": "{alias.palette.green.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Green scale.",
"inherits": true,
"darkValue": "#071b12",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-green-95": {
"name": "slds-g-color-palette-green-95",
"value": "#ebf7e6",
"originalValue": "{alias.palette.green.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Green scale.",
"inherits": true,
"darkValue": "#010502",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-10": {
"name": "slds-g-color-palette-hot-orange-10",
"value": "#281202",
"originalValue": "{alias.palette.hotOrange.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#ffded5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-15": {
"name": "slds-g-color-palette-hot-orange-15",
"value": "#421604",
"originalValue": "{alias.palette.hotOrange.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#feccbd",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-20": {
"name": "slds-g-color-palette-hot-orange-20",
"value": "#4a2413",
"originalValue": "{alias.palette.hotOrange.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#feb9a5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-30": {
"name": "slds-g-color-palette-hot-orange-30",
"value": "#7e2600",
"originalValue": "{alias.palette.hotOrange.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#ff906e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-40": {
"name": "slds-g-color-palette-hot-orange-40",
"value": "#aa3001",
"originalValue": "{alias.palette.hotOrange.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#ff5d2d",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-50": {
"name": "slds-g-color-palette-hot-orange-50",
"value": "#d83a00",
"originalValue": "{alias.palette.hotOrange.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Hot Orange scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-60": {
"name": "slds-g-color-palette-hot-orange-60",
"value": "#ff5d2d",
"originalValue": "{alias.palette.hotOrange.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#aa3001",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-65": {
"name": "slds-g-color-palette-hot-orange-65",
"value": "#ff784f",
"originalValue": "{alias.palette.hotOrange.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#942b00",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-70": {
"name": "slds-g-color-palette-hot-orange-70",
"value": "#ff906e",
"originalValue": "{alias.palette.hotOrange.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#7e2600",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-80": {
"name": "slds-g-color-palette-hot-orange-80",
"value": "#feb9a5",
"originalValue": "{alias.palette.hotOrange.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#4a2413",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-90": {
"name": "slds-g-color-palette-hot-orange-90",
"value": "#ffded5",
"originalValue": "{alias.palette.hotOrange.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#281202",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-hot-orange-95": {
"name": "slds-g-color-palette-hot-orange-95",
"value": "#fef1ed",
"originalValue": "{alias.palette.hotOrange.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Hot Orange scale.",
"inherits": true,
"darkValue": "#090200",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-10": {
"name": "slds-g-color-palette-indigo-10",
"value": "#17094e",
"originalValue": "{alias.palette.indigo.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#e0e5f8",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-15": {
"name": "slds-g-color-palette-indigo-15",
"value": "#1f0974",
"originalValue": "{alias.palette.indigo.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#cfd4f7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-20": {
"name": "slds-g-color-palette-indigo-20",
"value": "#270c92",
"originalValue": "{alias.palette.indigo.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#bec7f6",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-30": {
"name": "slds-g-color-palette-indigo-30",
"value": "#2f2cb7",
"originalValue": "{alias.palette.indigo.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#9ea9f1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-40": {
"name": "slds-g-color-palette-indigo-40",
"value": "#3a49da",
"originalValue": "{alias.palette.indigo.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#7f8ced",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-50": {
"name": "slds-g-color-palette-indigo-50",
"value": "#5867e8",
"originalValue": "{alias.palette.indigo.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Indigo scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-60": {
"name": "slds-g-color-palette-indigo-60",
"value": "#7f8ced",
"originalValue": "{alias.palette.indigo.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#3a49da",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-65": {
"name": "slds-g-color-palette-indigo-65",
"value": "#8e9bef",
"originalValue": "{alias.palette.indigo.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#343bc8",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-70": {
"name": "slds-g-color-palette-indigo-70",
"value": "#9ea9f1",
"originalValue": "{alias.palette.indigo.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#2f2cb7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-80": {
"name": "slds-g-color-palette-indigo-80",
"value": "#bec7f6",
"originalValue": "{alias.palette.indigo.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#270c92",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-90": {
"name": "slds-g-color-palette-indigo-90",
"value": "#e0e5f8",
"originalValue": "{alias.palette.indigo.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#17094e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-indigo-95": {
"name": "slds-g-color-palette-indigo-95",
"value": "#f1f3fb",
"originalValue": "{alias.palette.indigo.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Indigo scale.",
"inherits": true,
"darkValue": "#060116",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-0": {
"name": "slds-g-color-palette-neutral-0",
"value": "#000",
"originalValue": "{alias.palette.neutral.0}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 0 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#fff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-10": {
"name": "slds-g-color-palette-neutral-10",
"value": "#181818",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#e5e5e5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-100": {
"name": "slds-g-color-palette-neutral-100",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#000",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-15": {
"name": "slds-g-color-palette-neutral-15",
"value": "#242424",
"originalValue": "{alias.palette.neutral.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#d7d7d7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-20": {
"name": "slds-g-color-palette-neutral-20",
"value": "#2e2e2e",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#c9c9c9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-30": {
"name": "slds-g-color-palette-neutral-30",
"value": "#444",
"originalValue": "{alias.palette.neutral.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#aeaeae",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-40": {
"name": "slds-g-color-palette-neutral-40",
"value": "#5c5c5c",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#939393",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-50": {
"name": "slds-g-color-palette-neutral-50",
"value": "#757575",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Neutral scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-60": {
"name": "slds-g-color-palette-neutral-60",
"value": "#939393",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#5c5c5c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-65": {
"name": "slds-g-color-palette-neutral-65",
"value": "#a0a0a0",
"originalValue": "{alias.palette.neutral.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#515151",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-70": {
"name": "slds-g-color-palette-neutral-70",
"value": "#aeaeae",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#444",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-80": {
"name": "slds-g-color-palette-neutral-80",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#2e2e2e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-90": {
"name": "slds-g-color-palette-neutral-90",
"value": "#e5e5e5",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-neutral-95": {
"name": "slds-g-color-palette-neutral-95",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Neutral scale.",
"inherits": true,
"darkValue": "#020202",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-10": {
"name": "slds-g-color-palette-orange-10",
"value": "#201600",
"originalValue": "{alias.palette.orange.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Orange scale.",
"inherits": true,
"darkValue": "#fedfd0",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-15": {
"name": "slds-g-color-palette-orange-15",
"value": "#2e2204",
"originalValue": "{alias.palette.orange.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Orange scale.",
"inherits": true,
"darkValue": "#ffccad",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-20": {
"name": "slds-g-color-palette-orange-20",
"value": "#3e2b02",
"originalValue": "{alias.palette.orange.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Orange scale.",
"inherits": true,
"darkValue": "#ffba90",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-30": {
"name": "slds-g-color-palette-orange-30",
"value": "#5f3e02",
"originalValue": "{alias.palette.orange.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Orange scale.",
"inherits": true,
"darkValue": "#fe9339",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-40": {
"name": "slds-g-color-palette-orange-40",
"value": "#825101",
"originalValue": "{alias.palette.orange.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Orange scale.",
"inherits": true,
"darkValue": "#dd7a01",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-50": {
"name": "slds-g-color-palette-orange-50",
"value": "#a96404",
"originalValue": "{alias.palette.orange.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Orange scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-60": {
"name": "slds-g-color-palette-orange-60",
"value": "#dd7a01",
"originalValue": "{alias.palette.orange.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Orange scale.",
"inherits": true,
"darkValue": "#825101",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-65": {
"name": "slds-g-color-palette-orange-65",
"value": "#f38303",
"originalValue": "{alias.palette.orange.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Orange scale.",
"inherits": true,
"darkValue": "#704801",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-70": {
"name": "slds-g-color-palette-orange-70",
"value": "#fe9339",
"originalValue": "{alias.palette.orange.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Orange scale.",
"inherits": true,
"darkValue": "#5f3e02",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-80": {
"name": "slds-g-color-palette-orange-80",
"value": "#ffba90",
"originalValue": "{alias.palette.orange.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Orange scale.",
"inherits": true,
"darkValue": "#3e2b02",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-90": {
"name": "slds-g-color-palette-orange-90",
"value": "#fedfd0",
"originalValue": "{alias.palette.orange.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Orange scale.",
"inherits": true,
"darkValue": "#201600",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-orange-95": {
"name": "slds-g-color-palette-orange-95",
"value": "#fff1ea",
"originalValue": "{alias.palette.orange.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Orange scale.",
"inherits": true,
"darkValue": "#060300",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-10": {
"name": "slds-g-color-palette-pink-10",
"value": "#370114",
"originalValue": "{alias.palette.pink.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Pink scale.",
"inherits": true,
"darkValue": "#fddde3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-15": {
"name": "slds-g-color-palette-pink-15",
"value": "#4b0620",
"originalValue": "{alias.palette.pink.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Pink scale.",
"inherits": true,
"darkValue": "#fec8d4",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-20": {
"name": "slds-g-color-palette-pink-20",
"value": "#61022a",
"originalValue": "{alias.palette.pink.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Pink scale.",
"inherits": true,
"darkValue": "#fdb6c5",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-30": {
"name": "slds-g-color-palette-pink-30",
"value": "#8a033e",
"originalValue": "{alias.palette.pink.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Pink scale.",
"inherits": true,
"darkValue": "#fe8aa7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-40": {
"name": "slds-g-color-palette-pink-40",
"value": "#b60554",
"originalValue": "{alias.palette.pink.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Pink scale.",
"inherits": true,
"darkValue": "#ff538a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-50": {
"name": "slds-g-color-palette-pink-50",
"value": "#e3066a",
"originalValue": "{alias.palette.pink.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Pink scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-60": {
"name": "slds-g-color-palette-pink-60",
"value": "#ff538a",
"originalValue": "{alias.palette.pink.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Pink scale.",
"inherits": true,
"darkValue": "#b60554",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-65": {
"name": "slds-g-color-palette-pink-65",
"value": "#fe7298",
"originalValue": "{alias.palette.pink.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Pink scale.",
"inherits": true,
"darkValue": "#a00449",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-70": {
"name": "slds-g-color-palette-pink-70",
"value": "#fe8aa7",
"originalValue": "{alias.palette.pink.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Pink scale.",
"inherits": true,
"darkValue": "#8a033e",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-80": {
"name": "slds-g-color-palette-pink-80",
"value": "#fdb6c5",
"originalValue": "{alias.palette.pink.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Pink scale.",
"inherits": true,
"darkValue": "#61022a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-90": {
"name": "slds-g-color-palette-pink-90",
"value": "#fddde3",
"originalValue": "{alias.palette.pink.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Pink scale.",
"inherits": true,
"darkValue": "#370114",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-pink-95": {
"name": "slds-g-color-palette-pink-95",
"value": "#fef0f3",
"originalValue": "{alias.palette.pink.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Pink scale.",
"inherits": true,
"darkValue": "#0f0003",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-10": {
"name": "slds-g-color-palette-purple-10",
"value": "#240643",
"originalValue": "{alias.palette.purple.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Purple scale.",
"inherits": true,
"darkValue": "#ece1f9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-15": {
"name": "slds-g-color-palette-purple-15",
"value": "#300b60",
"originalValue": "{alias.palette.purple.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Purple scale.",
"inherits": true,
"darkValue": "#e2d0f6",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-20": {
"name": "slds-g-color-palette-purple-20",
"value": "#401075",
"originalValue": "{alias.palette.purple.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Purple scale.",
"inherits": true,
"darkValue": "#d7bff2",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-30": {
"name": "slds-g-color-palette-purple-30",
"value": "#5a1ba9",
"originalValue": "{alias.palette.purple.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Purple scale.",
"inherits": true,
"darkValue": "#c29ef1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-40": {
"name": "slds-g-color-palette-purple-40",
"value": "#7526e3",
"originalValue": "{alias.palette.purple.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Purple scale.",
"inherits": true,
"darkValue": "#ad7bee",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-50": {
"name": "slds-g-color-palette-purple-50",
"value": "#9050e9",
"originalValue": "{alias.palette.purple.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Purple scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-60": {
"name": "slds-g-color-palette-purple-60",
"value": "#ad7bee",
"originalValue": "{alias.palette.purple.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Purple scale.",
"inherits": true,
"darkValue": "#7526e3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-65": {
"name": "slds-g-color-palette-purple-65",
"value": "#b78def",
"originalValue": "{alias.palette.purple.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Purple scale.",
"inherits": true,
"darkValue": "#681dc9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-70": {
"name": "slds-g-color-palette-purple-70",
"value": "#c29ef1",
"originalValue": "{alias.palette.purple.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Purple scale.",
"inherits": true,
"darkValue": "#5a1ba9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-80": {
"name": "slds-g-color-palette-purple-80",
"value": "#d7bff2",
"originalValue": "{alias.palette.purple.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Purple scale.",
"inherits": true,
"darkValue": "#401075",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-90": {
"name": "slds-g-color-palette-purple-90",
"value": "#ece1f9",
"originalValue": "{alias.palette.purple.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Purple scale.",
"inherits": true,
"darkValue": "#240643",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-purple-95": {
"name": "slds-g-color-palette-purple-95",
"value": "#f6f2fb",
"originalValue": "{alias.palette.purple.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Purple scale.",
"inherits": true,
"darkValue": "#070114",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-10": {
"name": "slds-g-color-palette-red-10",
"value": "#300c01",
"originalValue": "{alias.palette.red.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Red scale.",
"inherits": true,
"darkValue": "#feded8",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-15": {
"name": "slds-g-color-palette-red-15",
"value": "#4a0c04",
"originalValue": "{alias.palette.red.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Red scale.",
"inherits": true,
"darkValue": "#feccc3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-20": {
"name": "slds-g-color-palette-red-20",
"value": "#640103",
"originalValue": "{alias.palette.red.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Red scale.",
"inherits": true,
"darkValue": "#feb8ab",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-30": {
"name": "slds-g-color-palette-red-30",
"value": "#8e030f",
"originalValue": "{alias.palette.red.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Red scale.",
"inherits": true,
"darkValue": "#fe8f7d",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-40": {
"name": "slds-g-color-palette-red-40",
"value": "#ba0517",
"originalValue": "{alias.palette.red.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Red scale.",
"inherits": true,
"darkValue": "#fe5c4c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-50": {
"name": "slds-g-color-palette-red-50",
"value": "#ea001e",
"originalValue": "{alias.palette.red.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Red scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-60": {
"name": "slds-g-color-palette-red-60",
"value": "#fe5c4c",
"originalValue": "{alias.palette.red.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Red scale.",
"inherits": true,
"darkValue": "#ba0517",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-65": {
"name": "slds-g-color-palette-red-65",
"value": "#fe7765",
"originalValue": "{alias.palette.red.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Red scale.",
"inherits": true,
"darkValue": "#a40413",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-70": {
"name": "slds-g-color-palette-red-70",
"value": "#fe8f7d",
"originalValue": "{alias.palette.red.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Red scale.",
"inherits": true,
"darkValue": "#8e030f",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-80": {
"name": "slds-g-color-palette-red-80",
"value": "#feb8ab",
"originalValue": "{alias.palette.red.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Red scale.",
"inherits": true,
"darkValue": "#640103",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-90": {
"name": "slds-g-color-palette-red-90",
"value": "#feded8",
"originalValue": "{alias.palette.red.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Red scale.",
"inherits": true,
"darkValue": "#300c01",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-red-95": {
"name": "slds-g-color-palette-red-95",
"value": "#fef1ee",
"originalValue": "{alias.palette.red.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Red scale.",
"inherits": true,
"darkValue": "#0c0200",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-10": {
"name": "slds-g-color-palette-teal-10",
"value": "#071b12",
"originalValue": "{alias.palette.teal.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Teal scale.",
"inherits": true,
"darkValue": "#acf3e4",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-15": {
"name": "slds-g-color-palette-teal-15",
"value": "#072825",
"originalValue": "{alias.palette.teal.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Teal scale.",
"inherits": true,
"darkValue": "#76ead9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-20": {
"name": "slds-g-color-palette-teal-20",
"value": "#023434",
"originalValue": "{alias.palette.teal.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Teal scale.",
"inherits": true,
"darkValue": "#04e1cb",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-30": {
"name": "slds-g-color-palette-teal-30",
"value": "#024d4c",
"originalValue": "{alias.palette.teal.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Teal scale.",
"inherits": true,
"darkValue": "#01c3b3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-40": {
"name": "slds-g-color-palette-teal-40",
"value": "#056764",
"originalValue": "{alias.palette.teal.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Teal scale.",
"inherits": true,
"darkValue": "#06a59a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-50": {
"name": "slds-g-color-palette-teal-50",
"value": "#0b827c",
"originalValue": "{alias.palette.teal.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Teal scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-60": {
"name": "slds-g-color-palette-teal-60",
"value": "#06a59a",
"originalValue": "{alias.palette.teal.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Teal scale.",
"inherits": true,
"darkValue": "#056764",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-65": {
"name": "slds-g-color-palette-teal-65",
"value": "#03b4a7",
"originalValue": "{alias.palette.teal.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Teal scale.",
"inherits": true,
"darkValue": "#035a58",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-70": {
"name": "slds-g-color-palette-teal-70",
"value": "#01c3b3",
"originalValue": "{alias.palette.teal.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Teal scale.",
"inherits": true,
"darkValue": "#024d4c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-80": {
"name": "slds-g-color-palette-teal-80",
"value": "#04e1cb",
"originalValue": "{alias.palette.teal.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Teal scale.",
"inherits": true,
"darkValue": "#023434",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-90": {
"name": "slds-g-color-palette-teal-90",
"value": "#acf3e4",
"originalValue": "{alias.palette.teal.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Teal scale.",
"inherits": true,
"darkValue": "#071b12",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-teal-95": {
"name": "slds-g-color-palette-teal-95",
"value": "#def9f3",
"originalValue": "{alias.palette.teal.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Teal scale.",
"inherits": true,
"darkValue": "#010502",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-10": {
"name": "slds-g-color-palette-violet-10",
"value": "#2e0039",
"originalValue": "{alias.palette.violet.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Violet scale.",
"inherits": true,
"darkValue": "#f2defe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-15": {
"name": "slds-g-color-palette-violet-15",
"value": "#3d0157",
"originalValue": "{alias.palette.violet.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Violet scale.",
"inherits": true,
"darkValue": "#eccdfe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-20": {
"name": "slds-g-color-palette-violet-20",
"value": "#580276",
"originalValue": "{alias.palette.violet.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Violet scale.",
"inherits": true,
"darkValue": "#e5b9fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-30": {
"name": "slds-g-color-palette-violet-30",
"value": "#730394",
"originalValue": "{alias.palette.violet.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Violet scale.",
"inherits": true,
"darkValue": "#d892fe",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-40": {
"name": "slds-g-color-palette-violet-40",
"value": "#9602c7",
"originalValue": "{alias.palette.violet.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Violet scale.",
"inherits": true,
"darkValue": "#cb65ff",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-50": {
"name": "slds-g-color-palette-violet-50",
"value": "#ba01ff",
"originalValue": "{alias.palette.violet.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Violet scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-60": {
"name": "slds-g-color-palette-violet-60",
"value": "#cb65ff",
"originalValue": "{alias.palette.violet.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Violet scale.",
"inherits": true,
"darkValue": "#9602c7",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-65": {
"name": "slds-g-color-palette-violet-65",
"value": "#d17dfe",
"originalValue": "{alias.palette.violet.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Violet scale.",
"inherits": true,
"darkValue": "#8402ad",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-70": {
"name": "slds-g-color-palette-violet-70",
"value": "#d892fe",
"originalValue": "{alias.palette.violet.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Violet scale.",
"inherits": true,
"darkValue": "#730394",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-80": {
"name": "slds-g-color-palette-violet-80",
"value": "#e5b9fe",
"originalValue": "{alias.palette.violet.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Violet scale.",
"inherits": true,
"darkValue": "#580276",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-90": {
"name": "slds-g-color-palette-violet-90",
"value": "#f2defe",
"originalValue": "{alias.palette.violet.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Violet scale.",
"inherits": true,
"darkValue": "#2e0039",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-violet-95": {
"name": "slds-g-color-palette-violet-95",
"value": "#f9f0ff",
"originalValue": "{alias.palette.violet.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Violet scale.",
"inherits": true,
"darkValue": "#060300",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-10": {
"name": "slds-g-color-palette-yellow-10",
"value": "#281202",
"originalValue": "{alias.palette.yellow.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#f9e3b6",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-15": {
"name": "slds-g-color-palette-yellow-15",
"value": "#371e03",
"originalValue": "{alias.palette.yellow.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 15 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#f8d462",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-20": {
"name": "slds-g-color-palette-yellow-20",
"value": "#4f2100",
"originalValue": "{alias.palette.yellow.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#fcc003",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-30": {
"name": "slds-g-color-palette-yellow-30",
"value": "#6f3400",
"originalValue": "{alias.palette.yellow.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#e4a201",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-40": {
"name": "slds-g-color-palette-yellow-40",
"value": "#8c4b02",
"originalValue": "{alias.palette.yellow.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#ca8501",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-50": {
"name": "slds-g-color-palette-yellow-50",
"value": "#a96504",
"originalValue": "{alias.palette.yellow.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the palette Yellow scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-60": {
"name": "slds-g-color-palette-yellow-60",
"value": "#ca8501",
"originalValue": "{alias.palette.yellow.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#8c4b02",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-65": {
"name": "slds-g-color-palette-yellow-65",
"value": "#da9401",
"originalValue": "{alias.palette.yellow.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 65 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#824308",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-70": {
"name": "slds-g-color-palette-yellow-70",
"value": "#e4a201",
"originalValue": "{alias.palette.yellow.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#6f3400",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-80": {
"name": "slds-g-color-palette-yellow-80",
"value": "#fcc003",
"originalValue": "{alias.palette.yellow.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#4f2100",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-90": {
"name": "slds-g-color-palette-yellow-90",
"value": "#f9e3b6",
"originalValue": "{alias.palette.yellow.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#281202",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-palette-yellow-95": {
"name": "slds-g-color-palette-yellow-95",
"value": "#fbf3e0",
"originalValue": "{alias.palette.yellow.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the palette Yellow scale.",
"inherits": true,
"darkValue": "#090200",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-1": {
"name": "slds-g-color-success-1",
"value": "var(--slds-r-color-success-40)",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Success 1.",
"inherits": true,
"darkValue": "#01c3b3",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-success-base-10": {
"name": "slds-g-color-success-base-10",
"value": "var(--slds-r-color-success-10)",
"originalValue": "{slds.r.color.success.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the Success color scale.",
"inherits": true,
"darkValue": "#acf3e4",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-100": {
"name": "slds-g-color-success-base-100",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the Success color scale.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-15": {
"name": "slds-g-color-success-base-15",
"value": "var(--slds-r-color-success-15)",
"originalValue": "{slds.r.color.success.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Success Base 15 - if used as a background, please use Success Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#76ead9",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-20": {
"name": "slds-g-color-success-base-20",
"value": "var(--slds-r-color-success-20)",
"originalValue": "{slds.r.color.success.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the Success color scale.",
"inherits": true,
"darkValue": "#04e1cb",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-30": {
"name": "slds-g-color-success-base-30",
"value": "var(--slds-r-color-success-30)",
"originalValue": "{slds.r.color.success.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the Success color scale.",
"inherits": true,
"darkValue": "#01c3b3",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-40": {
"name": "slds-g-color-success-base-40",
"value": "var(--slds-r-color-success-40)",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the Success color scale.",
"inherits": true,
"darkValue": "#06a59a",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-45": {
"name": "slds-g-color-success-base-45",
"value": "var(--slds-r-color-success-45)",
"originalValue": "{slds.r.color.success.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Success Base 45 - if used as a background, please use Success Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#09948b",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-50": {
"name": "slds-g-color-success-base-50",
"value": "var(--slds-r-color-success-50)",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the Success color scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-55": {
"name": "slds-g-color-success-base-55",
"value": "var(--slds-r-color-success-55)",
"originalValue": "{slds.r.color.success.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Success Base 55 - if used as a background, please use Success Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#087570",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-60": {
"name": "slds-g-color-success-base-60",
"value": "var(--slds-r-color-success-60)",
"originalValue": "{slds.r.color.success.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the Success color scale.",
"inherits": true,
"darkValue": "#056764",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-65": {
"name": "slds-g-color-success-base-65",
"value": "var(--slds-r-color-success-65)",
"originalValue": "{slds.r.color.success.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Success Base 65 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#035a58",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-70": {
"name": "slds-g-color-success-base-70",
"value": "var(--slds-r-color-success-70)",
"originalValue": "{slds.r.color.success.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the Success color scale.",
"inherits": true,
"darkValue": "#024d4c",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-80": {
"name": "slds-g-color-success-base-80",
"value": "var(--slds-r-color-success-80)",
"originalValue": "{slds.r.color.success.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the Success color scale.",
"inherits": true,
"darkValue": "#023434",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-90": {
"name": "slds-g-color-success-base-90",
"value": "var(--slds-r-color-success-90)",
"originalValue": "{slds.r.color.success.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the Success color scale.",
"inherits": true,
"darkValue": "#071b12",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-base-95": {
"name": "slds-g-color-success-base-95",
"value": "var(--slds-r-color-success-95)",
"originalValue": "{slds.r.color.success.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the Success color scale.",
"inherits": true,
"darkValue": "#010502",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-container-1": {
"name": "slds-g-color-success-container-1",
"value": "var(--slds-r-color-success-90)",
"originalValue": "{slds.r.color.success.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Success Container 1.",
"inherits": true,
"darkValue": "#024d4c",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-success-container-2": {
"name": "slds-g-color-success-container-2",
"value": "var(--slds-r-color-success-80)",
"originalValue": "{slds.r.color.success.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Success Container 2.",
"inherits": true,
"darkValue": "#056764",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-1": {
"name": "slds-g-color-surface-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color surface used for page backgrounds.",
"inherits": true,
"darkValue": "#242424",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-surface-2": {
"name": "slds-g-color-surface-2",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color surface used for darker page backgrounds.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-surface-3": {
"name": "slds-g-color-surface-3",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color surface used for containers.",
"inherits": true,
"darkValue": "#2e2e2e",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-surface-container-1": {
"name": "slds-g-color-surface-container-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Default container background fill for components such as cards and modals.",
"inherits": true,
"darkValue": "#242424",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-container-2": {
"name": "slds-g-color-surface-container-2",
"value": "#f3f3f3",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darker color for container background fill for components.",
"inherits": true,
"darkValue": "#181818",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-container-3": {
"name": "slds-g-color-surface-container-3",
"value": "#e5e5e5",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darkest color for container background fill for components.",
"inherits": true,
"darkValue": "#2e2e2e",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-container-inverse-1": {
"name": "slds-g-color-surface-container-inverse-1",
"value": "#032d60",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Inverse color container background fill for components. Always pair with on-surface-inverse-1.",
"inherits": true,
"darkValue": "#aacbff",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-container-inverse-2": {
"name": "slds-g-color-surface-container-inverse-2",
"value": "#03234d",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Inverse darker color container background fill for components. Always pair with on-surface-inverse-2.",
"inherits": true,
"darkValue": "#78b0fd",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-color-surface-inverse-1": {
"name": "slds-g-color-surface-inverse-1",
"value": "#032d60",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Inverse page background. Always pair with on-surface-inverse-1.",
"inherits": true,
"darkValue": "#aacbff",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-surface-inverse-2": {
"name": "slds-g-color-surface-inverse-2",
"value": "#03234d",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Darker inverse page background. Always pair with on-surface-inverse-2.",
"inherits": true,
"darkValue": "#d8e6fe",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-warning-1": {
"name": "slds-g-color-warning-1",
"value": "var(--slds-r-color-warning-40)",
"originalValue": "{slds.r.color.warning.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Warning 1.",
"inherits": true,
"darkValue": "#e4a201",
"themeOwned": true,
"cssProperties": [
"background",
"background-color",
"fill",
"color"
]
},
"slds-g-color-warning-base-10": {
"name": "slds-g-color-warning-base-10",
"value": "var(--slds-r-color-warning-10)",
"originalValue": "{slds.r.color.warning.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 10 in the Warning color scale.",
"inherits": true,
"darkValue": "#f9e3b6",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-100": {
"name": "slds-g-color-warning-base-100",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 100 in the Warning color scale.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-15": {
"name": "slds-g-color-warning-base-15",
"value": "var(--slds-r-color-warning-15)",
"originalValue": "{slds.r.color.warning.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Warning Base 15 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#f8d462",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-20": {
"name": "slds-g-color-warning-base-20",
"value": "var(--slds-r-color-warning-20)",
"originalValue": "{slds.r.color.warning.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 20 in the Warning color scale.",
"inherits": true,
"darkValue": "#fcc003",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-30": {
"name": "slds-g-color-warning-base-30",
"value": "var(--slds-r-color-warning-30)",
"originalValue": "{slds.r.color.warning.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 30 in the Warning color scale.",
"inherits": true,
"darkValue": "#e4a201",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-40": {
"name": "slds-g-color-warning-base-40",
"value": "var(--slds-r-color-warning-40)",
"originalValue": "{slds.r.color.warning.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 40 in the Warning color scale.",
"inherits": true,
"darkValue": "#ca8501",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-45": {
"name": "slds-g-color-warning-base-45",
"value": "var(--slds-r-color-warning-45)",
"originalValue": "{slds.r.color.warning.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Warning Base 45 - if used as a background, please use Warning Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#ba7503",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-50": {
"name": "slds-g-color-warning-base-50",
"value": "var(--slds-r-color-warning-50)",
"originalValue": "{slds.r.color.warning.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 50 in the Warning color scale.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-55": {
"name": "slds-g-color-warning-base-55",
"value": "var(--slds-r-color-warning-55)",
"originalValue": "{slds.r.color.warning.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Warning Base 55 - if used as a background, please use Warning Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#9a5803",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-60": {
"name": "slds-g-color-warning-base-60",
"value": "var(--slds-r-color-warning-60)",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 60 in the Warning color scale.",
"inherits": true,
"darkValue": "#8c4b02",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-65": {
"name": "slds-g-color-warning-base-65",
"value": "var(--slds-r-color-warning-65)",
"originalValue": "{slds.r.color.warning.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Warning Base 65 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"darkValue": "#824308",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-70": {
"name": "slds-g-color-warning-base-70",
"value": "var(--slds-r-color-warning-70)",
"originalValue": "{slds.r.color.warning.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 70 in the Warning color scale.",
"inherits": true,
"darkValue": "#6f3400",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-80": {
"name": "slds-g-color-warning-base-80",
"value": "var(--slds-r-color-warning-80)",
"originalValue": "{slds.r.color.warning.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 80 in the Warning color scale.",
"inherits": true,
"darkValue": "#4f2100",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-90": {
"name": "slds-g-color-warning-base-90",
"value": "var(--slds-r-color-warning-90)",
"originalValue": "{slds.r.color.warning.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 90 in the Warning color scale.",
"inherits": true,
"darkValue": "#281202",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-base-95": {
"name": "slds-g-color-warning-base-95",
"value": "var(--slds-r-color-warning-95)",
"originalValue": "{slds.r.color.warning.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Step 95 in the Warning color scale.",
"inherits": true,
"darkValue": "#090200",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-warning-container-1": {
"name": "slds-g-color-warning-container-1",
"value": "var(--slds-r-color-warning-90)",
"originalValue": "{slds.r.color.warning.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color Warning Container 1.",
"inherits": true,
"darkValue": "#6f3400",
"themeOwned": true,
"cssProperties": [
"background",
"background-color"
]
},
"slds-g-duration-immediately": {
"name": "slds-g-duration-immediately",
"value": "0.05s",
"originalValue": "0.05s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "0.05 seconds, 3 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-instantly": {
"name": "slds-g-duration-instantly",
"value": "0s",
"originalValue": "0s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "0 seconds, 0 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-paused": {
"name": "slds-g-duration-paused",
"value": "3.2s",
"originalValue": "3.2s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "3.2 seconds, 192 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-promptly": {
"name": "slds-g-duration-promptly",
"value": "0.2s",
"originalValue": "0.2s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "0.2 seconds, 12 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-quickly": {
"name": "slds-g-duration-quickly",
"value": "0.1s",
"originalValue": "0.1s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "0.1 seconds, 6 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-slowly": {
"name": "slds-g-duration-slowly",
"value": "0.4s",
"originalValue": "0.4s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "0.4 seconds, 24 frames",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-toast-medium": {
"name": "slds-g-duration-toast-medium",
"value": "9.6s",
"originalValue": "9.6s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "9.6 seconds",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-duration-toast-short": {
"name": "slds-g-duration-toast-short",
"value": "4.8s",
"originalValue": "4.8s",
"type": "duration",
"syntax": "<time>",
"category": "duration",
"scope": "global",
"namespace": "slds",
"description": "4.8 seconds",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slds-g-font-family": {
"name": "slds-g-font-family",
"value": "var(--slds-g-font-family-base)",
"originalValue": "{slds.g.font.family-base}",
"type": "fontFamily",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "System font stack for your application.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"slds-g-font-family-base": {
"name": "slds-g-font-family-base",
"value": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"originalValue": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"type": "fontFamily",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Family Base.",
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"slds-g-font-family-monospace": {
"name": "slds-g-font-family-monospace",
"value": "Consolas, Menlo, Monaco, Courier, monospace",
"originalValue": "Consolas, Menlo, Monaco, Courier, monospace",
"type": "fontFamily",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Family Monospace.",
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"slds-g-font-line-clamp": {
"name": "slds-g-font-line-clamp",
"value": "3",
"originalValue": "3",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Default line-clamp.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-line-height-1": {
"name": "slds-g-font-line-height-1",
"value": "1",
"originalValue": "1",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 1.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-2": {
"name": "slds-g-font-line-height-2",
"value": "1.25",
"originalValue": "1.25",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 2.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-3": {
"name": "slds-g-font-line-height-3",
"value": "1.375",
"originalValue": "1.375",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 3.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-4": {
"name": "slds-g-font-line-height-4",
"value": "1.5",
"originalValue": "1.5",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 4.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-5": {
"name": "slds-g-font-line-height-5",
"value": "1.75",
"originalValue": "1.75",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 5.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-6": {
"name": "slds-g-font-line-height-6",
"value": "2",
"originalValue": "2",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Line-height 6.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-base": {
"name": "slds-g-font-line-height-base",
"value": "1.5",
"originalValue": "1.5",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Default line-height for your application.",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-line-height-var-base": {
"name": "slds-g-font-line-height-var-base",
"value": "var(--slds-g-font-line-height-base)",
"originalValue": "{slds.g.font.line.height.base}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Default variable line-height for your application.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-1": {
"name": "slds-g-font-lineheight-1",
"value": "var(--slds-g-font-line-height-1)",
"originalValue": "{slds.g.font.line.height.1}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 1 | 16px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-2": {
"name": "slds-g-font-lineheight-2",
"value": "var(--slds-g-font-line-height-2)",
"originalValue": "{slds.g.font.line.height.2}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 2 | 20px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-3": {
"name": "slds-g-font-lineheight-3",
"value": "var(--slds-g-font-line-height-3)",
"originalValue": "{slds.g.font.line.height.3}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 3 | 22px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-4": {
"name": "slds-g-font-lineheight-4",
"value": "var(--slds-g-font-line-height-4)",
"originalValue": "{slds.g.font.line.height.4}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 4 | 24px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-5": {
"name": "slds-g-font-lineheight-5",
"value": "var(--slds-g-font-line-height-5)",
"originalValue": "{slds.g.font.line.height.5}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 5 | 28px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-6": {
"name": "slds-g-font-lineheight-6",
"value": "var(--slds-g-font-line-height-6)",
"originalValue": "{slds.g.font.line.height.6}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight 6 | 32px.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-base": {
"name": "slds-g-font-lineheight-base",
"value": "var(--slds-g-font-line-height-base)",
"originalValue": "{slds.g.font.line.height.base}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Lineheight Base | 1.5.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-lineheight-var-base": {
"name": "slds-g-font-lineheight-var-base",
"value": "var(--slds-g-font-line-height-var-base)",
"originalValue": "{slds.g.font.line.height.var.base}",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-g-font-scale-1": {
"name": "slds-g-font-scale-1",
"value": "0.875rem",
"originalValue": "0.875rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 1 | 14px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-10": {
"name": "slds-g-font-scale-10",
"value": "var(--slds-g-font-scale-8)",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 10 | 48px.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-2": {
"name": "slds-g-font-scale-2",
"value": "1rem",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 2 | 16px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-3": {
"name": "slds-g-font-scale-3",
"value": "1.25rem",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 3 | 20px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-4": {
"name": "slds-g-font-scale-4",
"value": "1.5rem",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 4 | 24px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-5": {
"name": "slds-g-font-scale-5",
"value": "1.75rem",
"originalValue": "1.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 5 | 28px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-6": {
"name": "slds-g-font-scale-6",
"value": "2rem",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 6 | 32px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-7": {
"name": "slds-g-font-scale-7",
"value": "2.5rem",
"originalValue": "2.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 7 | 40px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-8": {
"name": "slds-g-font-scale-8",
"value": "3rem",
"originalValue": "3rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 8 | 48px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-9": {
"name": "slds-g-font-scale-9",
"value": "var(--slds-g-font-scale-8)",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale 9 | 48px.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-base": {
"name": "slds-g-font-scale-base",
"value": "0.8125rem",
"originalValue": "0.8125rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Default font-scale ratio for your application.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-neg-1": {
"name": "slds-g-font-scale-neg-1",
"value": "0.75rem",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale Neg 1 | 12px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-neg-2": {
"name": "slds-g-font-scale-neg-2",
"value": "0.625rem",
"originalValue": "0.625rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale Neg 2 | 10px.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-neg-3": {
"name": "slds-g-font-scale-neg-3",
"value": "var(--slds-g-font-scale-neg-2)",
"originalValue": "{slds.g.font.scale.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale Neg 3 | 10px.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-neg-4": {
"name": "slds-g-font-scale-neg-4",
"value": "var(--slds-g-font-scale-neg-3)",
"originalValue": "{slds.g.font.scale.neg.3}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale Neg 4 | 10px.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-ratio": {
"name": "slds-g-font-scale-ratio",
"value": "1.15",
"originalValue": "1.15",
"type": "number",
"syntax": "<number>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Scale Ratio | 1.15.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-1": {
"name": "slds-g-font-scale-var-1",
"value": "var(--slds-g-font-scale-1)",
"originalValue": "{slds.g.font.scale.1}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.875rem | Compact = 0.875rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-10": {
"name": "slds-g-font-scale-var-10",
"value": "var(--slds-g-font-scale-var-8)",
"originalValue": "{slds.g.font.scale.var.8}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 3rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-2": {
"name": "slds-g-font-scale-var-2",
"value": "var(--slds-g-font-scale-2)",
"originalValue": "{slds.g.font.scale.2}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1rem | Compact = 0.875rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-3": {
"name": "slds-g-font-scale-var-3",
"value": "var(--slds-g-font-scale-3)",
"originalValue": "{slds.g.font.scale.3}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.25rem | Compact = 1rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-4": {
"name": "slds-g-font-scale-var-4",
"value": "var(--slds-g-font-scale-4)",
"originalValue": "{slds.g.font.scale.4}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.5rem | Compact = 1.25rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-5": {
"name": "slds-g-font-scale-var-5",
"value": "var(--slds-g-font-scale-5)",
"originalValue": "{slds.g.font.scale.5}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.75rem | Compact = 1.75rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-6": {
"name": "slds-g-font-scale-var-6",
"value": "var(--slds-g-font-scale-6)",
"originalValue": "{slds.g.font.scale.6}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2rem | Compact = 2rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-7": {
"name": "slds-g-font-scale-var-7",
"value": "var(--slds-g-font-scale-7)",
"originalValue": "{slds.g.font.scale.7}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2.5rem | Compact = 2.5rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-8": {
"name": "slds-g-font-scale-var-8",
"value": "var(--slds-g-font-scale-8)",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 3rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-9": {
"name": "slds-g-font-scale-var-9",
"value": "var(--slds-g-font-scale-var-8)",
"originalValue": "{slds.g.font.scale.var.8}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 3rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-base": {
"name": "slds-g-font-scale-var-base",
"value": "var(--slds-g-font-scale-base)",
"originalValue": "{slds.g.font.scale.base}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Default variable font-scale ratio for your application.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-neg-1": {
"name": "slds-g-font-scale-var-neg-1",
"value": "var(--slds-g-font-scale-neg-1)",
"originalValue": "{slds.g.font.scale.neg.1}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.75rem | Compact = 0.75rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-neg-2": {
"name": "slds-g-font-scale-var-neg-2",
"value": "var(--slds-g-font-scale-neg-2)",
"originalValue": "{slds.g.font.scale.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.625rem | Compact = 0.625rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-neg-3": {
"name": "slds-g-font-scale-var-neg-3",
"value": "var(--slds-g-font-scale-var-neg-2)",
"originalValue": "{slds.g.font.scale.var.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.625rem | Compact = 0.625rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-var-neg-4": {
"name": "slds-g-font-scale-var-neg-4",
"value": "var(--slds-g-font-scale-var-neg-3)",
"originalValue": "{slds.g.font.scale.var.neg.3}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.625rem | Compact = 0.625rem.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-size-base": {
"name": "slds-g-font-size-base",
"value": "var(--slds-g-font-scale-base)",
"originalValue": "{slds.g.font.scale.base}",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Size Base | 13px.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-weight-1": {
"name": "slds-g-font-weight-1",
"value": "100",
"originalValue": "100",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Weight 1 | 100.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-2": {
"name": "slds-g-font-weight-2",
"value": "200",
"originalValue": "200",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Weight 2 | 200.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-3": {
"name": "slds-g-font-weight-3",
"value": "300",
"originalValue": "300",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Light | 300.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-4": {
"name": "slds-g-font-weight-4",
"value": "400",
"originalValue": "400",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Regular | 400.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-5": {
"name": "slds-g-font-weight-5",
"value": "500",
"originalValue": "500",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Font Weight 5 | 500.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-6": {
"name": "slds-g-font-weight-6",
"value": "600",
"originalValue": "600",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "SemiBold | 600.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-7": {
"name": "slds-g-font-weight-7",
"value": "700",
"originalValue": "700",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Bold | 700.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-font-weight-bold": {
"name": "slds-g-font-weight-bold",
"value": "bold",
"originalValue": "bold",
"type": "fontWeight",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "Bold font-weight, use to increase emphasis.",
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-radius-border-1": {
"name": "slds-g-radius-border-1",
"value": "0.25rem",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border 1 | 4px.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-2": {
"name": "slds-g-radius-border-2",
"value": "0.5rem",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border 2 | 8px.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-3": {
"name": "slds-g-radius-border-3",
"value": "0.75rem",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border 3 | 12px.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-4": {
"name": "slds-g-radius-border-4",
"value": "1.25rem",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border 4 | 20px.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-circle": {
"name": "slds-g-radius-border-circle",
"value": "100%",
"originalValue": "100%",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border Circle | 100% 100px.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-pill": {
"name": "slds-g-radius-border-pill",
"value": "15rem",
"originalValue": "15rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Radius Border Pill.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-ratio-landscape": {
"name": "slds-g-ratio-landscape",
"value": "4/3",
"originalValue": "4/3",
"type": "number",
"syntax": "<number>",
"category": "ratio",
"scope": "global",
"namespace": "slds",
"description": "Ratio Landscape.",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"slds-g-ratio-portrait": {
"name": "slds-g-ratio-portrait",
"value": "3/4",
"originalValue": "3/4",
"type": "number",
"syntax": "<number>",
"category": "ratio",
"scope": "global",
"namespace": "slds",
"description": "Ratio Portrait.",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"slds-g-ratio-square": {
"name": "slds-g-ratio-square",
"value": "1",
"originalValue": "1",
"type": "number",
"syntax": "<number>",
"category": "ratio",
"scope": "global",
"namespace": "slds",
"description": "Ratio Square.",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"slds-g-ratio-ultrawide": {
"name": "slds-g-ratio-ultrawide",
"value": "18/5",
"originalValue": "18/5",
"type": "number",
"syntax": "<number>",
"category": "ratio",
"scope": "global",
"namespace": "slds",
"description": "Ratio Ultrawide.",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"slds-g-ratio-wide": {
"name": "slds-g-ratio-wide",
"value": "16/9",
"originalValue": "16/9",
"type": "number",
"syntax": "<number>",
"category": "ratio",
"scope": "global",
"namespace": "slds",
"description": "Ratio Wide.",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"slds-g-shadow-1": {
"name": "slds-g-shadow-1",
"value": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px 2px 2px 0px light-dark(#0000002e, #0000005c), 0px -1px 2px 0px light-dark(#0000001a, #00000033)",
"originalValue": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px 2px 2px 0px light-dark(#0000002e, #0000005c), 0px -1px 2px 0px light-dark(#0000001a, #00000033)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 1.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-2": {
"name": "slds-g-shadow-2",
"value": "0px 0px 5px 0px light-dark(#00000029, #00000052), 0px 3px 3px 0px light-dark(#00000029, #00000052), 0px -1px 2px 0px light-dark(#00000017, #0000002e)",
"originalValue": "0px 0px 5px 0px light-dark(#00000029, #00000052), 0px 3px 3px 0px light-dark(#00000029, #00000052), 0px -1px 2px 0px light-dark(#00000017, #0000002e)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 2.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-3": {
"name": "slds-g-shadow-3",
"value": "0px 0px 7px 0px light-dark(#00000024, #00000047), 0px 5px 5px 0px light-dark(#00000024, #00000047), 0px -1px 2px 0px light-dark(#00000014, #00000029)",
"originalValue": "0px 0px 7px 0px light-dark(#00000024, #00000047), 0px 5px 5px 0px light-dark(#00000024, #00000047), 0px -1px 2px 0px light-dark(#00000014, #00000029)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 3.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-4": {
"name": "slds-g-shadow-4",
"value": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px 7px 7px 0px light-dark(#0000001f, #0000003d), 0px -1px 3px 0px light-dark(#00000012, #00000024)",
"originalValue": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px 7px 7px 0px light-dark(#0000001f, #0000003d), 0px -1px 3px 0px light-dark(#00000012, #00000024)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 4.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-5": {
"name": "slds-g-shadow-5",
"value": "var(--slds-g-shadow-4)",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 5.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-6": {
"name": "slds-g-shadow-6",
"value": "var(--slds-g-shadow-4)",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow 6.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-end-1": {
"name": "slds-g-shadow-block-end-1",
"value": "var(--slds-g-shadow-1)",
"originalValue": "{slds.g.shadow.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 1 - down",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-end-2": {
"name": "slds-g-shadow-block-end-2",
"value": "var(--slds-g-shadow-2)",
"originalValue": "{slds.g.shadow.2}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 2 - down",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-end-3": {
"name": "slds-g-shadow-block-end-3",
"value": "var(--slds-g-shadow-3)",
"originalValue": "{slds.g.shadow.3}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 3 - down",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-end-4": {
"name": "slds-g-shadow-block-end-4",
"value": "var(--slds-g-shadow-4)",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 4 - down",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-start-1": {
"name": "slds-g-shadow-block-start-1",
"value": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px -2px 2px 0px light-dark(#0000002e, #0000005c), 0px 1px 2px 0px light-dark(#0000001a, #00000033)",
"originalValue": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 0px -2px 2px 0px light-dark(#0000002e, #0000005c), 0px 1px 2px 0px light-dark(#0000001a, #00000033)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 1 - up",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-start-2": {
"name": "slds-g-shadow-block-start-2",
"value": "0px 0px 5px 0px light-dark(#00000029, #00000052), 0px -3px 3px 0px light-dark(#00000029, #00000052), 0px 1px 2px 0px light-dark(#00000017, #0000002e)",
"originalValue": "0px 0px 5px 0px light-dark(#00000029, #00000052), 0px -3px 3px 0px light-dark(#00000029, #00000052), 0px 1px 2px 0px light-dark(#00000017, #0000002e)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 2 - up",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-start-3": {
"name": "slds-g-shadow-block-start-3",
"value": "0px 0px 7px 0px light-dark(#00000024, #00000047), 0px -5px 5px 0px light-dark(#00000024, #00000047), 0px 1px 2px 0px light-dark(#00000014, #00000029)",
"originalValue": "0px 0px 7px 0px light-dark(#00000024, #00000047), 0px -5px 5px 0px light-dark(#00000024, #00000047), 0px 1px 2px 0px light-dark(#00000014, #00000029)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 3 - up",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-block-start-4": {
"name": "slds-g-shadow-block-start-4",
"value": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px -7px 7px 0px light-dark(#0000001f, #0000003d), 0px 1px 3px 0px light-dark(#00000012, #00000024)",
"originalValue": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 0px -7px 7px 0px light-dark(#0000001f, #0000003d), 0px 1px 3px 0px light-dark(#00000012, #00000024)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 4 - up",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockend-1": {
"name": "slds-g-shadow-blockend-1",
"value": "var(--slds-g-shadow-block-end-1)",
"originalValue": "{slds.g.shadow.block.end.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockend 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockend-2": {
"name": "slds-g-shadow-blockend-2",
"value": "var(--slds-g-shadow-block-end-2)",
"originalValue": "{slds.g.shadow.block.end.2}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockend 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockend-3": {
"name": "slds-g-shadow-blockend-3",
"value": "var(--slds-g-shadow-block-end-3)",
"originalValue": "{slds.g.shadow.block.end.3}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockend 3.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockend-4": {
"name": "slds-g-shadow-blockend-4",
"value": "var(--slds-g-shadow-block-end-4)",
"originalValue": "{slds.g.shadow.block.end.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockend 4.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockstart-1": {
"name": "slds-g-shadow-blockstart-1",
"value": "var(--slds-g-shadow-block-start-1)",
"originalValue": "{slds.g.shadow.block.start.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockstart 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockstart-2": {
"name": "slds-g-shadow-blockstart-2",
"value": "var(--slds-g-shadow-block-start-2)",
"originalValue": "{slds.g.shadow.block.start.2}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockstart 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockstart-3": {
"name": "slds-g-shadow-blockstart-3",
"value": "var(--slds-g-shadow-block-start-3)",
"originalValue": "{slds.g.shadow.block.start.3}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockstart 3.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-blockstart-4": {
"name": "slds-g-shadow-blockstart-4",
"value": "var(--slds-g-shadow-block-start-4)",
"originalValue": "{slds.g.shadow.block.start.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Blockstart 4.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-end-1": {
"name": "slds-g-shadow-inline-end-1",
"value": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 2px 0px 2px 0px light-dark(#0000002e, #0000005c), -1px 0 2px 0 light-dark(#0000001a, #00000033)",
"originalValue": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), 2px 0px 2px 0px light-dark(#0000002e, #0000005c), -1px 0 2px 0 light-dark(#0000001a, #00000033)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 1 - right",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-end-2": {
"name": "slds-g-shadow-inline-end-2",
"value": "0px 0px 5px 0px light-dark(#00000029, #00000052), 3px 0px 3px 0px light-dark(#00000029, #00000052), -1px 0px 2px 0px light-dark(#00000017, #0000002e)",
"originalValue": "0px 0px 5px 0px light-dark(#00000029, #00000052), 3px 0px 3px 0px light-dark(#00000029, #00000052), -1px 0px 2px 0px light-dark(#00000017, #0000002e)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 2 - right",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-end-3": {
"name": "slds-g-shadow-inline-end-3",
"value": "0px 0px 7px 0px light-dark(#00000024, #00000047), 5px 0px 5px 0px light-dark(#00000024, #00000047), -1px 0px 3px 0px light-dark(#00000014, #00000029)",
"originalValue": "0px 0px 7px 0px light-dark(#00000024, #00000047), 5px 0px 5px 0px light-dark(#00000024, #00000047), -1px 0px 3px 0px light-dark(#00000014, #00000029)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 3 - right",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-end-4": {
"name": "slds-g-shadow-inline-end-4",
"value": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 7px 0px 7px 0px light-dark(#0000001f, #0000003d), -1px 0px 3px 0px light-dark(#00000012, #00000024)",
"originalValue": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), 7px 0px 7px 0px light-dark(#0000001f, #0000003d), -1px 0px 3px 0px light-dark(#00000012, #00000024)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 4 - right",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-start-1": {
"name": "slds-g-shadow-inline-start-1",
"value": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), -2px 0px 2px 0px light-dark(#0000002e, #0000005c), 1px 0px 2px 0px light-dark(#0000001a, #00000033)",
"originalValue": "0px 0px 2px 0px light-dark(#0000002e, #0000005c), -2px 0px 2px 0px light-dark(#0000002e, #0000005c), 1px 0px 2px 0px light-dark(#0000001a, #00000033)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 1 - left",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-start-2": {
"name": "slds-g-shadow-inline-start-2",
"value": "0px 0px 5px 0px light-dark(#00000029, #00000052), -3px 0px 3px 0px light-dark(#00000029, #00000052), 1px 0px 2px 0px light-dark(#00000017, #0000002e)",
"originalValue": "0px 0px 5px 0px light-dark(#00000029, #00000052), -3px 0px 3px 0px light-dark(#00000029, #00000052), 1px 0px 2px 0px light-dark(#00000017, #0000002e)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 2 - left",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-start-3": {
"name": "slds-g-shadow-inline-start-3",
"value": "0px 0px 7px 0px light-dark(#00000024, #00000047), -5px 0px 5px 0px light-dark(#00000024, #00000047), 1px 0px 2px 0px light-dark(#00000014, #00000029)",
"originalValue": "0px 0px 7px 0px light-dark(#00000024, #00000047), -5px 0px 5px 0px light-dark(#00000024, #00000047), 1px 0px 2px 0px light-dark(#00000014, #00000029)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 3 - left",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-start-4": {
"name": "slds-g-shadow-inline-start-4",
"value": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), -7px 0px 7px 0px light-dark(#0000001f, #0000003d), 1px 0px 3px 0px light-dark(#00000012, #00000024)",
"originalValue": "0px 0px 10px 0px light-dark(#0000001f, #0000003d), -7px 0px 7px 0px light-dark(#0000001f, #0000003d), 1px 0px 3px 0px light-dark(#00000012, #00000024)",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 4 - left",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlineend-1": {
"name": "slds-g-shadow-inlineend-1",
"value": "var(--slds-g-shadow-inline-end-1)",
"originalValue": "{slds.g.shadow.inline.end.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlineend 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlineend-2": {
"name": "slds-g-shadow-inlineend-2",
"value": "var(--slds-g-shadow-inline-end-2)",
"originalValue": "{slds.g.shadow.inline.end.2}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlineend 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlineend-3": {
"name": "slds-g-shadow-inlineend-3",
"value": "var(--slds-g-shadow-inline-end-3)",
"originalValue": "{slds.g.shadow.inline.end.3}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlineend 3.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlineend-4": {
"name": "slds-g-shadow-inlineend-4",
"value": "var(--slds-g-shadow-inline-end-4)",
"originalValue": "{slds.g.shadow.inline.end.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlineend 4.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlinestart-1": {
"name": "slds-g-shadow-inlinestart-1",
"value": "var(--slds-g-shadow-inline-start-1)",
"originalValue": "{slds.g.shadow.inline.start.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlinestart 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlinestart-2": {
"name": "slds-g-shadow-inlinestart-2",
"value": "var(--slds-g-shadow-inline-start-2)",
"originalValue": "{slds.g.shadow.inline.start.2}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlinestart 2.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlinestart-3": {
"name": "slds-g-shadow-inlinestart-3",
"value": "var(--slds-g-shadow-inline-start-3)",
"originalValue": "{slds.g.shadow.inline.start.3}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlinestart 3.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inlinestart-4": {
"name": "slds-g-shadow-inlinestart-4",
"value": "var(--slds-g-shadow-inline-start-4)",
"originalValue": "{slds.g.shadow.inline.start.4}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inlinestart 4.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inset-focus-1": {
"name": "slds-g-shadow-inset-focus-1",
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.15} inset",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inset Focus 1.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inset-inverse-focus-1": {
"name": "slds-g-shadow-inset-inverse-focus-1",
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.15} inset, 0px 0px 0px 4px {slds.g.color.neutral.base.100} inset",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow inset inverse focus",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-insetinverse-focus-1": {
"name": "slds-g-shadow-insetinverse-focus-1",
"value": "var(--slds-g-shadow-inset-inverse-focus-1)",
"originalValue": "{slds.g.shadow.inset.inverse.focus.1}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inset inverse Focus 1.",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inverse-1": {
"name": "slds-g-shadow-inverse-1",
"value": "0 0 3px #f3f3f3",
"originalValue": "0 0 3px #f3f3f3",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Inverse 1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-outline-focus-1": {
"name": "slds-g-shadow-outline-focus-1",
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15)",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.15}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Outline Focus 1.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-outset-focus-1": {
"name": "slds-g-shadow-outset-focus-1",
"value": "0px 0px 0px 2px var(--slds-g-color-neutral-base-100), 0px 0px 0px 4px var(--slds-g-color-brand-base-15)",
"originalValue": "0px 0px 0px 2px {slds.g.color.neutral.base.100}, 0px 0px 0px 4px {slds.g.color.brand.base.15}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow Outset Focus 1.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-sizing-1": {
"name": "slds-g-sizing-1",
"value": "0.125rem",
"originalValue": "0.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 1 | 2px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-10": {
"name": "slds-g-sizing-10",
"value": "3rem",
"originalValue": "3rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 10 | 48px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-11": {
"name": "slds-g-sizing-11",
"value": "4rem",
"originalValue": "4rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 11 | 64px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-12": {
"name": "slds-g-sizing-12",
"value": "5rem",
"originalValue": "5rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 12 | 80px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-13": {
"name": "slds-g-sizing-13",
"value": "10rem",
"originalValue": "10rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 13 | 160px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-14": {
"name": "slds-g-sizing-14",
"value": "15rem",
"originalValue": "15rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 14 | 240px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-15": {
"name": "slds-g-sizing-15",
"value": "20rem",
"originalValue": "20rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 15 | 320px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-16": {
"name": "slds-g-sizing-16",
"value": "30rem",
"originalValue": "30rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 16 | 480px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-2": {
"name": "slds-g-sizing-2",
"value": "0.25rem",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 2 | 4px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-3": {
"name": "slds-g-sizing-3",
"value": "0.5rem",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 3 | 8px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-4": {
"name": "slds-g-sizing-4",
"value": "0.75rem",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 4 | 12px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-5": {
"name": "slds-g-sizing-5",
"value": "1rem",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 5 | 16px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-6": {
"name": "slds-g-sizing-6",
"value": "1.25rem",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 6 | 20px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-7": {
"name": "slds-g-sizing-7",
"value": "1.5rem",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 7 | 24px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-8": {
"name": "slds-g-sizing-8",
"value": "1.75rem",
"originalValue": "1.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 8 | 28px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-9": {
"name": "slds-g-sizing-9",
"value": "2rem",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing 9.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-base": {
"name": "slds-g-sizing-base",
"value": "1rem",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Base size multiplier.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-border-1": {
"name": "slds-g-sizing-border-1",
"value": "1px",
"originalValue": "1px",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Border Width 1 | 1px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-border-2": {
"name": "slds-g-sizing-border-2",
"value": "2px",
"originalValue": "2px",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Border Width 2 | 2px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-border-3": {
"name": "slds-g-sizing-border-3",
"value": "3px",
"originalValue": "3px",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Border Width 3 | 3px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-border-4": {
"name": "slds-g-sizing-border-4",
"value": "4px",
"originalValue": "4px",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Border Width 4 | 4px.",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-content-1": {
"name": "slds-g-sizing-content-1",
"value": "20ch",
"originalValue": "20ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Content 1.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-content-2": {
"name": "slds-g-sizing-content-2",
"value": "45ch",
"originalValue": "45ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Content 2.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-content-3": {
"name": "slds-g-sizing-content-3",
"value": "60ch",
"originalValue": "60ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Content 3.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-heading-1": {
"name": "slds-g-sizing-heading-1",
"value": "20ch",
"originalValue": "20ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Heading 1.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-heading-2": {
"name": "slds-g-sizing-heading-2",
"value": "25ch",
"originalValue": "25ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Heading 2.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-sizing-heading-3": {
"name": "slds-g-sizing-heading-3",
"value": "35ch",
"originalValue": "35ch",
"type": "dimension",
"syntax": "<length>",
"category": "sizing",
"scope": "global",
"namespace": "slds",
"description": "Sizing Heading 3.",
"deprecated": true,
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"slds-g-spacing-1": {
"name": "slds-g-spacing-1",
"value": "0.25rem",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 1 | 4px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-10": {
"name": "slds-g-spacing-10",
"value": "4rem",
"originalValue": "4rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 10 | 64px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-11": {
"name": "slds-g-spacing-11",
"value": "4.5rem",
"originalValue": "4.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 11 | 72px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-12": {
"name": "slds-g-spacing-12",
"value": "5rem",
"originalValue": "5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 12 | 80px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-2": {
"name": "slds-g-spacing-2",
"value": "0.5rem",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 2 | 8px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-3": {
"name": "slds-g-spacing-3",
"value": "0.75rem",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 3 | 12px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-4": {
"name": "slds-g-spacing-4",
"value": "1rem",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 4 | 16px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-5": {
"name": "slds-g-spacing-5",
"value": "1.5rem",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 5 | 24px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-6": {
"name": "slds-g-spacing-6",
"value": "2rem",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 6 | 32px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-7": {
"name": "slds-g-spacing-7",
"value": "2.5rem",
"originalValue": "2.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 7 | 40px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-8": {
"name": "slds-g-spacing-8",
"value": "3rem",
"originalValue": "3rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 8 | 48px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-9": {
"name": "slds-g-spacing-9",
"value": "3.5rem",
"originalValue": "3.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Spacing 9 | 56px.",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-1": {
"name": "slds-g-spacing-var-1",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-10": {
"name": "slds-g-spacing-var-10",
"value": "var(--slds-g-spacing-10)",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4rem | Compact = 3rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-11": {
"name": "slds-g-spacing-var-11",
"value": "var(--slds-g-spacing-11)",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-12": {
"name": "slds-g-spacing-var-12",
"value": "var(--slds-g-spacing-12)",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 5rem | Compact = 4rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-2": {
"name": "slds-g-spacing-var-2",
"value": "var(--slds-g-spacing-2)",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.5rem | Compact = 0.125rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-3": {
"name": "slds-g-spacing-var-3",
"value": "var(--slds-g-spacing-3)",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.75rem | Compact = 0.25rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-4": {
"name": "slds-g-spacing-var-4",
"value": "var(--slds-g-spacing-4)",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1rem | Compact = 0.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-5": {
"name": "slds-g-spacing-var-5",
"value": "var(--slds-g-spacing-5)",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-6": {
"name": "slds-g-spacing-var-6",
"value": "var(--slds-g-spacing-6)",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2rem | Compact = 1rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-7": {
"name": "slds-g-spacing-var-7",
"value": "var(--slds-g-spacing-7)",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-8": {
"name": "slds-g-spacing-var-8",
"value": "var(--slds-g-spacing-8)",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 2rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-9": {
"name": "slds-g-spacing-var-9",
"value": "var(--slds-g-spacing-9)",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-1": {
"name": "slds-g-spacing-var-block-1",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-10": {
"name": "slds-g-spacing-var-block-10",
"value": "var(--slds-g-spacing-10)",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4rem | Compact = 3rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-11": {
"name": "slds-g-spacing-var-block-11",
"value": "var(--slds-g-spacing-11)",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-12": {
"name": "slds-g-spacing-var-block-12",
"value": "var(--slds-g-spacing-12)",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 5rem | Compact = 4rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-2": {
"name": "slds-g-spacing-var-block-2",
"value": "var(--slds-g-spacing-2)",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.5rem | Compact = 0.25rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-3": {
"name": "slds-g-spacing-var-block-3",
"value": "var(--slds-g-spacing-3)",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.75rem | Compact = 0.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-4": {
"name": "slds-g-spacing-var-block-4",
"value": "var(--slds-g-spacing-4)",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1rem | Compact = 0.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-5": {
"name": "slds-g-spacing-var-block-5",
"value": "var(--slds-g-spacing-5)",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-6": {
"name": "slds-g-spacing-var-block-6",
"value": "var(--slds-g-spacing-6)",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2rem | Compact = 1rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-7": {
"name": "slds-g-spacing-var-block-7",
"value": "var(--slds-g-spacing-7)",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-8": {
"name": "slds-g-spacing-var-block-8",
"value": "var(--slds-g-spacing-8)",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 2rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-block-9": {
"name": "slds-g-spacing-var-block-9",
"value": "var(--slds-g-spacing-9)",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-1": {
"name": "slds-g-spacing-var-inline-1",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-10": {
"name": "slds-g-spacing-var-inline-10",
"value": "var(--slds-g-spacing-10)",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4rem | Compact = 3rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-11": {
"name": "slds-g-spacing-var-inline-11",
"value": "var(--slds-g-spacing-11)",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-12": {
"name": "slds-g-spacing-var-inline-12",
"value": "var(--slds-g-spacing-12)",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 5rem | Compact = 4rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-2": {
"name": "slds-g-spacing-var-inline-2",
"value": "var(--slds-g-spacing-2)",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.5rem | Compact = 0.25rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-3": {
"name": "slds-g-spacing-var-inline-3",
"value": "var(--slds-g-spacing-3)",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 0.75rem | Compact = 0.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-4": {
"name": "slds-g-spacing-var-inline-4",
"value": "var(--slds-g-spacing-4)",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1rem | Compact = 0.75rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-5": {
"name": "slds-g-spacing-var-inline-5",
"value": "var(--slds-g-spacing-5)",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-6": {
"name": "slds-g-spacing-var-inline-6",
"value": "var(--slds-g-spacing-6)",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2rem | Compact = 1rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-7": {
"name": "slds-g-spacing-var-inline-7",
"value": "var(--slds-g-spacing-7)",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-8": {
"name": "slds-g-spacing-var-inline-8",
"value": "var(--slds-g-spacing-8)",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3rem | Compact = 2rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-g-spacing-var-inline-9": {
"name": "slds-g-spacing-var-inline-9",
"value": "var(--slds-g-spacing-9)",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "spacing",
"scope": "global",
"namespace": "slds",
"description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-is-v2-enabled": {
"name": "slds-is-v2-enabled",
"value": "true",
"originalValue": "true",
"type": "string",
"category": "v2",
"scope": "is",
"namespace": "slds",
"description": "Enable the use of the slds2 design system.",
"themeOwned": false
},
"slds-r-color-brand-10": {
"name": "slds-r-color-brand-10",
"value": "#001642",
"originalValue": "{alias.palette.electricBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-15": {
"name": "slds-r-color-brand-15",
"value": "#001e5b",
"originalValue": "{alias.palette.electricBlue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-20": {
"name": "slds-r-color-brand-20",
"value": "#002775",
"originalValue": "{alias.palette.electricBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-30": {
"name": "slds-r-color-brand-30",
"value": "#022ac0",
"originalValue": "{alias.palette.electricBlue.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-35": {
"name": "slds-r-color-brand-35",
"value": "#003ecd",
"originalValue": "{alias.palette.electricBlue.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-40": {
"name": "slds-r-color-brand-40",
"value": "#0250d9",
"originalValue": "{alias.palette.electricBlue.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-45": {
"name": "slds-r-color-brand-45",
"value": "#045dec",
"originalValue": "{alias.palette.electricBlue.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-5": {
"name": "slds-r-color-brand-5",
"value": "#000314",
"originalValue": "{alias.palette.electricBlue.5}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-50": {
"name": "slds-r-color-brand-50",
"value": "#066afe",
"originalValue": "{alias.palette.electricBlue.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-55": {
"name": "slds-r-color-brand-55",
"value": "#287efe",
"originalValue": "{alias.palette.electricBlue.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-60": {
"name": "slds-r-color-brand-60",
"value": "#4992fe",
"originalValue": "{alias.palette.electricBlue.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-65": {
"name": "slds-r-color-brand-65",
"value": "#5f9ffe",
"originalValue": "{alias.palette.electricBlue.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-70": {
"name": "slds-r-color-brand-70",
"value": "#7cb1fe",
"originalValue": "{alias.palette.electricBlue.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-80": {
"name": "slds-r-color-brand-80",
"value": "#a8cbff",
"originalValue": "{alias.palette.electricBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-85": {
"name": "slds-r-color-brand-85",
"value": "#c2daff",
"originalValue": "{alias.palette.electricBlue.85}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-90": {
"name": "slds-r-color-brand-90",
"value": "#d6e6ff",
"originalValue": "{alias.palette.electricBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-brand-95": {
"name": "slds-r-color-brand-95",
"value": "#edf4ff",
"originalValue": "{alias.palette.electricBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-10": {
"name": "slds-r-color-error-10",
"value": "#370114",
"originalValue": "{alias.palette.pink.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-15": {
"name": "slds-r-color-error-15",
"value": "#4b0620",
"originalValue": "{alias.palette.pink.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-20": {
"name": "slds-r-color-error-20",
"value": "#61022a",
"originalValue": "{alias.palette.pink.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-30": {
"name": "slds-r-color-error-30",
"value": "#8a033e",
"originalValue": "{alias.palette.pink.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-35": {
"name": "slds-r-color-error-35",
"value": "#a00449",
"originalValue": "{alias.palette.pink.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-40": {
"name": "slds-r-color-error-40",
"value": "#b60554",
"originalValue": "{alias.palette.pink.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-45": {
"name": "slds-r-color-error-45",
"value": "#ce055f",
"originalValue": "{alias.palette.pink.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-5": {
"name": "slds-r-color-error-5",
"value": "#0f0003",
"originalValue": "{alias.palette.pink.5}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-50": {
"name": "slds-r-color-error-50",
"value": "#e3066a",
"originalValue": "{alias.palette.pink.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-55": {
"name": "slds-r-color-error-55",
"value": "#f42f7c",
"originalValue": "{alias.palette.pink.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-60": {
"name": "slds-r-color-error-60",
"value": "#ff538a",
"originalValue": "{alias.palette.pink.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-65": {
"name": "slds-r-color-error-65",
"value": "#fe7298",
"originalValue": "{alias.palette.pink.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-70": {
"name": "slds-r-color-error-70",
"value": "#fe8aa7",
"originalValue": "{alias.palette.pink.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-80": {
"name": "slds-r-color-error-80",
"value": "#fdb6c5",
"originalValue": "{alias.palette.pink.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-85": {
"name": "slds-r-color-error-85",
"value": "#fec8d4",
"originalValue": "{alias.palette.pink.85}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-90": {
"name": "slds-r-color-error-90",
"value": "#fddde3",
"originalValue": "{alias.palette.pink.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-error-95": {
"name": "slds-r-color-error-95",
"value": "#fef0f3",
"originalValue": "{alias.palette.pink.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-10": {
"name": "slds-r-color-info-10",
"value": "#001639",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-15": {
"name": "slds-r-color-info-15",
"value": "#03234d",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-20": {
"name": "slds-r-color-info-20",
"value": "#032d60",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-30": {
"name": "slds-r-color-info-30",
"value": "#014486",
"originalValue": "{alias.palette.blue.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-35": {
"name": "slds-r-color-info-35",
"value": "#044f98",
"originalValue": "{alias.palette.blue.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-40": {
"name": "slds-r-color-info-40",
"value": "#0b5cab",
"originalValue": "{alias.palette.blue.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-45": {
"name": "slds-r-color-info-45",
"value": "#0469c1",
"originalValue": "{alias.palette.blue.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-5": {
"name": "slds-r-color-info-5",
"value": "#000310",
"originalValue": "{alias.palette.blue.5}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-50": {
"name": "slds-r-color-info-50",
"value": "#0176d3",
"originalValue": "{alias.palette.blue.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-55": {
"name": "slds-r-color-info-55",
"value": "#0684ef",
"originalValue": "{alias.palette.blue.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-60": {
"name": "slds-r-color-info-60",
"value": "#1b96ff",
"originalValue": "{alias.palette.blue.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-65": {
"name": "slds-r-color-info-65",
"value": "#57a3fd",
"originalValue": "{alias.palette.blue.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-70": {
"name": "slds-r-color-info-70",
"value": "#78b0fd",
"originalValue": "{alias.palette.blue.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-80": {
"name": "slds-r-color-info-80",
"value": "#aacbff",
"originalValue": "{alias.palette.blue.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-85": {
"name": "slds-r-color-info-85",
"value": "#c2d8ff",
"originalValue": "{alias.palette.blue.85}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-90": {
"name": "slds-r-color-info-90",
"value": "#d8e6fe",
"originalValue": "{alias.palette.blue.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-info-95": {
"name": "slds-r-color-info-95",
"value": "#eef4ff",
"originalValue": "{alias.palette.blue.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-10": {
"name": "slds-r-color-success-10",
"value": "#071b12",
"originalValue": "{alias.palette.teal.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-15": {
"name": "slds-r-color-success-15",
"value": "#072825",
"originalValue": "{alias.palette.teal.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-20": {
"name": "slds-r-color-success-20",
"value": "#023434",
"originalValue": "{alias.palette.teal.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-30": {
"name": "slds-r-color-success-30",
"value": "#024d4c",
"originalValue": "{alias.palette.teal.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-35": {
"name": "slds-r-color-success-35",
"value": "#035a58",
"originalValue": "{alias.palette.teal.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-40": {
"name": "slds-r-color-success-40",
"value": "#056764",
"originalValue": "{alias.palette.teal.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-45": {
"name": "slds-r-color-success-45",
"value": "#087570",
"originalValue": "{alias.palette.teal.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-5": {
"name": "slds-r-color-success-5",
"value": "#010502",
"originalValue": "{alias.palette.teal.5}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-50": {
"name": "slds-r-color-success-50",
"value": "#0b827c",
"originalValue": "{alias.palette.teal.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-55": {
"name": "slds-r-color-success-55",
"value": "#09948b",
"originalValue": "{alias.palette.teal.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-60": {
"name": "slds-r-color-success-60",
"value": "#06a59a",
"originalValue": "{alias.palette.teal.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-65": {
"name": "slds-r-color-success-65",
"value": "#03b4a7",
"originalValue": "{alias.palette.teal.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-70": {
"name": "slds-r-color-success-70",
"value": "#01c3b3",
"originalValue": "{alias.palette.teal.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-80": {
"name": "slds-r-color-success-80",
"value": "#04e1cb",
"originalValue": "{alias.palette.teal.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-85": {
"name": "slds-r-color-success-85",
"value": "#76ead9",
"originalValue": "{alias.palette.teal.85}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-90": {
"name": "slds-r-color-success-90",
"value": "#acf3e4",
"originalValue": "{alias.palette.teal.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-success-95": {
"name": "slds-r-color-success-95",
"value": "#def9f3",
"originalValue": "{alias.palette.teal.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-10": {
"name": "slds-r-color-warning-10",
"value": "#281202",
"originalValue": "{alias.palette.yellow.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-15": {
"name": "slds-r-color-warning-15",
"value": "#371e03",
"originalValue": "{alias.palette.yellow.15}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-20": {
"name": "slds-r-color-warning-20",
"value": "#4f2100",
"originalValue": "{alias.palette.yellow.20}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-30": {
"name": "slds-r-color-warning-30",
"value": "#6f3400",
"originalValue": "{alias.palette.yellow.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-35": {
"name": "slds-r-color-warning-35",
"value": "#824308",
"originalValue": "{alias.palette.yellow.35}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-40": {
"name": "slds-r-color-warning-40",
"value": "#8c4b02",
"originalValue": "{alias.palette.yellow.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-45": {
"name": "slds-r-color-warning-45",
"value": "#9a5803",
"originalValue": "{alias.palette.yellow.45}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-5": {
"name": "slds-r-color-warning-5",
"value": "#090200",
"originalValue": "{alias.palette.yellow.5}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-50": {
"name": "slds-r-color-warning-50",
"value": "#a96504",
"originalValue": "{alias.palette.yellow.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-55": {
"name": "slds-r-color-warning-55",
"value": "#ba7503",
"originalValue": "{alias.palette.yellow.55}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-60": {
"name": "slds-r-color-warning-60",
"value": "#ca8501",
"originalValue": "{alias.palette.yellow.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-65": {
"name": "slds-r-color-warning-65",
"value": "#da9401",
"originalValue": "{alias.palette.yellow.65}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-70": {
"name": "slds-r-color-warning-70",
"value": "#e4a201",
"originalValue": "{alias.palette.yellow.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-80": {
"name": "slds-r-color-warning-80",
"value": "#fcc003",
"originalValue": "{alias.palette.yellow.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-85": {
"name": "slds-r-color-warning-85",
"value": "#f8d462",
"originalValue": "{alias.palette.yellow.85}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-90": {
"name": "slds-r-color-warning-90",
"value": "#f9e3b6",
"originalValue": "{alias.palette.yellow.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-r-color-warning-95": {
"name": "slds-r-color-warning-95",
"value": "#fbf3e0",
"originalValue": "{alias.palette.yellow.95}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "reference",
"namespace": "slds",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"slds-s-alert-close-button-hover": {
"name": "slds-s-alert-close-button-hover",
"value": "var(--slds-g-color-on-surface-3)",
"originalValue": "{slds.g.color.on.surface.3}",
"type": "color",
"syntax": "<color>",
"category": "alert",
"scope": "shared",
"namespace": "slds",
"description": "Alert close button hover state",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-alert-font-weight": {
"name": "slds-s-alert-font-weight",
"value": "var(--slds-g-font-weight-6)",
"originalValue": "{slds.g.font.weight.6}",
"type": "fontWeight",
"category": "alert",
"scope": "shared",
"namespace": "slds",
"description": "Alert font weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-avatar-radius-border": {
"name": "slds-s-avatar-radius-border",
"value": "var(--slds-g-radius-border-circle)",
"originalValue": "{slds.g.radius.border.circle}",
"type": "dimension",
"syntax": "<length>",
"category": "avatar",
"scope": "shared",
"namespace": "slds",
"description": "Avatar default border radius",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-backdrop-color-background": {
"name": "slds-s-backdrop-color-background",
"value": "color-mix(in oklab, var(--slds-g-color-palette-neutral-20),transparent 20%)",
"originalValue": "color-mix(in oklab, var(--slds-g-color-palette-neutral-20),transparent 20%)",
"type": "color",
"syntax": "<color>",
"category": "backdrop",
"scope": "shared",
"namespace": "slds",
"description": "Backdrop color",
"darkValue": "color-mix(in oklab, var(--slds-g-color-palette-neutral-95),transparent 20%)",
"themeOwned": true,
"cssProperties": [
"background-color"
]
},
"slds-s-button-bordered-shadow-hover": {
"name": "slds-s-button-bordered-shadow-hover",
"value": "0 1.5px 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-70))",
"originalValue": "0 1.5px 0 0 light-dark(var(--slds-g-color-neutral-base-20), var(--slds-g-color-neutral-base-70))",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Hover shadow for bordered buttons",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-button-bordered-transform-hover": {
"name": "slds-s-button-bordered-transform-hover",
"value": "translateY(-1.5px)",
"originalValue": "translateY(-1.5px)",
"type": "string",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Transform button to animate vertical movement on hover",
"themeOwned": true,
"cssProperties": [
"transform"
]
},
"slds-s-button-brand-shadow-hover": {
"name": "slds-s-button-brand-shadow-hover",
"value": "0 2px 0 0 light-dark(var(--slds-g-color-brand-base-20), var(--slds-g-color-brand-base-70))",
"originalValue": "0 2px 0 0 light-dark(var(--slds-g-color-brand-base-20), var(--slds-g-color-brand-base-70))",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Hover shadow for brand buttons",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-button-brand-transform-hover": {
"name": "slds-s-button-brand-transform-hover",
"value": "translateY(-2px)",
"originalValue": "translateY(-2px)",
"type": "string",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Transform button to animate vertical movement on hover",
"themeOwned": true,
"cssProperties": [
"transform"
]
},
"slds-s-button-color": {
"name": "slds-s-button-color",
"value": "var(--slds-g-color-accent-2)",
"originalValue": "{slds.g.color.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Text color for non-brand and non-feedback button family",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-background": {
"name": "slds-s-button-color-background",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Background of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-background-active": {
"name": "slds-s-button-color-background-active",
"value": "var(--slds-g-color-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Active background of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-background-focus": {
"name": "slds-s-button-color-background-focus",
"value": "var(--slds-g-color-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Focus background of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-background-hover": {
"name": "slds-s-button-color-background-hover",
"value": "var(--slds-g-color-brand-base-90)",
"originalValue": "{slds.g.color.brand.base.90}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Hover background of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-border": {
"name": "slds-s-button-color-border",
"value": "var(--slds-g-color-border-2)",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Border color of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-color-hover": {
"name": "slds-s-button-color-hover",
"value": "var(--slds-g-color-on-surface-3)",
"originalValue": "{slds.g.color.on.surface.3}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Hover text color of neutral buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-button-radius-border": {
"name": "slds-s-button-radius-border",
"value": "var(--slds-g-radius-border-pill)",
"originalValue": "{slds.g.radius.border.pill}",
"type": "dimension",
"syntax": "<length>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Default border radius for buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-button-shadow-active": {
"name": "slds-s-button-shadow-active",
"value": "2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset",
"originalValue": "2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Active border color of neutral buttons",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-button-shadow-focus": {
"name": "slds-s-button-shadow-focus",
"value": "0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"originalValue": "0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Focus border color of neutral buttons",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-button-shadow-focus-inverse": {
"name": "slds-s-button-shadow-focus-inverse",
"value": "0 0 0 2px var(--slds-g-color-brand-base-15), 0 0 0 4px var(--slds-g-color-surface-1)",
"originalValue": "0 0 0 2px var(--slds-g-color-brand-base-15), 0 0 0 4px var(--slds-g-color-surface-1)",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Focus border color of inverse buttons",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-button-spacing-inline": {
"name": "slds-s-button-spacing-inline",
"value": "var(--slds-g-spacing-4)",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Inline/horizontal spacing of buttons",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-container-color": {
"name": "slds-s-container-color",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container text color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-color-border": {
"name": "slds-s-container-color-border",
"value": "transparent",
"originalValue": "transparent",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container border color",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-content-color": {
"name": "slds-s-container-content-color",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container content text color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-footer-color-background": {
"name": "slds-s-container-footer-color-background",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container footer background color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-footer-font-align": {
"name": "slds-s-container-footer-font-align",
"value": "right",
"originalValue": "right",
"type": "string",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container footer font alignment",
"themeOwned": true,
"cssProperties": [
"text-align"
]
},
"slds-s-container-footer-font-color": {
"name": "slds-s-container-footer-font-color",
"value": "var(--slds-g-color-on-surface-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading font color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-footer-sizing-border": {
"name": "slds-s-container-footer-sizing-border",
"value": "var(--slds-g-sizing-border-1)",
"originalValue": "{slds.g.sizing.border.1}",
"type": "dimension",
"syntax": "<length>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container border size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-container-heading-font-align": {
"name": "slds-s-container-heading-font-align",
"value": "left",
"originalValue": "left",
"type": "string",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading font alignment",
"themeOwned": true,
"cssProperties": [
"text-align"
]
},
"slds-s-container-heading-font-color": {
"name": "slds-s-container-heading-font-color",
"value": "var(--slds-g-color-on-surface-3)",
"originalValue": "{slds.g.color.on.surface.3}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading font color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-container-heading-font-size": {
"name": "slds-s-container-heading-font-size",
"value": "var(--slds-g-font-scale-3)",
"originalValue": "{slds.g.font.scale.3}",
"type": "dimension",
"syntax": "<length>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading font size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-container-heading-font-weight": {
"name": "slds-s-container-heading-font-weight",
"value": "var(--slds-g-font-weight-4)",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading font weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-container-heading-var-font-size": {
"name": "slds-s-container-heading-var-font-size",
"value": "var(--slds-g-font-scale-var-3)",
"originalValue": "{slds.g.font.scale.var.3}",
"type": "dimension",
"syntax": "<length>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container heading variable font size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-container-radius-border": {
"name": "slds-s-container-radius-border",
"value": "var(--slds-g-radius-border-4)",
"originalValue": "{slds.g.radius.border.4}",
"type": "dimension",
"syntax": "<length>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container border radius",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-container-shadow": {
"name": "slds-s-container-shadow",
"value": "none",
"originalValue": "none",
"type": "shadow",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container shadow",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-container-sizing-border": {
"name": "slds-s-container-sizing-border",
"value": "0",
"originalValue": "0",
"type": "dimension",
"syntax": "<length>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container border width",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-header-sizing-height": {
"name": "slds-s-header-sizing-height",
"value": "3.125rem",
"originalValue": "3.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "header",
"scope": "shared",
"namespace": "slds",
"description": "Header height",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-helptext-color": {
"name": "slds-s-helptext-color",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "helptext",
"scope": "shared",
"namespace": "slds",
"description": "Default color for helptext.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-helptext-font-size": {
"name": "slds-s-helptext-font-size",
"value": "var(--slds-g-font-scale-neg-1)",
"originalValue": "{slds.g.font.scale.neg.1}",
"type": "dimension",
"syntax": "<length>",
"category": "helptext",
"scope": "shared",
"namespace": "slds",
"description": "Text size of help text that sits below a form control, if present.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-helptext-spacing": {
"name": "slds-s-helptext-spacing",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "helptext",
"scope": "shared",
"namespace": "slds",
"description": "Spacing between the helptext and the form control.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-icon-color-foreground": {
"name": "slds-s-icon-color-foreground",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "icon",
"scope": "shared",
"namespace": "slds",
"description": "Fill color for icons. The default is utility icons.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-icon-radius-border": {
"name": "slds-s-icon-radius-border",
"value": "var(--slds-g-radius-border-circle)",
"originalValue": "{slds.g.radius.border.circle}",
"type": "dimension",
"syntax": "<length>",
"category": "icon",
"scope": "shared",
"namespace": "slds",
"description": "Default border radius for icons.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-input-color": {
"name": "slds-s-input-color",
"value": "var(--slds-g-color-on-surface-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Text color for inputs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-background": {
"name": "slds-s-input-color-background",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Background color for inputs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-background-disabled": {
"name": "slds-s-input-color-background-disabled",
"value": "var(--slds-g-color-disabled-container-1)",
"originalValue": "{slds.g.color.disabled.container.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Background color for inputs when disabled",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-background-invalid": {
"name": "slds-s-input-color-background-invalid",
"value": "var(--slds-g-color-error-container-1)",
"originalValue": "{slds.g.color.error.container.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Background color for inputs when disabled",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-border": {
"name": "slds-s-input-color-border",
"value": "var(--slds-g-color-border-2)",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Border color for inputs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-border-disabled": {
"name": "slds-s-input-color-border-disabled",
"value": "var(--slds-g-color-border-disabled-1)",
"originalValue": "{slds.g.color.border.disabled.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Disabled border color for input containers",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-border-focus": {
"name": "slds-s-input-color-border-focus",
"value": "var(--slds-g-color-border-2)",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Border color for inputs on focus.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-disabled": {
"name": "slds-s-input-color-disabled",
"value": "var(--slds-g-color-on-disabled-1)",
"originalValue": "{slds.g.color.on.disabled.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Disabled text color for input content",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-color-invalid": {
"name": "slds-s-input-color-invalid",
"value": "var(--slds-g-color-error-1)",
"originalValue": "{slds.g.color.error.1}",
"type": "color",
"syntax": "<color>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Text color for inputs when disabled",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-input-radius-border": {
"name": "slds-s-input-radius-border",
"value": "var(--slds-g-radius-border-2)",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Border radius for inputs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-input-shadow-focus": {
"name": "slds-s-input-shadow-focus",
"value": "2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"originalValue": "2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.35) inset, 0px 1px 0px 0px rgba(0, 0, 0, 0.15) inset, 0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"type": "shadow",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for inputs on focus.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-input-shadow-invalid": {
"name": "slds-s-input-shadow-invalid",
"value": "none",
"originalValue": "none",
"type": "shadow",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for inputs on focus.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-input-spacing": {
"name": "slds-s-input-spacing",
"value": "var(--slds-g-spacing-2)",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "input",
"scope": "shared",
"namespace": "slds",
"description": "Spacing for inputs. Set as padding.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-label-color": {
"name": "slds-s-label-color",
"value": "var(--slds-g-color-on-surface-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Text color for form labels",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-label-font-size": {
"name": "slds-s-label-font-size",
"value": "var(--slds-g-font-size-base)",
"originalValue": "{slds.g.font.size.base}",
"type": "dimension",
"syntax": "<length>",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Font size for form labels",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-label-font-weight": {
"name": "slds-s-label-font-weight",
"value": "var(--slds-g-font-weight-6)",
"originalValue": "{slds.g.font.weight.6}",
"type": "fontWeight",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Default font weight for input labels.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-label-spacing": {
"name": "slds-s-label-spacing",
"value": "var(--slds-g-spacing-2)",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Spacing between the label and the input",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-label-spacing-gap": {
"name": "slds-s-label-spacing-gap",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Default gap spacing for input labels.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-link-color": {
"name": "slds-s-link-color",
"value": "var(--slds-g-color-accent-2)",
"originalValue": "{slds.g.color.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-active": {
"name": "slds-s-link-color-active",
"value": "var(--slds-g-color-accent-3)",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on active",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-focus": {
"name": "slds-s-link-color-focus",
"value": "var(--slds-g-color-accent-3)",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on focus",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-hover": {
"name": "slds-s-link-color-hover",
"value": "var(--slds-g-color-accent-3)",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-outline-color": {
"name": "slds-s-link-outline-color",
"value": "var(--slds-g-color-brand-base-15)",
"originalValue": "{slds.g.color.brand.base.15}",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default outline color for links on focus",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-color-background": {
"name": "slds-s-mark-color-background",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Color of checkmark background unchecked",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-color-background-checked": {
"name": "slds-s-mark-color-background-checked",
"value": "var(--slds-g-color-accent-container-1)",
"originalValue": "{slds.g.color.accent.container.1}",
"type": "color",
"syntax": "<color>",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Color of background checkmarks are on",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-color-background-invalid": {
"name": "slds-s-mark-color-background-invalid",
"value": "var(--slds-g-color-error-base-40)",
"originalValue": "{slds.g.color.error.base.40}",
"type": "color",
"syntax": "<color>",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Color of background checkmarks are on",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-color-foreground-checked": {
"name": "slds-s-mark-color-foreground-checked",
"value": "var(--slds-g-color-on-accent-1)",
"originalValue": "{slds.g.color.on.accent.1}",
"type": "color",
"syntax": "<color>",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Color of checkmarks",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-color-foreground-invalid": {
"name": "slds-s-mark-color-foreground-invalid",
"value": "var(--slds-g-color-error-base-100)",
"originalValue": "{slds.g.color.error.base.100}",
"type": "color",
"syntax": "<color>",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Color of background checkmarks are on",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-mark-shadow-checked": {
"name": "slds-s-mark-shadow-checked",
"value": "0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.08) inset, 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset",
"originalValue": "0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset, 0px 0.5px 2px 0px rgba(0, 0, 0, 0.08) inset, 2px 2px 5px 0px rgba(0, 0, 0, 0.08) inset",
"type": "shadow",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for checked inputs when checked.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-mark-shadow-focus": {
"name": "slds-s-mark-shadow-focus",
"value": "0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"originalValue": "0 0 0 2px var(--slds-g-color-surface-1), 0 0 0 4px var(--slds-g-color-brand-base-15)",
"type": "shadow",
"category": "mark",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for checked inputs on focus.",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-menu-item-color-active": {
"name": "slds-s-menu-item-color-active",
"value": "var(--slds-g-color-accent-1)",
"originalValue": "{slds.g.color.accent.1}",
"type": "color",
"syntax": "<color>",
"category": "menu",
"scope": "shared",
"namespace": "slds",
"description": "Active text color for menu/listbox items",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-menu-item-color-background-active": {
"name": "slds-s-menu-item-color-background-active",
"value": "var(--slds-g-color-brand-base-90)",
"originalValue": "{slds.g.color.brand.base.90}",
"type": "color",
"syntax": "<color>",
"category": "menu",
"scope": "shared",
"namespace": "slds",
"description": "Active background color for menu/listbox items",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color": {
"name": "slds-s-navigation-color",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-active": {
"name": "slds-s-navigation-color-active",
"value": "var(--slds-g-color-accent-3)",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-background": {
"name": "slds-s-navigation-color-background",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-background-active": {
"name": "slds-s-navigation-color-background-active",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-background-hover": {
"name": "slds-s-navigation-color-background-hover",
"value": "var(--slds-g-color-brand-base-90)",
"originalValue": "{slds.g.color.brand.base.90}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-border": {
"name": "slds-s-navigation-color-border",
"value": "var(--slds-g-color-border-1)",
"originalValue": "{slds.g.color.border.1}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-border-hover": {
"name": "slds-s-navigation-color-border-hover",
"value": "var(--slds-g-color-brand-base-15)",
"originalValue": "{slds.g.color.brand.base.15}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-color-hover": {
"name": "slds-s-navigation-color-hover",
"value": "var(--slds-g-color-brand-base-15)",
"originalValue": "{slds.g.color.brand.base.15}",
"type": "color",
"syntax": "<color>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-navigation-font-lineheight": {
"name": "slds-s-navigation-font-lineheight",
"value": "2.5rem",
"originalValue": "2.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default lineheight for tabs",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"slds-s-navigation-font-weight": {
"name": "slds-s-navigation-font-weight",
"value": "600",
"originalValue": "600",
"type": "fontWeight",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-navigation-font-weight-active": {
"name": "slds-s-navigation-font-weight-active",
"value": "600",
"originalValue": "600",
"type": "fontWeight",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-navigation-sizing-border-active": {
"name": "slds-s-navigation-sizing-border-active",
"value": "3px",
"originalValue": "3px",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-navigation-sizing-border-hover": {
"name": "slds-s-navigation-sizing-border-hover",
"value": "3px",
"originalValue": "3px",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-navigation-sizing-height": {
"name": "slds-s-navigation-sizing-height",
"value": "2.5rem",
"originalValue": "2.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default height for tabs",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-pageheader-action-bottom-spacing": {
"name": "slds-s-pageheader-action-bottom-spacing",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "bottom spacing for pageheader action.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"slds-s-pageheader-color-background": {
"name": "slds-s-pageheader-color-background",
"value": "var(--slds-g-color-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Background color of all page header",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-pageheader-radius-border": {
"name": "slds-s-pageheader-radius-border",
"value": "0",
"originalValue": "0",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Border radius for all page headers",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-s-pageheader-row-color-background": {
"name": "slds-s-pageheader-row-color-background",
"value": "var(--slds-g-color-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Background color of all page header rows",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-pageheader-shadow": {
"name": "slds-s-pageheader-shadow",
"value": "none",
"originalValue": "none",
"type": "shadow",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for all page headers",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-pageheader-sizing-border": {
"name": "slds-s-pageheader-sizing-border",
"value": "0",
"originalValue": "0",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Border width for all page headers",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-pageheader-title-font-size": {
"name": "slds-s-pageheader-title-font-size",
"value": "var(--slds-g-font-scale-5)",
"originalValue": "{slds.g.font.scale.5}",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Font-size of all page header titles",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-pageheader-title-font-weight": {
"name": "slds-s-pageheader-title-font-weight",
"value": "var(--slds-g-font-weight-4)",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Font-weight of all page header titles",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-pill-color-background-hover": {
"name": "slds-s-pill-color-background-hover",
"value": "var(--slds-g-color-brand-base-90)",
"originalValue": "{slds.g.color.brand.base.90}",
"type": "color",
"syntax": "<color>",
"category": "pill",
"scope": "shared",
"namespace": "slds",
"description": "Hover background color for pills",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-cell-shadow-selected": {
"name": "slds-s-table-cell-shadow-selected",
"value": "var(--slds-g-color-brand-base-15) 0 0 0 2px inset",
"originalValue": "var(--slds-g-color-brand-base-15) 0 0 0 2px inset",
"type": "shadow",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow of the selected table cell",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-table-color": {
"name": "slds-s-table-color",
"value": "var(--slds-g-color-neutral-base-0)",
"originalValue": "{slds.g.color.neutral.base.0}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Text/icon color for the table",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-header-color": {
"name": "slds-s-table-header-color",
"value": "var(--slds-g-color-on-surface-1)",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Text/icon color for the table header",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-header-color-background": {
"name": "slds-s-table-header-color-background",
"value": "var(--slds-g-color-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Background color for the table header",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-header-color-background-hover": {
"name": "slds-s-table-header-color-background-hover",
"value": "var(--slds-g-color-surface-container-3)",
"originalValue": "{slds.g.color.surface.container.3}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Background color for the table header cells on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-header-color-background-selected": {
"name": "slds-s-table-header-color-background-selected",
"value": "var(--slds-g-color-surface-container-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Background color for the table cells on active/selected",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-header-font-weight": {
"name": "slds-s-table-header-font-weight",
"value": "var(--slds-g-font-weight-6)",
"originalValue": "{slds.g.font.weight.6}",
"type": "fontWeight",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Font weight for the table header",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-table-resize-color": {
"name": "slds-s-table-resize-color",
"value": "var(--slds-g-color-border-1)",
"originalValue": "{slds.g.color.border.1}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Color of the resize handle on table columns",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-resize-color-active": {
"name": "slds-s-table-resize-color-active",
"value": "var(--slds-g-color-accent-3)",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Active color of the resize handle on table columns",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-row-color-background-selected": {
"name": "slds-s-table-row-color-background-selected",
"value": "var(--slds-g-color-brand-base-90)",
"originalValue": "{slds.g.color.brand.base.90}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Background color of the selected table row",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-table-row-color-border-selected-hover": {
"name": "slds-s-table-row-color-border-selected-hover",
"value": "var(--slds-g-color-border-accent-2)",
"originalValue": "{slds.g.color.border.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "table",
"scope": "shared",
"namespace": "slds",
"description": "Border color of the selected table row on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}