@salesforce-ux/design-tokens
Version:
Salesforce Design System Tokens & Styling Hooks
12,575 lines • 331 kB
JSON
{
"slds-c-button-destructive-color": {
"name": "slds-c-button-destructive-color",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Text of destructive button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-destructive-color-background": {
"name": "slds-c-button-destructive-color-background",
"value": "var(--slds-g-color-error-base-40)",
"originalValue": "{slds.g.color.error.base.40}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Background of destructive button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-destructive-color-background-hover": {
"name": "slds-c-button-destructive-color-background-hover",
"value": "var(--slds-g-color-error-base-30)",
"originalValue": "{slds.g.color.error.base.30}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Background of destructive button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-destructive-color-border": {
"name": "slds-c-button-destructive-color-border",
"value": "var(--slds-g-color-error-base-40)",
"originalValue": "{slds.g.color.error.base.40}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Border of destructive button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-destructive-color-border-hover": {
"name": "slds-c-button-destructive-color-border-hover",
"value": "var(--slds-g-color-error-base-30)",
"originalValue": "{slds.g.color.error.base.30}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Border of destructive button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-destructive-color-hover": {
"name": "slds-c-button-destructive-color-hover",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Text of destructive button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-font-weight": {
"name": "slds-c-button-font-weight",
"value": "var(--slds-g-font-weight-4)",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Button font weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-c-button-success-color": {
"name": "slds-c-button-success-color",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Text of success button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-success-color-background": {
"name": "slds-c-button-success-color-background",
"value": "var(--slds-g-color-success-base-50)",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Background of success button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-success-color-background-hover": {
"name": "slds-c-button-success-color-background-hover",
"value": "var(--slds-g-color-success-base-30)",
"originalValue": "{slds.g.color.success.base.30}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Background of success button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-success-color-border": {
"name": "slds-c-button-success-color-border",
"value": "var(--slds-g-color-success-base-50)",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Border of success button",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-success-color-border-hover": {
"name": "slds-c-button-success-color-border-hover",
"value": "var(--slds-g-color-success-base-50)",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Border of success button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-c-button-success-color-hover": {
"name": "slds-c-button-success-color-hover",
"value": "var(--slds-g-color-neutral-base-100)",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "c",
"namespace": "slds",
"description": "Text of success button on hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-1": {
"name": "slds-g-color-accent-1",
"value": "var(--lwc-brandPrimary, var(--slds-r-color-brand-60))",
"originalValue": "var(--lwc-brandPrimary, var(--slds-r-color-brand-60))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is the lightest value of the accent ranges. This accent should not have any text/icon on top of it.",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-2": {
"name": "slds-g-color-accent-2",
"value": "var(--lwc-brandPrimaryActive, var(--slds-r-color-brand-50))",
"originalValue": "var(--lwc-brandPrimaryActive, var(--slds-r-color-brand-50))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is one step darker than accent-1. This accent should not have any text/icon on top of it.",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-3": {
"name": "slds-g-color-accent-3",
"value": "var(--slds-r-color-brand-40)",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is one step darker than accent-2. This accent should not have any text/icon on top of it.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-container-1": {
"name": "slds-g-color-accent-container-1",
"value": "var(--lwc-brandAccessible, var(--slds-r-color-brand-50))",
"originalValue": "var(--lwc-brandAccessible, var(--slds-r-color-brand-50))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements contain text/icon. This is the lightest value of the accent container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-accent-1.",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-container-2": {
"name": "slds-g-color-accent-container-2",
"value": "var(--lwc-brandAccessibleActive, var(--slds-r-color-brand-40))",
"originalValue": "var(--lwc-brandAccessibleActive, var(--slds-r-color-brand-40))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements contain text/icon. This is one step darker than accent-container-1. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-accent-1.",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Brand accent color for UI elements contain text/icon. This is one step darker than accent-container-2. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-accent-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-accent-dark-1": {
"name": "slds-g-color-accent-dark-1",
"value": "var(--lwc-brandDark, var(--slds-g-color-brand-base-20))",
"originalValue": "var(--lwc-brandDark, var(--slds-g-color-brand-base-20))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is the lightest value of the dark accent ranges. This accent should not have any text/icon on top of it.",
"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": "var(--lwc-brandDarkActive, var(--slds-g-color-brand-base-10))",
"originalValue": "var(--lwc-brandDarkActive, var(--slds-g-color-brand-base-10))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is one step darker than accent-dark-1. This accent should not have any text/icon on top of it.",
"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": "var(--lwc-brandLight, var(--slds-g-color-brand-base-95))",
"originalValue": "var(--lwc-brandLight, var(--slds-g-color-brand-base-95))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is the lightest value of the light accent ranges. This accent should not have any text/icon on top of it.",
"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": "var(--lwc-brandLightActive, var(--slds-g-color-brand-base-90))",
"originalValue": "var(--lwc-brandLightActive, var(--slds-g-color-brand-base-90))",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Brand accent color for UI elements. This is one step darker than accent-light-1. This accent should not have any text/icon on top of it.",
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-1": {
"name": "slds-g-color-border-1",
"value": "var(--slds-g-color-neutral-base-80)",
"originalValue": "{slds.g.color.neutral.base.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Neutral border color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-2": {
"name": "slds-g-color-border-2",
"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": "Neutral border color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Brand border color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Alternate brand border color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Alternate brand border color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-disabled-1": {
"name": "slds-g-color-border-disabled-1",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for disabled UI elements. This is the lightest value of the disabled ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-disabled-2": {
"name": "slds-g-color-border-disabled-2",
"value": "#aeaeae",
"originalValue": "{alias.palette.neutral.70}",
"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": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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 elements denoting an error. This is the lightest value of the error border ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Border color for elements denoting an error. This is one step darker than border-error-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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 color for UI elements that sit on top of or with a inversed surface color. This is the lightest value of the inversed border colors.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Border color for UI elements that sit on top of or with a inversed surface color. This is one step darker than surface-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-success-1": {
"name": "slds-g-color-border-success-1",
"value": "var(--slds-r-color-success-50)",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for elements denoting an success. This is the lightest value of the success border ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-border-success-2": {
"name": "slds-g-color-border-success-2",
"value": "var(--slds-r-color-success-40)",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Border color for elements denoting an success. This is one step darker than color-border-success-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Border color for elements denoting an warning. This is the lightest value of the warning border ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Brand Base 10 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 100 - if used as a background, please use Brand Base 60-10 to meet accessibility guidelines.",
"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": "Brand Base 15 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 20 - if used as a background, please use Brand Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 30 - if used as a background, please use Brand Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 40 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"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,
"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": "Brand Base 50 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines.",
"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,
"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": "Brand Base 60 - if used as a background, please use Brand Base 100 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 65 - if used as a background, please use Brand Base 15-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 70 - if used as a background, please use Brand Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 80 - if used as a background, please use Brand Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 90 - if used as a background, please use Brand Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Brand Base 95 - if used as a background, please use Brand Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-disabled-1": {
"name": "slds-g-color-disabled-1",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Color denoting disabled UI elements. This is the lightest value of the disabled ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-disabled-2": {
"name": "slds-g-color-disabled-2",
"value": "#aeaeae",
"originalValue": "{alias.palette.neutral.70}",
"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-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-disabled-container-1": {
"name": "slds-g-color-disabled-container-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Disabled color for UI elements containing a text or icon. This is the lightest value of the disabled container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-disabled-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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 color for UI elements containing a text or icon. This is two steps darker than disabled-container-1. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-disabled-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Accent color denoting an error for UI elements. This is the lightest value of the error ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Error Base 10 - if used as a background, please use Error Base 100-50 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 100 - if used as a background, please use Error Base 60-10 to meet accessibility guidelines.",
"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,
"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": "Error Base 20 - if used as a background, please use Error Base 100-60 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 30 - if used as a background, please use Error Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 40 - if used as a background, please use Error Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 50 - if used as a background, please use Error Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 60 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"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,
"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": "Error Base 70 - if used as a background, please use Error Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 80 - if used as a background, please use Error Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 90 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Error Base 95 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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-40)",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Error accent color for UI elements containing a text or icon. This is the lightest value of the error container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-error-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-error-container-2": {
"name": "slds-g-color-error-container-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": "Brand accent color for UI elements contain text/icon. This is one step darker than error-container-1. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-accent-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-info-1": {
"name": "slds-g-color-info-1",
"value": "var(--slds-r-color-info-30)",
"originalValue": "{slds.r.color.info.30}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Accent color denoting an info for UI elements. This is the lightest value of the info ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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,
"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,
"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,
"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,
"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,
"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,
"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-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,
"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,
"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,
"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,
"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,
"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,
"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-40)",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Info accent color for UI elements containing a text or icon. This is the lightest value of the info container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-info-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral Base 0 - if used as a background, please use Neutral Base 100-50 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 10 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 100 - if used as a background, please use Neutral Base 60-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 15 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 20 - if used as a background, please use Neutral Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 30 - if used as a background, please use Neutral Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 40 - if used as a background, please use Neutral Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 50 - if used as a background, please use Neutral Base 100-95 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 60 - if used as a background, please use Neutral Base 100 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 65 - if used as a background, please use Neutral Base 15-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 70 - if used as a background, please use Neutral Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 80 - if used as a background, please use Neutral Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 90 - if used as a background, please use Neutral Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Neutral Base 95 - if used as a background, please use Neutral Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-accent-1": {
"name": "slds-g-color-on-accent-1",
"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": "Text/icon color that sits on top of a brand accent color for UI elements. This is the lightest value of the accent ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-accent-2": {
"name": "slds-g-color-on-accent-2",
"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": "Text/icon color that sits on top of a brand accent color for UI elements. This is the lightest value of the accent ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-accent-3": {
"name": "slds-g-color-on-accent-3",
"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": "Text/icon color that sits on top of a brand accent color for UI elements. This is the lightest value of the accent ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-disabled-1": {
"name": "slds-g-color-on-disabled-1",
"value": "#c9c9c9",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an disabled color for UI elements. This is the base disabled text color value.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-disabled-2": {
"name": "slds-g-color-on-disabled-2",
"value": "#939393",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an disabled color for UI elements. This is the alt disabled text color value.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-error-1": {
"name": "slds-g-color-on-error-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an error color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-error-2": {
"name": "slds-g-color-on-error-2",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an error color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-info-1": {
"name": "slds-g-color-on-info-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an info color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-success-1": {
"name": "slds-g-color-on-success-1",
"value": "#fff",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of a success accent color for UI elements. This is the lightest value of the success ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-success-2": {
"name": "slds-g-color-on-success-2",
"value": "#181818",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of a success accent color for UI elements. This is one step darker than on-success-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-surface-1": {
"name": "slds-g-color-on-surface-1",
"value": "#757575",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of a neutral surface color for UI elements. This is the lightest value of the on surface ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-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": "Text/icon color that sits on top of a neutral surface color for UI elements. This is one step darker than on-surface-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-surface-3": {
"name": "slds-g-color-on-surface-3",
"value": "#181818",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of a neutral surface color for UI elements. This is one step darker than on-surface-2.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-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": "Text/icon color that sits on top of a inversed surface color for UI elements. This is the lightest value of the on inversed surface ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-surface-inverse-2": {
"name": "slds-g-color-on-surface-inverse-2",
"value": "#aeaeae",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of a inversed surface color for UI elements. This is one step darker than on-surface-inverse-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-on-warning-1": {
"name": "slds-g-color-on-warning-1",
"value": "#181818",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Text/icon color that sits on top of an warning color for UI elements.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-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": "Blue 10",
"inherits": true,
"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": "Blue 15",
"inherits": true,
"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": "Blue 20",
"inherits": true,
"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": "Blue 30",
"inherits": true,
"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": "Blue 40",
"inherits": true,
"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": "Blue 50",
"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": "Blue 60",
"inherits": true,
"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": "Blue 65",
"inherits": true,
"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": "Blue 70",
"inherits": true,
"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": "Blue 80",
"inherits": true,
"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": "Blue 90",
"inherits": true,
"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": "Blue 95",
"inherits": true,
"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": "Cloud Blue 10",
"inherits": true,
"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": "Cloud Blue 15",
"inherits": true,
"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": "Cloud Blue 20",
"inherits": true,
"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": "Cloud Blue 30",
"inherits": true,
"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": "Cloud Blue 40",
"inherits": true,
"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": "Cloud Blue 50",
"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": "Cloud Blue 60",
"inherits": true,
"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": "Cloud Blue 65",
"inherits": true,
"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": "Cloud Blue 70",
"inherits": true,
"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": "Cloud Blue 80",
"inherits": true,
"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": "Cloud Blue 90",
"inherits": true,
"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": "Cloud Blue 95",
"inherits": true,
"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": "Electric-Blue-10 maps to Brand-Base-10",
"inherits": true,
"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": "Electric-Blue-15 maps to Brand-Base-15",
"inherits": true,
"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": "Electric-Blue-20 maps to Brand-Base-20",
"inherits": true,
"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": "Electric-Blue-30 maps to Brand-Base-30",
"inherits": true,
"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": "Electric-Blue-40 maps to Brand-Base-40",
"inherits": true,
"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": "Electric-Blue-50 maps to Brand-Base-50",
"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": "Electric-Blue-60 maps to Brand-Base-60",
"inherits": true,
"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": "Electric-Blue-65 maps to Brand-Base-65",
"inherits": true,
"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": "Electric-Blue-70 maps to Brand-Base-70",
"inherits": true,
"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": "Electric-Blue-80 maps to Brand-Base-80",
"inherits": true,
"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": "Electric-Blue-90 maps to Brand-Base-90",
"inherits": true,
"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": "Electric-Blue-95 maps to Brand-Base-95",
"inherits": true,
"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": "Green 10",
"inherits": true,
"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": "Green 15",
"inherits": true,
"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": "Green 20",
"inherits": true,
"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": "Green 30",
"inherits": true,
"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": "Green 40",
"inherits": true,
"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": "Green 50",
"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": "Green 60",
"inherits": true,
"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": "Green 65",
"inherits": true,
"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": "Green 70",
"inherits": true,
"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": "Green 80",
"inherits": true,
"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": "Green 90",
"inherits": true,
"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": "Green 95",
"inherits": true,
"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": "Hot Orange 10",
"inherits": true,
"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": "Hot Orange 15",
"inherits": true,
"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": "Hot Orange 20",
"inherits": true,
"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": "Hot Orange 30",
"inherits": true,
"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": "Hot Orange 40",
"inherits": true,
"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": "Hot Orange 50",
"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": "Hot Orange 60",
"inherits": true,
"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": "Hot Orange 65",
"inherits": true,
"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": "Hot Orange 70",
"inherits": true,
"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": "Hot Orange 80",
"inherits": true,
"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": "Hot Orange 90",
"inherits": true,
"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": "Hot Orange 95",
"inherits": true,
"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": "Indigo 10",
"inherits": true,
"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": "Indigo 15",
"inherits": true,
"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": "Indigo 20",
"inherits": true,
"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": "Indigo 30",
"inherits": true,
"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": "Indigo 40",
"inherits": true,
"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": "Indigo 50",
"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": "Indigo 60",
"inherits": true,
"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": "Indigo 65",
"inherits": true,
"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": "Indigo 70",
"inherits": true,
"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": "Indigo 80",
"inherits": true,
"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": "Indigo 90",
"inherits": true,
"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": "Indigo 95",
"inherits": true,
"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": "Neutral 0",
"inherits": true,
"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": "Neutral 10",
"inherits": true,
"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": "Neutral 100",
"inherits": true,
"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": "Neutral 15",
"inherits": true,
"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": "Neutral 20",
"inherits": true,
"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": "Neutral 30",
"inherits": true,
"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": "Neutral 40",
"inherits": true,
"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": "Neutral 50",
"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": "Neutral 60",
"inherits": true,
"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": "Neutral 65",
"inherits": true,
"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": "Neutral 70",
"inherits": true,
"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": "Neutral 80",
"inherits": true,
"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": "Neutral 90",
"inherits": true,
"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": "Neutral 95",
"inherits": true,
"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": "Orange 10",
"inherits": true,
"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": "Orange 15",
"inherits": true,
"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": "Orange 20",
"inherits": true,
"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": "Orange 30",
"inherits": true,
"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": "Orange 40",
"inherits": true,
"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": "Orange 50",
"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": "Orange 60",
"inherits": true,
"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": "Orange 65",
"inherits": true,
"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": "Orange 70",
"inherits": true,
"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": "Orange 80",
"inherits": true,
"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": "Orange 90",
"inherits": true,
"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": "Orange 95",
"inherits": true,
"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": "Pink 10",
"inherits": true,
"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": "Pink 15",
"inherits": true,
"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": "Pink 20",
"inherits": true,
"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": "Pink 30",
"inherits": true,
"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": "Pink 40",
"inherits": true,
"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": "Pink 50",
"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": "Pink 60",
"inherits": true,
"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": "Pink 65",
"inherits": true,
"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": "Pink 70",
"inherits": true,
"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": "Pink 80",
"inherits": true,
"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": "Pink 90",
"inherits": true,
"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": "Pink 95",
"inherits": true,
"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": "Purple 10",
"inherits": true,
"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": "Purple 15",
"inherits": true,
"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": "Purple 20",
"inherits": true,
"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": "Purple 30",
"inherits": true,
"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": "Purple 40",
"inherits": true,
"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": "Purple 50",
"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": "Purple 60",
"inherits": true,
"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": "Purple 65",
"inherits": true,
"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": "Purple 70",
"inherits": true,
"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": "Purple 80",
"inherits": true,
"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": "Purple 90",
"inherits": true,
"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": "Purple 95",
"inherits": true,
"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": "Red 10",
"inherits": true,
"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": "Red 15",
"inherits": true,
"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": "Red 20",
"inherits": true,
"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": "Red 30",
"inherits": true,
"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": "Red 40",
"inherits": true,
"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": "Red 50",
"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": "Red 60",
"inherits": true,
"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": "Red 65",
"inherits": true,
"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": "Red 70",
"inherits": true,
"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": "Red 80",
"inherits": true,
"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": "Red 90",
"inherits": true,
"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": "Red 95",
"inherits": true,
"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": "Teal 10",
"inherits": true,
"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": "Teal 15",
"inherits": true,
"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": "Teal 20",
"inherits": true,
"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": "Teal 30",
"inherits": true,
"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": "Teal 40",
"inherits": true,
"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": "Teal 50",
"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": "Teal 60",
"inherits": true,
"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": "Teal 65",
"inherits": true,
"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": "Teal 70",
"inherits": true,
"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": "Teal 80",
"inherits": true,
"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": "Teal 90",
"inherits": true,
"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": "Teal 95",
"inherits": true,
"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": "Violet 10",
"inherits": true,
"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": "Violet 15",
"inherits": true,
"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": "Violet 20",
"inherits": true,
"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": "Violet 30",
"inherits": true,
"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": "Violet 40",
"inherits": true,
"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": "Violet 50",
"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": "Violet 60",
"inherits": true,
"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": "Violet 65",
"inherits": true,
"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": "Violet 70",
"inherits": true,
"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": "Violet 80",
"inherits": true,
"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": "Violet 90",
"inherits": true,
"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": "Violet 95",
"inherits": true,
"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": "Yellow 10",
"inherits": true,
"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": "Yellow 15",
"inherits": true,
"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": "Yellow 20",
"inherits": true,
"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": "Yellow 30",
"inherits": true,
"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": "Yellow 40",
"inherits": true,
"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": "Yellow 50",
"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": "Yellow 60",
"inherits": true,
"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": "Yellow 65",
"inherits": true,
"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": "Yellow 70",
"inherits": true,
"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": "Yellow 80",
"inherits": true,
"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": "Yellow 90",
"inherits": true,
"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": "Yellow 95",
"inherits": true,
"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-50)",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Accent color denoting an success for UI elements. This is the lightest value of the success ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Success Base 10 - if used as a background, please use Success Base 100-50 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 100 - if used as a background, please use Success Base 60-10 to meet accessibility guidelines.",
"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,
"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": "Success Base 20 - if used as a background, please use Success Base 100-60 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 30 - if used as a background, please use Success Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 40 - if used as a background, please use Success Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 50 - if used as a background, please use Success Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 60 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"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,
"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": "Success Base 70 - if used as a background, please use Success Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 80 - if used as a background, please use Success Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 90 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Success Base 95 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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-50)",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "success accent color for UI elements containing a text or icon. This is the lightest value of the success container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-success-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-success-container-2": {
"name": "slds-g-color-success-container-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": "success accent color for UI elements containing a text or icon. This is one step darker than success-container-1. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-success-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral surface color for UI elements. This is the lightest value of the surface ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral surface color for UI elements. This is one step darker than surface-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-surface-3": {
"name": "slds-g-color-surface-3",
"value": "#e5e5e5",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Neutral surface color for UI elements. This is one step darker than surface-2.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral surface container color for UI elements. This sits on top of a surface. This is the lightest value of the surface container ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral surface container color for UI elements. This sits on top of a surface. This is one step darker than surface-container-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Neutral surface container color for UI elements. This sits on top of a surface. This is one step darker than surface-container-2.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is the lightest value of the surface inverse ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-surface-container-inverse-2": {
"name": "slds-g-color-surface-container-inverse-2",
"value": "#001639",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is 1 step darker than surface-container-inverse-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is the lightest value of the surface inverse ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-g-color-surface-inverse-2": {
"name": "slds-g-color-surface-inverse-2",
"value": "#001639",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is 1 step darker than surface-inverse-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Accent color denoting an warning for UI elements. This is the lightest value of the warning ranges.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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": "Warning Base 10 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 100 - if used as a background, please use Warning Base 60-10 to meet accessibility guidelines.",
"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,
"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": "Warning Base 20 - if used as a background, please use Warning Base 100-60 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 30 - if used as a background, please use Warning Base 100-70 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 40 - if used as a background, please use Warning Base 100-80 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 50 - if used as a background, please use Warning Base 100-90 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 60 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines.",
"inherits": true,
"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,
"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": "Warning Base 70 - if used as a background, please use Warning Base 30-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 80 - if used as a background, please use Warning Base 40-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 90 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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": "Warning Base 95 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines.",
"inherits": true,
"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-60)",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "global",
"namespace": "slds",
"description": "Warning accent color for UI elements containing a text or icon. This is the lightest value of the warning container ranges. This needs to be accompanied by a text/icon color that meets accessibility guidelines, such as on-warning-1.",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"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",
"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": "System font stack for your application.",
"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": "Monospace font stack for your application.",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"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": "1 step up from base font-size.",
"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": "10 steps up from base font-size.",
"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": "2 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-3": {
"name": "slds-g-font-scale-3",
"value": "1.125rem",
"originalValue": "1.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "3 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-4": {
"name": "slds-g-font-scale-4",
"value": "1.25rem",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "4 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-5": {
"name": "slds-g-font-scale-5",
"value": "1.5rem",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "5 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-6": {
"name": "slds-g-font-scale-6",
"value": "1.75rem",
"originalValue": "1.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "6 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-7": {
"name": "slds-g-font-scale-7",
"value": "2rem",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "7 steps up from base font-size.",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-g-font-scale-8": {
"name": "slds-g-font-scale-8",
"value": "2.625rem",
"originalValue": "2.625rem",
"type": "dimension",
"syntax": "<length>",
"category": "font",
"scope": "global",
"namespace": "slds",
"description": "8 steps up from base font-size.",
"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": "9 steps up from base font-size.",
"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": "1 step down from base font-size.",
"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": "2 steps down from base font-size.",
"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": "3 steps down from base font-size.",
"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": "4 steps down from base font-size.",
"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": "Default ratio for your font scale.",
"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": "1 step up from base font-size.",
"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": "10 steps up from base font-size.",
"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": "2 steps up from base font-size.",
"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": "3 steps up from base font-size.",
"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": "4 steps up from base font-size.",
"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": "5 steps up from base font-size.",
"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": "6 steps up from base font-size.",
"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": "7 steps up from base font-size.",
"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": "8 steps up from base font-size.",
"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": "9 steps up from base font-size.",
"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": "1 step down from base font-size.",
"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": "2 steps down from base font-size.",
"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": "3 steps down from base font-size.",
"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": "4 steps down from base font-size.",
"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": "Default font-size for your application.",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"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.",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-g-radius-border-1": {
"name": "slds-g-radius-border-1",
"value": "0.125rem",
"originalValue": "0.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Small border radius for UI elements.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-2": {
"name": "slds-g-radius-border-2",
"value": "0.25rem",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Medium border radius for UI elements.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-3": {
"name": "slds-g-radius-border-3",
"value": "0.5rem",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Large border radius for UI elements.",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"slds-g-radius-border-4": {
"name": "slds-g-radius-border-4",
"value": "1rem",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "radius",
"scope": "global",
"namespace": "slds",
"description": "Extra Large border radius for UI elements.",
"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": "Circular border radius for UI elements.",
"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": "Pill shaped border radius for UI elements.",
"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 2px 2px 0px #0000001A",
"originalValue": "0px 2px 2px 0px #0000001A",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-2": {
"name": "slds-g-shadow-2",
"value": "0px 2px 3px 0px #00000027",
"originalValue": "0px 2px 3px 0px #00000027",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 2",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-3": {
"name": "slds-g-shadow-3",
"value": "0px 2px 4px 0px #00000027",
"originalValue": "0px 2px 4px 0px #00000027",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 3",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-4": {
"name": "slds-g-shadow-4",
"value": "0px 2px 5px 0px #00000027",
"originalValue": "0px 2px 5px 0px #00000027",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow depth 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 depth 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 depth 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 -2px 2px 0px #0000001A",
"originalValue": "0px -2px 2px 0px #0000001A",
"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 -2px 3px 0px #00000027",
"originalValue": "0px -2px 3px 0px #00000027",
"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 -2px 4px 0px #00000027",
"originalValue": "0px -2px 4px 0px #00000027",
"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 -2px 4px 0px #00000027",
"originalValue": "0px -2px 4px 0px #00000027",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"inherits": true,
"deprecated": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-g-shadow-inline-end-1": {
"name": "slds-g-shadow-inline-end-1",
"value": "2px 0px 2px 0px #0000001A",
"originalValue": "2px 0px 2px 0px #0000001A",
"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": "2px 0px 3px 0px #00000027",
"originalValue": "2px 0px 3px 0px #00000027",
"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": "2px 0px 4px 0px #00000027",
"originalValue": "2px 0px 4px 0px #00000027",
"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": "2px 0px 4px 0px #00000027",
"originalValue": "2px 0px 4px 0px #00000027",
"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": "-2px 0px 2px 0px #0000001A",
"originalValue": "-2px 0px 2px 0px #0000001A",
"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": "-2px 0px 3px 0px #00000027",
"originalValue": "-2px 0px 3px 0px #00000027",
"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": "-2px 0px 4px 0px #00000027",
"originalValue": "-2px 0px 4px 0px #00000027",
"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": "-2px 0px 4px 0px #00000027",
"originalValue": "-2px 0px 4px 0px #00000027",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"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",
"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-40) inset",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.40} inset",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow inset focus",
"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-40) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.40} 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",
"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 depth 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-40)",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.40}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow outline focus",
"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-40)",
"originalValue": "0px 0px 0px 2px {slds.g.color.neutral.base.100}, 0px 0px 0px 4px {slds.g.color.brand.base.40}",
"type": "shadow",
"category": "shadow",
"scope": "global",
"namespace": "slds",
"description": "Shadow outset focus",
"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": "#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-brand-15": {
"name": "slds-r-color-brand-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-brand-20": {
"name": "slds-r-color-brand-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-brand-30": {
"name": "slds-r-color-brand-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-brand-35": {
"name": "slds-r-color-brand-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-brand-40": {
"name": "slds-r-color-brand-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-brand-45": {
"name": "slds-r-color-brand-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-brand-5": {
"name": "slds-r-color-brand-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-brand-50": {
"name": "slds-r-color-brand-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-brand-55": {
"name": "slds-r-color-brand-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-brand-60": {
"name": "slds-r-color-brand-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-brand-65": {
"name": "slds-r-color-brand-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-brand-70": {
"name": "slds-r-color-brand-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-brand-80": {
"name": "slds-r-color-brand-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-brand-85": {
"name": "slds-r-color-brand-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-brand-90": {
"name": "slds-r-color-brand-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-brand-95": {
"name": "slds-r-color-brand-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-error-10": {
"name": "slds-r-color-error-10",
"value": "#300c01",
"originalValue": "{alias.palette.red.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": "#4a0c04",
"originalValue": "{alias.palette.red.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": "#640103",
"originalValue": "{alias.palette.red.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": "#8e030f",
"originalValue": "{alias.palette.red.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": "#a40413",
"originalValue": "{alias.palette.red.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": "#ba0517",
"originalValue": "{alias.palette.red.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": "#d2031b",
"originalValue": "{alias.palette.red.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": "#0c0200",
"originalValue": "{alias.palette.red.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": "#ea001e",
"originalValue": "{alias.palette.red.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": "#f42e35",
"originalValue": "{alias.palette.red.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": "#fe5c4c",
"originalValue": "{alias.palette.red.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": "#fe7765",
"originalValue": "{alias.palette.red.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": "#fe8f7d",
"originalValue": "{alias.palette.red.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": "#feb8ab",
"originalValue": "{alias.palette.red.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": "#feccc3",
"originalValue": "{alias.palette.red.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": "#feded8",
"originalValue": "{alias.palette.red.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": "#fef1ee",
"originalValue": "{alias.palette.red.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": "#181818",
"originalValue": "{alias.palette.neutral.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": "#242424",
"originalValue": "{alias.palette.neutral.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": "#2e2e2e",
"originalValue": "{alias.palette.neutral.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": "#444",
"originalValue": "{alias.palette.neutral.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": "#515151",
"originalValue": "{alias.palette.neutral.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": "#5c5c5c",
"originalValue": "{alias.palette.neutral.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": "#696969",
"originalValue": "{alias.palette.neutral.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": "#020202",
"originalValue": "{alias.palette.neutral.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": "#757575",
"originalValue": "{alias.palette.neutral.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": "#848484",
"originalValue": "{alias.palette.neutral.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": "#939393",
"originalValue": "{alias.palette.neutral.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": "#a0a0a0",
"originalValue": "{alias.palette.neutral.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": "#aeaeae",
"originalValue": "{alias.palette.neutral.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": "#c9c9c9",
"originalValue": "{alias.palette.neutral.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": "#d7d7d7",
"originalValue": "{alias.palette.neutral.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": "#e5e5e5",
"originalValue": "{alias.palette.neutral.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": "#f3f3f3",
"originalValue": "{alias.palette.neutral.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.green.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": "#0c2912",
"originalValue": "{alias.palette.green.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": "#143b25",
"originalValue": "{alias.palette.green.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": "#194e31",
"originalValue": "{alias.palette.green.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": "#1e5c39",
"originalValue": "{alias.palette.green.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": "#396547",
"originalValue": "{alias.palette.green.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": "#287644",
"originalValue": "{alias.palette.green.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.green.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": "#2e844a",
"originalValue": "{alias.palette.green.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": "#359650",
"originalValue": "{alias.palette.green.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": "#3ba755",
"originalValue": "{alias.palette.green.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": "#41b658",
"originalValue": "{alias.palette.green.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": "#45c65a",
"originalValue": "{alias.palette.green.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": "#91db8b",
"originalValue": "{alias.palette.green.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": "#aee4a9",
"originalValue": "{alias.palette.green.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": "#cdefc4",
"originalValue": "{alias.palette.green.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": "#ebf7e6",
"originalValue": "{alias.palette.green.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": "#201600",
"originalValue": "{alias.palette.orange.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": "#2e2204",
"originalValue": "{alias.palette.orange.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": "#3e2b02",
"originalValue": "{alias.palette.orange.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": "#5f3e02",
"originalValue": "{alias.palette.orange.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": "#704801",
"originalValue": "{alias.palette.orange.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": "#825101",
"originalValue": "{alias.palette.orange.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": "#965b03",
"originalValue": "{alias.palette.orange.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": "#060300",
"originalValue": "{alias.palette.orange.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": "#a96404",
"originalValue": "{alias.palette.orange.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": "#bf6d03",
"originalValue": "{alias.palette.orange.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": "#dd7a01",
"originalValue": "{alias.palette.orange.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": "#f38303",
"originalValue": "{alias.palette.orange.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": "#fe9339",
"originalValue": "{alias.palette.orange.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": "#ffba90",
"originalValue": "{alias.palette.orange.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": "#ffccad",
"originalValue": "{alias.palette.orange.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": "#fedfd0",
"originalValue": "{alias.palette.orange.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": "#fff1ea",
"originalValue": "{alias.palette.orange.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-font-weight": {
"name": "slds-s-alert-font-weight",
"value": "var(--slds-g-font-weight-4)",
"originalValue": "{slds.g.font.weight.4}",
"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-2)",
"originalValue": "{slds.g.radius.border.2}",
"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": "rgba(24, 24, 24, 0.5)",
"originalValue": "rgba(24, 24, 24, 0.5)",
"type": "color",
"syntax": "<color>",
"category": "backdrop",
"scope": "shared",
"namespace": "slds",
"description": "Backdrop color",
"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": "transparent",
"originalValue": "transparent",
"type": "color",
"syntax": "<color>",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Hover background of neutral buttons",
"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-accent-3)",
"originalValue": "{slds.g.color.accent.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-2)",
"originalValue": "{slds.g.radius.border.2}",
"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": "0 0 3px var(--slds-g-color-accent-2)",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"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 3px var(--slds-g-color-accent-2)",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"type": "shadow",
"category": "button",
"scope": "shared",
"namespace": "slds",
"description": "Focus border color of neutral 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-3)",
"originalValue": "{slds.g.color.on.surface.3}",
"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": "var(--slds-g-color-border-1)",
"originalValue": "{slds.g.color.border.1}",
"type": "color",
"syntax": "<color>",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container border 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-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"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-heading-font-size": {
"name": "slds-s-container-heading-font-size",
"value": "var(--slds-g-font-scale-2)",
"originalValue": "{slds.g.font.scale.2}",
"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-2)",
"originalValue": "{slds.g.font.scale.var.2}",
"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-2)",
"originalValue": "{slds.g.radius.border.2}",
"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": "var(--slds-g-shadow-2)",
"originalValue": "{slds.g.shadow.2}",
"type": "shadow",
"category": "container",
"scope": "shared",
"namespace": "slds",
"description": "Container shadow",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"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-2)",
"originalValue": "{slds.g.radius.border.2}",
"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-surface-container-3)",
"originalValue": "{slds.g.color.surface.container.3}",
"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-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 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-focus": {
"name": "slds-s-input-color-border-focus",
"value": "var(--slds-g-color-border-accent-2)",
"originalValue": "{slds.g.color.border.accent.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-border-hover": {
"name": "slds-s-input-color-border-hover",
"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 hover.",
"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-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 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": "0 0 3px var(--slds-g-color-accent-2)",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"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": "inset 0 0 0 1px var(--slds-g-color-error-1)",
"originalValue": "inset 0 0 0 1px var(--slds-g-color-error-1)",
"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-scale-neg-1)",
"originalValue": "{slds.g.font.scale.neg.1}",
"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-sizing-gap": {
"name": "slds-s-label-sizing-gap",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "label",
"scope": "shared",
"namespace": "slds",
"description": "Spacing gap between elements in the label container",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"slds-s-label-spacing": {
"name": "slds-s-label-spacing",
"value": "var(--slds-g-spacing-1)",
"originalValue": "{slds.g.spacing.1}",
"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-link-color": {
"name": "slds-s-link-color",
"value": "var(--lwc-brandTextLink, var(--slds-g-color-accent-2))",
"originalValue": "var(--lwc-brandTextLink, var(--slds-g-color-accent-2))",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-active": {
"name": "slds-s-link-color-active",
"value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on active",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-focus": {
"name": "slds-s-link-color-focus",
"value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on focus",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"slds-s-link-color-hover": {
"name": "slds-s-link-color-hover",
"value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "link",
"scope": "shared",
"namespace": "slds",
"description": "Default color for links on hover",
"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-40)",
"originalValue": "{slds.g.color.brand.base.40}",
"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-menu-item-color-active": {
"name": "slds-s-menu-item-color-active",
"value": "var(--slds-g-color-accent-2)",
"originalValue": "{slds.g.color.accent.2}",
"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-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"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-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"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-on-surface-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"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-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"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-surface-container-3)",
"originalValue": "{slds.g.color.surface.container.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-border": {
"name": "slds-s-navigation-color-border",
"value": "var(--slds-g-color-border-2)",
"originalValue": "{slds.g.color.border.2}",
"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-accent-2)",
"originalValue": "{slds.g.color.accent.2}",
"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-on-surface-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"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-weight": {
"name": "slds-s-navigation-font-weight",
"value": "normal",
"originalValue": "normal",
"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": "700",
"originalValue": "700",
"type": "fontWeight",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"slds-s-navigation-radius-border": {
"name": "slds-s-navigation-radius-border",
"value": "var(--slds-g-radius-border-2)",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default color for tabs",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"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": "2px",
"originalValue": "2px",
"type": "dimension",
"syntax": "<length>",
"category": "navigation",
"scope": "shared",
"namespace": "slds",
"description": "Default border color for tabs",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"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": "var(--slds-g-radius-border-2)",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Border radius for all page headers",
"inherits": true,
"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-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"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": "var(--slds-g-shadow-1)",
"originalValue": "{slds.g.shadow.1}",
"type": "shadow",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Box shadow for all page headers",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"slds-s-pageheader-sizing-border": {
"name": "slds-s-pageheader-sizing-border",
"value": "1px",
"originalValue": "1px",
"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": "1.125rem",
"originalValue": "1.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "pageheader",
"scope": "shared",
"namespace": "slds",
"description": "Font-size of all page header titles",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"slds-s-pageheader-title-font-weight": {
"name": "slds-s-pageheader-title-font-weight",
"value": "var(--slds-g-font-weight-7)",
"originalValue": "{slds.g.font.weight.7}",
"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-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"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-accent-2) 0 0 0 1px inset",
"originalValue": "var(--slds-g-color-accent-2) 0 0 0 1px 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-on-surface-3)",
"originalValue": "{slds.g.color.on.surface.3}",
"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-2)",
"originalValue": "{slds.g.color.on.surface.2}",
"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-1)",
"originalValue": "{slds.g.color.surface.container.1}",
"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-7)",
"originalValue": "{slds.g.font.weight.7}",
"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-neutral-base-70)",
"originalValue": "{slds.g.color.neutral.base.70}",
"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-2)",
"originalValue": "{slds.g.color.accent.2}",
"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-surface-container-2)",
"originalValue": "{slds.g.color.surface.container.2}",
"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-1)",
"originalValue": "{slds.g.color.border.1}",
"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"
]
}
}