@salesforce-ux/design-tokens
Version:
Salesforce Design System Tokens & Styling Hooks
13,834 lines • 441 kB
JSON
{
"slds": {
"is": {
"v2": {
"enabled": {
"$type": "string",
"$value": "true",
"$description": "Enable the use of the slds2 design system.",
"name": "enabled",
"originalValue": "true",
"type": "string",
"category": "",
"scope": "",
"namespace": "enabled",
"themeOwned": false
}
}
},
"g": {
"duration": {
"immediately": {
"$type": "duration",
"$value": {
"value": 0.05,
"unit": "s"
},
"$description": "0.05 seconds, 3 frames",
"name": "immediately",
"originalValue": "0.05s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "immediately",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"instantly": {
"$type": "duration",
"$value": {
"value": 0,
"unit": "s"
},
"$description": "0 seconds, 0 frames",
"name": "instantly",
"originalValue": "0s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "instantly",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"paused": {
"$type": "duration",
"$value": {
"value": 3.2,
"unit": "s"
},
"$description": "3.2 seconds, 192 frames",
"name": "paused",
"originalValue": "3.2s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "paused",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"promptly": {
"$type": "duration",
"$value": {
"value": 0.2,
"unit": "s"
},
"$description": "0.2 seconds, 12 frames",
"name": "promptly",
"originalValue": "0.2s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "promptly",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"quickly": {
"$type": "duration",
"$value": {
"value": 0.1,
"unit": "s"
},
"$description": "0.1 seconds, 6 frames",
"name": "quickly",
"originalValue": "0.1s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "quickly",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"slowly": {
"$type": "duration",
"$value": {
"value": 0.4,
"unit": "s"
},
"$description": "0.4 seconds, 24 frames",
"name": "slowly",
"originalValue": "0.4s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "slowly",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"toastMedium": {
"$type": "duration",
"$value": {
"value": 9.6,
"unit": "s"
},
"$description": "9.6 seconds",
"name": "toastMedium",
"originalValue": "9.6s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "toastMedium",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
},
"toastShort": {
"$type": "duration",
"$value": {
"value": 4.8,
"unit": "s"
},
"$description": "4.8 seconds",
"name": "toastShort",
"originalValue": "4.8s",
"type": "duration",
"syntax": "<time>",
"category": "",
"scope": "",
"namespace": "toastShort",
"themeOwned": false,
"cssProperties": [
"animation*",
"transition*"
]
}
},
"ratio": {
"square": {
"$type": "number",
"$value": "1",
"$description": "Ratio Square.",
"name": "square",
"originalValue": "1",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "square",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"landscape": {
"$type": "number",
"$value": "4/3",
"$description": "Ratio Landscape.",
"name": "landscape",
"originalValue": "4/3",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "landscape",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"portrait": {
"$type": "number",
"$value": "3/4",
"$description": "Ratio Portrait.",
"name": "portrait",
"originalValue": "3/4",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "portrait",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"wide": {
"$type": "number",
"$value": "16/9",
"$description": "Ratio Wide.",
"name": "wide",
"originalValue": "16/9",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "wide",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
},
"ultrawide": {
"$type": "number",
"$value": "18/5",
"$description": "Ratio Ultrawide.",
"name": "ultrawide",
"originalValue": "18/5",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "ultrawide",
"themeOwned": false,
"cssProperties": [
"aspect-ratio"
]
}
},
"sizing": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.125,
"unit": "rem"
},
"$description": "Sizing 1 | 2px.",
"name": "1",
"originalValue": "0.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 0.25,
"unit": "rem"
},
"$description": "Sizing 2 | 4px.",
"name": "2",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 0.5,
"unit": "rem"
},
"$description": "Sizing 3 | 8px.",
"name": "3",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"4": {
"$type": "dimension",
"$value": {
"value": 0.75,
"unit": "rem"
},
"$description": "Sizing 4 | 12px.",
"name": "4",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"5": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
},
"$description": "Sizing 5 | 16px.",
"name": "5",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"6": {
"$type": "dimension",
"$value": {
"value": 1.25,
"unit": "rem"
},
"$description": "Sizing 6 | 20px.",
"name": "6",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"7": {
"$type": "dimension",
"$value": {
"value": 1.5,
"unit": "rem"
},
"$description": "Sizing 7 | 24px.",
"name": "7",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"8": {
"$type": "dimension",
"$value": {
"value": 1.75,
"unit": "rem"
},
"$description": "Sizing 8 | 28px.",
"name": "8",
"originalValue": "1.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"9": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "rem"
},
"$description": "Sizing 9.",
"name": "9",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"10": {
"$type": "dimension",
"$value": {
"value": 3,
"unit": "rem"
},
"$description": "Sizing 10 | 48px.",
"name": "10",
"originalValue": "3rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"11": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "rem"
},
"$description": "Sizing 11 | 64px.",
"name": "11",
"originalValue": "4rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "11",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"12": {
"$type": "dimension",
"$value": {
"value": 5,
"unit": "rem"
},
"$description": "Sizing 12 | 80px.",
"name": "12",
"originalValue": "5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "12",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"13": {
"$type": "dimension",
"$value": {
"value": 10,
"unit": "rem"
},
"$description": "Sizing 13 | 160px.",
"name": "13",
"originalValue": "10rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "13",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"14": {
"$type": "dimension",
"$value": {
"value": 15,
"unit": "rem"
},
"$description": "Sizing 14 | 240px.",
"name": "14",
"originalValue": "15rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "14",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"15": {
"$type": "dimension",
"$value": {
"value": 20,
"unit": "rem"
},
"$description": "Sizing 15 | 320px.",
"name": "15",
"originalValue": "20rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "15",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"16": {
"$type": "dimension",
"$value": {
"value": 30,
"unit": "rem"
},
"$description": "Sizing 16 | 480px.",
"name": "16",
"originalValue": "30rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "16",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"base": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
},
"$description": "Base size multiplier.",
"name": "base",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "base",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"border": {
"1": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "px"
},
"$description": "Border Width 1 | 1px.",
"name": "1",
"originalValue": "1px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "px"
},
"$description": "Border Width 2 | 2px.",
"name": "2",
"originalValue": "2px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 3,
"unit": "px"
},
"$description": "Border Width 3 | 3px.",
"name": "3",
"originalValue": "3px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"4": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "px"
},
"$description": "Border Width 4 | 4px.",
"name": "4",
"originalValue": "4px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
}
},
"content": {
"1": {
"$type": "dimension",
"$value": {
"value": 20,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Content 1.",
"name": "1",
"originalValue": "20ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 45,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Content 2.",
"name": "2",
"originalValue": "45ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 60,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Content 3.",
"name": "3",
"originalValue": "60ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
}
},
"heading": {
"1": {
"$type": "dimension",
"$value": {
"value": 20,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Heading 1.",
"name": "1",
"originalValue": "20ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 25,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Heading 2.",
"name": "2",
"originalValue": "25ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 35,
"unit": "ch"
},
"$deprecated": true,
"$description": "Sizing Heading 3.",
"name": "3",
"originalValue": "35ch",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": false,
"cssProperties": [
"border-width",
"width"
]
}
}
},
"spacing": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.25,
"unit": "rem"
},
"$description": "Spacing 1 | 4px.",
"name": "1",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 0.5,
"unit": "rem"
},
"$description": "Spacing 2 | 8px.",
"name": "2",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 0.75,
"unit": "rem"
},
"$description": "Spacing 3 | 12px.",
"name": "3",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"4": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
},
"$description": "Spacing 4 | 16px.",
"name": "4",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"5": {
"$type": "dimension",
"$value": {
"value": 1.5,
"unit": "rem"
},
"$description": "Spacing 5 | 24px.",
"name": "5",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"6": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "rem"
},
"$description": "Spacing 6 | 32px.",
"name": "6",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"7": {
"$type": "dimension",
"$value": {
"value": 2.5,
"unit": "rem"
},
"$description": "Spacing 7 | 40px.",
"name": "7",
"originalValue": "2.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"8": {
"$type": "dimension",
"$value": {
"value": 3,
"unit": "rem"
},
"$description": "Spacing 8 | 48px.",
"name": "8",
"originalValue": "3rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"9": {
"$type": "dimension",
"$value": {
"value": 3.5,
"unit": "rem"
},
"$description": "Spacing 9 | 56px.",
"name": "9",
"originalValue": "3.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"10": {
"$type": "dimension",
"$value": {
"value": 4,
"unit": "rem"
},
"$description": "Spacing 10 | 64px.",
"name": "10",
"originalValue": "4rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"11": {
"$type": "dimension",
"$value": {
"value": 4.5,
"unit": "rem"
},
"$description": "Spacing 11 | 72px.",
"name": "11",
"originalValue": "4.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "11",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"12": {
"$type": "dimension",
"$value": {
"value": 5,
"unit": "rem"
},
"$description": "Spacing 12 | 80px.",
"name": "12",
"originalValue": "5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "12",
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"var": {
"1": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"name": "1",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"2": {
"$type": "dimension",
"$value": "{slds.g.spacing.2}",
"$description": "Comfy (default) = 0.5rem | Compact = 0.125rem.",
"name": "2",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.spacing.3}",
"$description": "Comfy (default) = 0.75rem | Compact = 0.25rem.",
"name": "3",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.spacing.4}",
"$description": "Comfy (default) = 1rem | Compact = 0.5rem.",
"name": "4",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"5": {
"$type": "dimension",
"$value": "{slds.g.spacing.5}",
"$description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"name": "5",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"6": {
"$type": "dimension",
"$value": "{slds.g.spacing.6}",
"$description": "Comfy (default) = 2rem | Compact = 1rem.",
"name": "6",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"7": {
"$type": "dimension",
"$value": "{slds.g.spacing.7}",
"$description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"name": "7",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"8": {
"$type": "dimension",
"$value": "{slds.g.spacing.8}",
"$description": "Comfy (default) = 3rem | Compact = 2rem.",
"name": "8",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"9": {
"$type": "dimension",
"$value": "{slds.g.spacing.9}",
"$description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"name": "9",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"10": {
"$type": "dimension",
"$value": "{slds.g.spacing.10}",
"$description": "Comfy (default) = 4rem | Compact = 3rem.",
"name": "10",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"11": {
"$type": "dimension",
"$value": "{slds.g.spacing.11}",
"$description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"name": "11",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "11",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"12": {
"$type": "dimension",
"$value": "{slds.g.spacing.12}",
"$description": "Comfy (default) = 5rem | Compact = 4rem.",
"name": "12",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "12",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"block": {
"1": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"name": "1",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"2": {
"$type": "dimension",
"$value": "{slds.g.spacing.2}",
"$description": "Comfy (default) = 0.5rem | Compact = 0.25rem.",
"name": "2",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.spacing.3}",
"$description": "Comfy (default) = 0.75rem | Compact = 0.5rem.",
"name": "3",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.spacing.4}",
"$description": "Comfy (default) = 1rem | Compact = 0.5rem.",
"name": "4",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"5": {
"$type": "dimension",
"$value": "{slds.g.spacing.5}",
"$description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"name": "5",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"6": {
"$type": "dimension",
"$value": "{slds.g.spacing.6}",
"$description": "Comfy (default) = 2rem | Compact = 1rem.",
"name": "6",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"7": {
"$type": "dimension",
"$value": "{slds.g.spacing.7}",
"$description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"name": "7",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"8": {
"$type": "dimension",
"$value": "{slds.g.spacing.8}",
"$description": "Comfy (default) = 3rem | Compact = 2rem.",
"name": "8",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"9": {
"$type": "dimension",
"$value": "{slds.g.spacing.9}",
"$description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"name": "9",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"10": {
"$type": "dimension",
"$value": "{slds.g.spacing.10}",
"$description": "Comfy (default) = 4rem | Compact = 3rem.",
"name": "10",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"11": {
"$type": "dimension",
"$value": "{slds.g.spacing.11}",
"$description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"name": "11",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "11",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"12": {
"$type": "dimension",
"$value": "{slds.g.spacing.12}",
"$description": "Comfy (default) = 5rem | Compact = 4rem.",
"name": "12",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "12",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
}
},
"inline": {
"1": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Comfy (default) = 0.25rem | Compact = 0.125rem.",
"name": "1",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"2": {
"$type": "dimension",
"$value": "{slds.g.spacing.2}",
"$description": "Comfy (default) = 0.5rem | Compact = 0.25rem.",
"name": "2",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.spacing.3}",
"$description": "Comfy (default) = 0.75rem | Compact = 0.5rem.",
"name": "3",
"originalValue": "{slds.g.spacing.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.spacing.4}",
"$description": "Comfy (default) = 1rem | Compact = 0.75rem.",
"name": "4",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"5": {
"$type": "dimension",
"$value": "{slds.g.spacing.5}",
"$description": "Comfy (default) = 1.5rem | Compact = 0.75rem.",
"name": "5",
"originalValue": "{slds.g.spacing.5}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"6": {
"$type": "dimension",
"$value": "{slds.g.spacing.6}",
"$description": "Comfy (default) = 2rem | Compact = 1rem.",
"name": "6",
"originalValue": "{slds.g.spacing.6}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"7": {
"$type": "dimension",
"$value": "{slds.g.spacing.7}",
"$description": "Comfy (default) = 2.5rem | Compact = 1.5rem.",
"name": "7",
"originalValue": "{slds.g.spacing.7}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"8": {
"$type": "dimension",
"$value": "{slds.g.spacing.8}",
"$description": "Comfy (default) = 3rem | Compact = 2rem.",
"name": "8",
"originalValue": "{slds.g.spacing.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"9": {
"$type": "dimension",
"$value": "{slds.g.spacing.9}",
"$description": "Comfy (default) = 3.5rem | Compact = 2.5rem.",
"name": "9",
"originalValue": "{slds.g.spacing.9}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"10": {
"$type": "dimension",
"$value": "{slds.g.spacing.10}",
"$description": "Comfy (default) = 4rem | Compact = 3rem.",
"name": "10",
"originalValue": "{slds.g.spacing.10}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"11": {
"$type": "dimension",
"$value": "{slds.g.spacing.11}",
"$description": "Comfy (default) = 4.5rem | Compact = 3.5rem.",
"name": "11",
"originalValue": "{slds.g.spacing.11}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "11",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"12": {
"$type": "dimension",
"$value": "{slds.g.spacing.12}",
"$description": "Comfy (default) = 5rem | Compact = 4rem.",
"name": "12",
"originalValue": "{slds.g.spacing.12}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "12",
"inherits": true,
"themeOwned": false,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
}
}
}
},
"radius": {
"border": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.125,
"unit": "rem"
},
"$description": "Small border radius for UI elements.",
"name": "1",
"originalValue": "0.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 0.25,
"unit": "rem"
},
"$description": "Medium border radius for UI elements.",
"name": "2",
"originalValue": "0.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 0.5,
"unit": "rem"
},
"$description": "Large border radius for UI elements.",
"name": "3",
"originalValue": "0.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"4": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
},
"$description": "Extra Large border radius for UI elements.",
"name": "4",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"pill": {
"$type": "dimension",
"$value": {
"value": 15,
"unit": "rem"
},
"$description": "Pill shaped border radius for UI elements.",
"name": "pill",
"originalValue": "15rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "pill",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"circle": {
"$type": "dimension",
"$value": {
"value": 100,
"unit": "%"
},
"$description": "Circular border radius for UI elements.",
"name": "circle",
"originalValue": "100%",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "circle",
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
}
},
"font": {
"weight": {
"1": {
"$type": "fontWeight",
"$value": "100",
"$description": "Font weight 1",
"name": "1",
"originalValue": "100",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"2": {
"$type": "fontWeight",
"$value": "200",
"$description": "Font weight 2",
"name": "2",
"originalValue": "200",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"3": {
"$type": "fontWeight",
"$value": "300",
"$description": "Light",
"name": "3",
"originalValue": "300",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"4": {
"$type": "fontWeight",
"$value": "400",
"$description": "Regular",
"name": "4",
"originalValue": "400",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"5": {
"$type": "fontWeight",
"$value": "500",
"name": "5",
"originalValue": "500",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "5",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"6": {
"$type": "fontWeight",
"$value": "600",
"$description": "SemiBold",
"name": "6",
"originalValue": "600",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "6",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"7": {
"$type": "fontWeight",
"$value": "700",
"$description": "Bold",
"name": "7",
"originalValue": "700",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "7",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"bold": {
"$type": "fontWeight",
"$value": "bold",
"$description": "Bold font-weight, use to increase emphasis.",
"name": "bold",
"originalValue": "bold",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "bold",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
},
"line": {
"height": {
"1": {
"$type": "number",
"$value": "1",
"$description": "Line-height 1.",
"name": "1",
"originalValue": "1",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"2": {
"$type": "number",
"$value": "1.25",
"$description": "Line-height 2.",
"name": "2",
"originalValue": "1.25",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"3": {
"$type": "number",
"$value": "1.375",
"$description": "Line-height 3.",
"name": "3",
"originalValue": "1.375",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"4": {
"$type": "number",
"$value": "1.5",
"$description": "Line-height 4.",
"name": "4",
"originalValue": "1.5",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"5": {
"$type": "number",
"$value": "1.75",
"$description": "Line-height 5.",
"name": "5",
"originalValue": "1.75",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "5",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"6": {
"$type": "number",
"$value": "2",
"$description": "Line-height 6.",
"name": "6",
"originalValue": "2",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "6",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"base": {
"$type": "number",
"$value": "1.5",
"$description": "Default line-height for your application.",
"name": "base",
"originalValue": "1.5",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "base",
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"var": {
"base": {
"$type": "number",
"$value": "{slds.g.font.line.height.base}",
"$description": "Default variable line-height for your application.",
"name": "base",
"originalValue": "{slds.g.font.line.height.base}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "base",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
}
}
}
},
"lineheight": {
"1": {
"$type": "number",
"$value": "{slds.g.font.line.height.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.font.line.height.1}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"2": {
"$type": "number",
"$value": "{slds.g.font.line.height.2}",
"$deprecated": true,
"name": "2",
"originalValue": "{slds.g.font.line.height.2}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"3": {
"$type": "number",
"$value": "{slds.g.font.line.height.3}",
"$deprecated": true,
"name": "3",
"originalValue": "{slds.g.font.line.height.3}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"4": {
"$type": "number",
"$value": "{slds.g.font.line.height.4}",
"$deprecated": true,
"name": "4",
"originalValue": "{slds.g.font.line.height.4}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"5": {
"$type": "number",
"$value": "{slds.g.font.line.height.5}",
"$deprecated": true,
"name": "5",
"originalValue": "{slds.g.font.line.height.5}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"6": {
"$type": "number",
"$value": "{slds.g.font.line.height.6}",
"$deprecated": true,
"name": "6",
"originalValue": "{slds.g.font.line.height.6}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"base": {
"$type": "number",
"$value": "{slds.g.font.line.height.base}",
"$deprecated": true,
"name": "base",
"originalValue": "{slds.g.font.line.height.base}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "base",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
},
"var": {
"base": {
"$type": "number",
"$value": "{slds.g.font.line.height.var.base}",
"$deprecated": true,
"name": "base",
"originalValue": "{slds.g.font.line.height.var.base}",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "base",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"line-height"
]
}
}
},
"scale": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.875,
"unit": "rem"
},
"$description": "1 step up from base font-size.",
"name": "1",
"originalValue": "0.875rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "rem"
},
"$description": "2 steps up from base font-size.",
"name": "2",
"originalValue": "1rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"3": {
"$type": "dimension",
"$value": {
"value": 1.125,
"unit": "rem"
},
"$description": "3 steps up from base font-size.",
"name": "3",
"originalValue": "1.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"4": {
"$type": "dimension",
"$value": {
"value": 1.25,
"unit": "rem"
},
"$description": "4 steps up from base font-size.",
"name": "4",
"originalValue": "1.25rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"5": {
"$type": "dimension",
"$value": {
"value": 1.5,
"unit": "rem"
},
"$description": "5 steps up from base font-size.",
"name": "5",
"originalValue": "1.5rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"6": {
"$type": "dimension",
"$value": {
"value": 1.75,
"unit": "rem"
},
"$description": "6 steps up from base font-size.",
"name": "6",
"originalValue": "1.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"7": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "rem"
},
"$description": "7 steps up from base font-size.",
"name": "7",
"originalValue": "2rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"8": {
"$type": "dimension",
"$value": {
"value": 2.625,
"unit": "rem"
},
"$description": "8 steps up from base font-size.",
"name": "8",
"originalValue": "2.625rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"9": {
"$type": "dimension",
"$value": "{slds.g.font.scale.8}",
"$description": "9 steps up from base font-size.",
"name": "9",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"10": {
"$type": "dimension",
"$value": "{slds.g.font.scale.8}",
"$description": "10 steps up from base font-size.",
"name": "10",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"ratio": {
"$type": "number",
"$value": "1.15",
"$description": "Default ratio for your font scale.",
"name": "ratio",
"originalValue": "1.15",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "",
"namespace": "ratio",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"base": {
"$type": "dimension",
"$value": {
"value": 0.8125,
"unit": "rem"
},
"$description": "Default font-scale ratio for your application.",
"name": "base",
"originalValue": "0.8125rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "base",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"neg": {
"1": {
"$type": "dimension",
"$value": {
"value": 0.75,
"unit": "rem"
},
"$description": "1 step down from base font-size.",
"name": "1",
"originalValue": "0.75rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"2": {
"$type": "dimension",
"$value": {
"value": 0.625,
"unit": "rem"
},
"$description": "2 steps down from base font-size.",
"name": "2",
"originalValue": "0.625rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.2}",
"$description": "3 steps down from base font-size.",
"name": "3",
"originalValue": "{slds.g.font.scale.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.3}",
"$description": "4 steps down from base font-size.",
"name": "4",
"originalValue": "{slds.g.font.scale.neg.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
},
"var": {
"1": {
"$type": "dimension",
"$value": "{slds.g.font.scale.1}",
"$description": "1 step up from base font-size.",
"name": "1",
"originalValue": "{slds.g.font.scale.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"2": {
"$type": "dimension",
"$value": "{slds.g.font.scale.2}",
"$description": "2 steps up from base font-size.",
"name": "2",
"originalValue": "{slds.g.font.scale.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.font.scale.3}",
"$description": "3 steps up from base font-size.",
"name": "3",
"originalValue": "{slds.g.font.scale.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.font.scale.4}",
"$description": "4 steps up from base font-size.",
"name": "4",
"originalValue": "{slds.g.font.scale.4}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"5": {
"$type": "dimension",
"$value": "{slds.g.font.scale.5}",
"$description": "5 steps up from base font-size.",
"name": "5",
"originalValue": "{slds.g.font.scale.5}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"6": {
"$type": "dimension",
"$value": "{slds.g.font.scale.6}",
"$description": "6 steps up from base font-size.",
"name": "6",
"originalValue": "{slds.g.font.scale.6}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"7": {
"$type": "dimension",
"$value": "{slds.g.font.scale.7}",
"$description": "7 steps up from base font-size.",
"name": "7",
"originalValue": "{slds.g.font.scale.7}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "7",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"8": {
"$type": "dimension",
"$value": "{slds.g.font.scale.8}",
"$description": "8 steps up from base font-size.",
"name": "8",
"originalValue": "{slds.g.font.scale.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "8",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"9": {
"$type": "dimension",
"$value": "{slds.g.font.scale.var.8}",
"$description": "9 steps up from base font-size.",
"name": "9",
"originalValue": "{slds.g.font.scale.var.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "9",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"10": {
"$type": "dimension",
"$value": "{slds.g.font.scale.var.8}",
"$description": "10 steps up from base font-size.",
"name": "10",
"originalValue": "{slds.g.font.scale.var.8}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"base": {
"$type": "dimension",
"$value": "{slds.g.font.scale.base}",
"$description": "Default variable font-scale ratio for your application.",
"name": "base",
"originalValue": "{slds.g.font.scale.base}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "base",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"neg": {
"1": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.1}",
"$description": "1 step down from base font-size.",
"name": "1",
"originalValue": "{slds.g.font.scale.neg.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"2": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.2}",
"$description": "2 steps down from base font-size.",
"name": "2",
"originalValue": "{slds.g.font.scale.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"3": {
"$type": "dimension",
"$value": "{slds.g.font.scale.var.neg.2}",
"$description": "3 steps down from base font-size.",
"name": "3",
"originalValue": "{slds.g.font.scale.var.neg.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"4": {
"$type": "dimension",
"$value": "{slds.g.font.scale.var.neg.3}",
"$description": "4 steps down from base font-size.",
"name": "4",
"originalValue": "{slds.g.font.scale.var.neg.3}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
}
}
},
"size": {
"base": {
"$type": "dimension",
"$value": "{slds.g.font.scale.base}",
"$description": "Default font-size for your application.",
"name": "base",
"originalValue": "{slds.g.font.scale.base}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "base",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
},
"family": {
"$type": "fontFamily",
"$value": "{slds.g.font.family-base}",
"$deprecated": true,
"name": "family",
"originalValue": "{slds.g.font.family-base}",
"type": "fontFamily",
"category": "",
"scope": "",
"namespace": "family",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"family-base": {
"$type": "fontFamily",
"$value": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"$description": "System font stack for your application.",
"name": "family-base",
"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": "",
"scope": "base",
"namespace": "family",
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"family-monospace": {
"$type": "fontFamily",
"$value": "Consolas, Menlo, Monaco, Courier, monospace",
"$description": "Monospace font stack for your application.",
"name": "family-monospace",
"originalValue": "Consolas, Menlo, Monaco, Courier, monospace",
"type": "fontFamily",
"category": "",
"scope": "monospace",
"namespace": "family",
"themeOwned": true,
"cssProperties": [
"font-family"
]
},
"line-clamp": {
"$type": "number",
"$value": "3",
"$description": "Default line-clamp.",
"name": "line-clamp",
"originalValue": "3",
"type": "number",
"syntax": "<number>",
"category": "",
"scope": "clamp",
"namespace": "line",
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
},
"color": {
"palette": {
"neutral": {
"0": {
"$type": "color",
"$value": "{alias.palette.neutral.0}",
"$description": "Neutral 0",
"name": "0",
"originalValue": "{alias.palette.neutral.0}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "0",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"$description": "Neutral 10",
"name": "10",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.neutral.15}",
"$description": "Neutral 15",
"name": "15",
"originalValue": "{alias.palette.neutral.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.neutral.20}",
"$description": "Neutral 20",
"name": "20",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.neutral.30}",
"$description": "Neutral 30",
"name": "30",
"originalValue": "{alias.palette.neutral.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.neutral.40}",
"$description": "Neutral 40",
"name": "40",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.neutral.50}",
"$description": "Neutral 50",
"name": "50",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.neutral.60}",
"$description": "Neutral 60",
"name": "60",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.neutral.65}",
"$description": "Neutral 65",
"name": "65",
"originalValue": "{alias.palette.neutral.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"$description": "Neutral 70",
"name": "70",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$description": "Neutral 80",
"name": "80",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.neutral.90}",
"$description": "Neutral 90",
"name": "90",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"$description": "Neutral 95",
"name": "95",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Neutral 100",
"name": "100",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"blue": {
"10": {
"$type": "color",
"$value": "{alias.palette.blue.10}",
"$description": "Blue 10",
"name": "10",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.blue.15}",
"$description": "Blue 15",
"name": "15",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.blue.20}",
"$description": "Blue 20",
"name": "20",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.blue.30}",
"$description": "Blue 30",
"name": "30",
"originalValue": "{alias.palette.blue.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.blue.40}",
"$description": "Blue 40",
"name": "40",
"originalValue": "{alias.palette.blue.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.blue.50}",
"$description": "Blue 50",
"name": "50",
"originalValue": "{alias.palette.blue.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.blue.60}",
"$description": "Blue 60",
"name": "60",
"originalValue": "{alias.palette.blue.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.blue.65}",
"$description": "Blue 65",
"name": "65",
"originalValue": "{alias.palette.blue.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.blue.70}",
"$description": "Blue 70",
"name": "70",
"originalValue": "{alias.palette.blue.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.blue.80}",
"$description": "Blue 80",
"name": "80",
"originalValue": "{alias.palette.blue.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.blue.90}",
"$description": "Blue 90",
"name": "90",
"originalValue": "{alias.palette.blue.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.blue.95}",
"$description": "Blue 95",
"name": "95",
"originalValue": "{alias.palette.blue.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"cloud": {
"blue": {
"10": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.10}",
"$description": "Cloud Blue 10",
"name": "10",
"originalValue": "{alias.palette.cloudBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.15}",
"$description": "Cloud Blue 15",
"name": "15",
"originalValue": "{alias.palette.cloudBlue.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.20}",
"$description": "Cloud Blue 20",
"name": "20",
"originalValue": "{alias.palette.cloudBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.30}",
"$description": "Cloud Blue 30",
"name": "30",
"originalValue": "{alias.palette.cloudBlue.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.40}",
"$description": "Cloud Blue 40",
"name": "40",
"originalValue": "{alias.palette.cloudBlue.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.50}",
"$description": "Cloud Blue 50",
"name": "50",
"originalValue": "{alias.palette.cloudBlue.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.60}",
"$description": "Cloud Blue 60",
"name": "60",
"originalValue": "{alias.palette.cloudBlue.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.65}",
"$description": "Cloud Blue 65",
"name": "65",
"originalValue": "{alias.palette.cloudBlue.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.70}",
"$description": "Cloud Blue 70",
"name": "70",
"originalValue": "{alias.palette.cloudBlue.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.80}",
"$description": "Cloud Blue 80",
"name": "80",
"originalValue": "{alias.palette.cloudBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.90}",
"$description": "Cloud Blue 90",
"name": "90",
"originalValue": "{alias.palette.cloudBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.cloudBlue.95}",
"$description": "Cloud Blue 95",
"name": "95",
"originalValue": "{alias.palette.cloudBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"electric": {
"blue": {
"10": {
"$type": "color",
"$value": "{alias.palette.electricBlue.10}",
"$description": "Electric-Blue-10 maps to Brand-Base-10",
"name": "10",
"originalValue": "{alias.palette.electricBlue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.electricBlue.15}",
"$description": "Electric-Blue-15 maps to Brand-Base-15",
"name": "15",
"originalValue": "{alias.palette.electricBlue.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.electricBlue.20}",
"$description": "Electric-Blue-20 maps to Brand-Base-20",
"name": "20",
"originalValue": "{alias.palette.electricBlue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.electricBlue.30}",
"$description": "Electric-Blue-30 maps to Brand-Base-30",
"name": "30",
"originalValue": "{alias.palette.electricBlue.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.electricBlue.40}",
"$description": "Electric-Blue-40 maps to Brand-Base-40",
"name": "40",
"originalValue": "{alias.palette.electricBlue.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.electricBlue.50}",
"$description": "Electric-Blue-50 maps to Brand-Base-50",
"name": "50",
"originalValue": "{alias.palette.electricBlue.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.electricBlue.60}",
"$description": "Electric-Blue-60 maps to Brand-Base-60",
"name": "60",
"originalValue": "{alias.palette.electricBlue.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.electricBlue.65}",
"$description": "Electric-Blue-65 maps to Brand-Base-65",
"name": "65",
"originalValue": "{alias.palette.electricBlue.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.electricBlue.70}",
"$description": "Electric-Blue-70 maps to Brand-Base-70",
"name": "70",
"originalValue": "{alias.palette.electricBlue.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.electricBlue.80}",
"$description": "Electric-Blue-80 maps to Brand-Base-80",
"name": "80",
"originalValue": "{alias.palette.electricBlue.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.electricBlue.90}",
"$description": "Electric-Blue-90 maps to Brand-Base-90",
"name": "90",
"originalValue": "{alias.palette.electricBlue.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.electricBlue.95}",
"$description": "Electric-Blue-95 maps to Brand-Base-95",
"name": "95",
"originalValue": "{alias.palette.electricBlue.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"green": {
"10": {
"$type": "color",
"$value": "{alias.palette.green.10}",
"$description": "Green 10",
"name": "10",
"originalValue": "{alias.palette.green.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.green.15}",
"$description": "Green 15",
"name": "15",
"originalValue": "{alias.palette.green.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.green.20}",
"$description": "Green 20",
"name": "20",
"originalValue": "{alias.palette.green.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.green.30}",
"$description": "Green 30",
"name": "30",
"originalValue": "{alias.palette.green.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.green.40}",
"$description": "Green 40",
"name": "40",
"originalValue": "{alias.palette.green.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.green.50}",
"$description": "Green 50",
"name": "50",
"originalValue": "{alias.palette.green.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.green.60}",
"$description": "Green 60",
"name": "60",
"originalValue": "{alias.palette.green.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.green.65}",
"$description": "Green 65",
"name": "65",
"originalValue": "{alias.palette.green.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.green.70}",
"$description": "Green 70",
"name": "70",
"originalValue": "{alias.palette.green.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.green.80}",
"$description": "Green 80",
"name": "80",
"originalValue": "{alias.palette.green.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.green.90}",
"$description": "Green 90",
"name": "90",
"originalValue": "{alias.palette.green.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.green.95}",
"$description": "Green 95",
"name": "95",
"originalValue": "{alias.palette.green.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"hot": {
"orange": {
"10": {
"$type": "color",
"$value": "{alias.palette.hotOrange.10}",
"$description": "Hot Orange 10",
"name": "10",
"originalValue": "{alias.palette.hotOrange.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.hotOrange.15}",
"$description": "Hot Orange 15",
"name": "15",
"originalValue": "{alias.palette.hotOrange.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.hotOrange.20}",
"$description": "Hot Orange 20",
"name": "20",
"originalValue": "{alias.palette.hotOrange.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.hotOrange.30}",
"$description": "Hot Orange 30",
"name": "30",
"originalValue": "{alias.palette.hotOrange.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.hotOrange.40}",
"$description": "Hot Orange 40",
"name": "40",
"originalValue": "{alias.palette.hotOrange.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.hotOrange.50}",
"$description": "Hot Orange 50",
"name": "50",
"originalValue": "{alias.palette.hotOrange.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.hotOrange.60}",
"$description": "Hot Orange 60",
"name": "60",
"originalValue": "{alias.palette.hotOrange.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.hotOrange.65}",
"$description": "Hot Orange 65",
"name": "65",
"originalValue": "{alias.palette.hotOrange.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.hotOrange.70}",
"$description": "Hot Orange 70",
"name": "70",
"originalValue": "{alias.palette.hotOrange.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.hotOrange.80}",
"$description": "Hot Orange 80",
"name": "80",
"originalValue": "{alias.palette.hotOrange.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.hotOrange.90}",
"$description": "Hot Orange 90",
"name": "90",
"originalValue": "{alias.palette.hotOrange.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.hotOrange.95}",
"$description": "Hot Orange 95",
"name": "95",
"originalValue": "{alias.palette.hotOrange.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"indigo": {
"10": {
"$type": "color",
"$value": "{alias.palette.indigo.10}",
"$description": "Indigo 10",
"name": "10",
"originalValue": "{alias.palette.indigo.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.indigo.15}",
"$description": "Indigo 15",
"name": "15",
"originalValue": "{alias.palette.indigo.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.indigo.20}",
"$description": "Indigo 20",
"name": "20",
"originalValue": "{alias.palette.indigo.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.indigo.30}",
"$description": "Indigo 30",
"name": "30",
"originalValue": "{alias.palette.indigo.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.indigo.40}",
"$description": "Indigo 40",
"name": "40",
"originalValue": "{alias.palette.indigo.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.indigo.50}",
"$description": "Indigo 50",
"name": "50",
"originalValue": "{alias.palette.indigo.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.indigo.60}",
"$description": "Indigo 60",
"name": "60",
"originalValue": "{alias.palette.indigo.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.indigo.65}",
"$description": "Indigo 65",
"name": "65",
"originalValue": "{alias.palette.indigo.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.indigo.70}",
"$description": "Indigo 70",
"name": "70",
"originalValue": "{alias.palette.indigo.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.indigo.80}",
"$description": "Indigo 80",
"name": "80",
"originalValue": "{alias.palette.indigo.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.indigo.90}",
"$description": "Indigo 90",
"name": "90",
"originalValue": "{alias.palette.indigo.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.indigo.95}",
"$description": "Indigo 95",
"name": "95",
"originalValue": "{alias.palette.indigo.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"orange": {
"10": {
"$type": "color",
"$value": "{alias.palette.orange.10}",
"$description": "Orange 10",
"name": "10",
"originalValue": "{alias.palette.orange.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.orange.15}",
"$description": "Orange 15",
"name": "15",
"originalValue": "{alias.palette.orange.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.orange.20}",
"$description": "Orange 20",
"name": "20",
"originalValue": "{alias.palette.orange.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.orange.30}",
"$description": "Orange 30",
"name": "30",
"originalValue": "{alias.palette.orange.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.orange.40}",
"$description": "Orange 40",
"name": "40",
"originalValue": "{alias.palette.orange.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.orange.50}",
"$description": "Orange 50",
"name": "50",
"originalValue": "{alias.palette.orange.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.orange.60}",
"$description": "Orange 60",
"name": "60",
"originalValue": "{alias.palette.orange.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.orange.65}",
"$description": "Orange 65",
"name": "65",
"originalValue": "{alias.palette.orange.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.orange.70}",
"$description": "Orange 70",
"name": "70",
"originalValue": "{alias.palette.orange.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.orange.80}",
"$description": "Orange 80",
"name": "80",
"originalValue": "{alias.palette.orange.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.orange.90}",
"$description": "Orange 90",
"name": "90",
"originalValue": "{alias.palette.orange.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.orange.95}",
"$description": "Orange 95",
"name": "95",
"originalValue": "{alias.palette.orange.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"pink": {
"10": {
"$type": "color",
"$value": "{alias.palette.pink.10}",
"$description": "Pink 10",
"name": "10",
"originalValue": "{alias.palette.pink.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.pink.15}",
"$description": "Pink 15",
"name": "15",
"originalValue": "{alias.palette.pink.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.pink.20}",
"$description": "Pink 20",
"name": "20",
"originalValue": "{alias.palette.pink.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.pink.30}",
"$description": "Pink 30",
"name": "30",
"originalValue": "{alias.palette.pink.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.pink.40}",
"$description": "Pink 40",
"name": "40",
"originalValue": "{alias.palette.pink.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.pink.50}",
"$description": "Pink 50",
"name": "50",
"originalValue": "{alias.palette.pink.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.pink.60}",
"$description": "Pink 60",
"name": "60",
"originalValue": "{alias.palette.pink.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.pink.65}",
"$description": "Pink 65",
"name": "65",
"originalValue": "{alias.palette.pink.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.pink.70}",
"$description": "Pink 70",
"name": "70",
"originalValue": "{alias.palette.pink.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.pink.80}",
"$description": "Pink 80",
"name": "80",
"originalValue": "{alias.palette.pink.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.pink.90}",
"$description": "Pink 90",
"name": "90",
"originalValue": "{alias.palette.pink.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.pink.95}",
"$description": "Pink 95",
"name": "95",
"originalValue": "{alias.palette.pink.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"purple": {
"10": {
"$type": "color",
"$value": "{alias.palette.purple.10}",
"$description": "Purple 10",
"name": "10",
"originalValue": "{alias.palette.purple.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.purple.15}",
"$description": "Purple 15",
"name": "15",
"originalValue": "{alias.palette.purple.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.purple.20}",
"$description": "Purple 20",
"name": "20",
"originalValue": "{alias.palette.purple.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.purple.30}",
"$description": "Purple 30",
"name": "30",
"originalValue": "{alias.palette.purple.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.purple.40}",
"$description": "Purple 40",
"name": "40",
"originalValue": "{alias.palette.purple.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.purple.50}",
"$description": "Purple 50",
"name": "50",
"originalValue": "{alias.palette.purple.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.purple.60}",
"$description": "Purple 60",
"name": "60",
"originalValue": "{alias.palette.purple.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.purple.65}",
"$description": "Purple 65",
"name": "65",
"originalValue": "{alias.palette.purple.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.purple.70}",
"$description": "Purple 70",
"name": "70",
"originalValue": "{alias.palette.purple.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.purple.80}",
"$description": "Purple 80",
"name": "80",
"originalValue": "{alias.palette.purple.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.purple.90}",
"$description": "Purple 90",
"name": "90",
"originalValue": "{alias.palette.purple.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.purple.95}",
"$description": "Purple 95",
"name": "95",
"originalValue": "{alias.palette.purple.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"red": {
"10": {
"$type": "color",
"$value": "{alias.palette.red.10}",
"$description": "Red 10",
"name": "10",
"originalValue": "{alias.palette.red.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.red.15}",
"$description": "Red 15",
"name": "15",
"originalValue": "{alias.palette.red.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.red.20}",
"$description": "Red 20",
"name": "20",
"originalValue": "{alias.palette.red.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.red.30}",
"$description": "Red 30",
"name": "30",
"originalValue": "{alias.palette.red.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.red.40}",
"$description": "Red 40",
"name": "40",
"originalValue": "{alias.palette.red.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.red.50}",
"$description": "Red 50",
"name": "50",
"originalValue": "{alias.palette.red.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.red.60}",
"$description": "Red 60",
"name": "60",
"originalValue": "{alias.palette.red.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.red.65}",
"$description": "Red 65",
"name": "65",
"originalValue": "{alias.palette.red.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.red.70}",
"$description": "Red 70",
"name": "70",
"originalValue": "{alias.palette.red.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.red.80}",
"$description": "Red 80",
"name": "80",
"originalValue": "{alias.palette.red.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.red.90}",
"$description": "Red 90",
"name": "90",
"originalValue": "{alias.palette.red.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.red.95}",
"$description": "Red 95",
"name": "95",
"originalValue": "{alias.palette.red.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"teal": {
"10": {
"$type": "color",
"$value": "{alias.palette.teal.10}",
"$description": "Teal 10",
"name": "10",
"originalValue": "{alias.palette.teal.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.teal.15}",
"$description": "Teal 15",
"name": "15",
"originalValue": "{alias.palette.teal.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.teal.20}",
"$description": "Teal 20",
"name": "20",
"originalValue": "{alias.palette.teal.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.teal.30}",
"$description": "Teal 30",
"name": "30",
"originalValue": "{alias.palette.teal.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.teal.40}",
"$description": "Teal 40",
"name": "40",
"originalValue": "{alias.palette.teal.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.teal.50}",
"$description": "Teal 50",
"name": "50",
"originalValue": "{alias.palette.teal.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.teal.60}",
"$description": "Teal 60",
"name": "60",
"originalValue": "{alias.palette.teal.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.teal.65}",
"$description": "Teal 65",
"name": "65",
"originalValue": "{alias.palette.teal.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.teal.70}",
"$description": "Teal 70",
"name": "70",
"originalValue": "{alias.palette.teal.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.teal.80}",
"$description": "Teal 80",
"name": "80",
"originalValue": "{alias.palette.teal.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.teal.90}",
"$description": "Teal 90",
"name": "90",
"originalValue": "{alias.palette.teal.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.teal.95}",
"$description": "Teal 95",
"name": "95",
"originalValue": "{alias.palette.teal.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"violet": {
"10": {
"$type": "color",
"$value": "{alias.palette.violet.10}",
"$description": "Violet 10",
"name": "10",
"originalValue": "{alias.palette.violet.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.violet.15}",
"$description": "Violet 15",
"name": "15",
"originalValue": "{alias.palette.violet.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.violet.20}",
"$description": "Violet 20",
"name": "20",
"originalValue": "{alias.palette.violet.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.violet.30}",
"$description": "Violet 30",
"name": "30",
"originalValue": "{alias.palette.violet.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.violet.40}",
"$description": "Violet 40",
"name": "40",
"originalValue": "{alias.palette.violet.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.violet.50}",
"$description": "Violet 50",
"name": "50",
"originalValue": "{alias.palette.violet.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.violet.60}",
"$description": "Violet 60",
"name": "60",
"originalValue": "{alias.palette.violet.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.violet.65}",
"$description": "Violet 65",
"name": "65",
"originalValue": "{alias.palette.violet.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.violet.70}",
"$description": "Violet 70",
"name": "70",
"originalValue": "{alias.palette.violet.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.violet.80}",
"$description": "Violet 80",
"name": "80",
"originalValue": "{alias.palette.violet.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.violet.90}",
"$description": "Violet 90",
"name": "90",
"originalValue": "{alias.palette.violet.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.violet.95}",
"$description": "Violet 95",
"name": "95",
"originalValue": "{alias.palette.violet.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"yellow": {
"10": {
"$type": "color",
"$value": "{alias.palette.yellow.10}",
"$description": "Yellow 10",
"name": "10",
"originalValue": "{alias.palette.yellow.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.yellow.15}",
"$description": "Yellow 15",
"name": "15",
"originalValue": "{alias.palette.yellow.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.yellow.20}",
"$description": "Yellow 20",
"name": "20",
"originalValue": "{alias.palette.yellow.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.yellow.30}",
"$description": "Yellow 30",
"name": "30",
"originalValue": "{alias.palette.yellow.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.yellow.40}",
"$description": "Yellow 40",
"name": "40",
"originalValue": "{alias.palette.yellow.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.yellow.50}",
"$description": "Yellow 50",
"name": "50",
"originalValue": "{alias.palette.yellow.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.yellow.60}",
"$description": "Yellow 60",
"name": "60",
"originalValue": "{alias.palette.yellow.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.yellow.65}",
"$description": "Yellow 65",
"name": "65",
"originalValue": "{alias.palette.yellow.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.yellow.70}",
"$description": "Yellow 70",
"name": "70",
"originalValue": "{alias.palette.yellow.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.yellow.80}",
"$description": "Yellow 80",
"name": "80",
"originalValue": "{alias.palette.yellow.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.yellow.90}",
"$description": "Yellow 90",
"name": "90",
"originalValue": "{alias.palette.yellow.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.yellow.95}",
"$description": "Yellow 95",
"name": "95",
"originalValue": "{alias.palette.yellow.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"border": {
"1": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.80}",
"$description": "Neutral border color for UI elements.",
"name": "1",
"originalValue": "{slds.g.color.neutral.base.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.50}",
"$description": "Neutral border color for UI elements.",
"name": "2",
"originalValue": "{slds.g.color.neutral.base.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"accent": {
"1": {
"$type": "color",
"$value": "{slds.r.color.brand.50}",
"$description": "Brand border color for UI elements.",
"name": "1",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.r.color.brand.40}",
"$description": "Alternate brand border color for UI elements.",
"name": "2",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{slds.r.color.brand.30}",
"$description": "Alternate brand border color for UI elements.",
"name": "3",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"error": {
"1": {
"$type": "color",
"$value": "{slds.r.color.error.40}",
"$description": "Border color for elements denoting an error. This is the lightest value of the error border ranges.",
"name": "1",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.r.color.error.30}",
"$description": "Border color for elements denoting an error. This is one step darker than border-error-1.",
"name": "2",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"warning": {
"1": {
"$type": "color",
"$value": "{slds.r.color.warning.60}",
"$description": "Border color for elements denoting an warning. This is the lightest value of the warning border ranges.",
"name": "1",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"success": {
"1": {
"$type": "color",
"$value": "{slds.r.color.success.50}",
"$description": "Border color for elements denoting an success. This is the lightest value of the success border ranges.",
"name": "1",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.r.color.success.40}",
"$description": "Border color for elements denoting an success. This is one step darker than color-border-success-1.",
"name": "2",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"inverse": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.blue.20}",
"$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.",
"name": "2",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"disabled": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$description": "Border color for disabled UI elements. This is the lightest value of the disabled ranges.",
"name": "1",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"$description": "Border color for disabled UI elements. This is one step darker than disabled-border-1.",
"name": "2",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"surface": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Neutral surface color for UI elements. This is the lightest value of the surface ranges.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"$description": "Neutral surface color for UI elements. This is one step darker than surface-1.",
"name": "2",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{alias.palette.neutral.90}",
"$description": "Neutral surface color for UI elements. This is one step darker than surface-2.",
"name": "3",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"$description": "Neutral surface container color for UI elements. This sits on top of a surface. This is one step darker than surface-container-1.",
"name": "2",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{alias.palette.neutral.90}",
"$description": "Neutral surface container color for UI elements. This sits on top of a surface. This is one step darker than surface-container-2.",
"name": "3",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"inverse": {
"1": {
"$type": "color",
"$value": "{alias.palette.blue.20}",
"$description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is the lightest value of the surface inverse ranges.",
"name": "1",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.blue.10}",
"$description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is 1 step darker than surface-container-inverse-1.",
"name": "2",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"inverse": {
"1": {
"$type": "color",
"$value": "{alias.palette.blue.20}",
"$description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is the lightest value of the surface inverse ranges.",
"name": "1",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.blue.10}",
"$description": "Reversed color of neutral surface color, used selectively to create a contrasting effect. This is 1 step darker than surface-inverse-1.",
"name": "2",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"on": {
"surface": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.50}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.20}",
"$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.",
"name": "2",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"$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.",
"name": "3",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"inverse": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"$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.",
"name": "2",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"accent": {
"1": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$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.",
"name": "1",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$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.",
"name": "2",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$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.",
"name": "3",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"error": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Text/icon color that sits on top of an error color for UI elements.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Text/icon color that sits on top of an error color for UI elements.",
"name": "2",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"warning": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"$description": "Text/icon color that sits on top of an warning color for UI elements.",
"name": "1",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"success": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"$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.",
"name": "2",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"info": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Text/icon color that sits on top of an info color for UI elements.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"disabled": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$description": "Text/icon color that sits on top of an disabled color for UI elements. This is the base disabled text color value.",
"name": "1",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.60}",
"$description": "Text/icon color that sits on top of an disabled color for UI elements. This is the alt disabled text color value.",
"name": "2",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"accent": {
"1": {
"$type": "color",
"$value": "var(--lwc-brandPrimary, var(--slds-r-color-brand-60))",
"$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.",
"name": "1",
"originalValue": "var(--lwc-brandPrimary, var(--slds-r-color-brand-60))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "var(--lwc-brandPrimaryActive, var(--slds-r-color-brand-50))",
"$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.",
"name": "2",
"originalValue": "var(--lwc-brandPrimaryActive, var(--slds-r-color-brand-50))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{slds.r.color.brand.40}",
"$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.",
"name": "3",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "var(--lwc-brandAccessible, var(--slds-r-color-brand-50))",
"$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.",
"name": "1",
"originalValue": "var(--lwc-brandAccessible, var(--slds-r-color-brand-50))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "var(--lwc-brandAccessibleActive, var(--slds-r-color-brand-40))",
"$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.",
"name": "2",
"originalValue": "var(--lwc-brandAccessibleActive, var(--slds-r-color-brand-40))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"3": {
"$type": "color",
"$value": "{slds.r.color.brand.30}",
"$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.",
"name": "3",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"dark": {
"1": {
"$type": "color",
"$value": "var(--lwc-brandDark, var(--slds-g-color-brand-base-20))",
"$deprecated": true,
"$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.",
"name": "1",
"originalValue": "var(--lwc-brandDark, var(--slds-g-color-brand-base-20))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "var(--lwc-brandDarkActive, var(--slds-g-color-brand-base-10))",
"$deprecated": true,
"$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.",
"name": "2",
"originalValue": "var(--lwc-brandDarkActive, var(--slds-g-color-brand-base-10))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"light": {
"1": {
"$type": "color",
"$value": "var(--lwc-brandLight, var(--slds-g-color-brand-base-95))",
"$deprecated": true,
"$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.",
"name": "1",
"originalValue": "var(--lwc-brandLight, var(--slds-g-color-brand-base-95))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "var(--lwc-brandLightActive, var(--slds-g-color-brand-base-90))",
"$deprecated": true,
"$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.",
"name": "2",
"originalValue": "var(--lwc-brandLightActive, var(--slds-g-color-brand-base-90))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"error": {
"1": {
"$type": "color",
"$value": "{slds.r.color.error.40}",
"$description": "Accent color denoting an error for UI elements. This is the lightest value of the error ranges.",
"name": "1",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{slds.r.color.error.40}",
"$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.",
"name": "1",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.r.color.error.30}",
"$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.",
"name": "2",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"base": {
"10": {
"$type": "color",
"$value": "{slds.r.color.error.10}",
"$description": "Error Base 10 - if used as a background, please use Error Base 100-50 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{slds.r.color.error.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{slds.r.color.error.15}",
"$description": "Error Base 15 - if used as a background, please use Error Base 100-65 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{slds.r.color.error.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{slds.r.color.error.20}",
"$description": "Error Base 20 - if used as a background, please use Error Base 100-60 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{slds.r.color.error.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{slds.r.color.error.30}",
"$description": "Error Base 30 - if used as a background, please use Error Base 100-70 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{slds.r.color.error.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{slds.r.color.error.40}",
"$description": "Error Base 40 - if used as a background, please use Error Base 100-80 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{slds.r.color.error.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{slds.r.color.error.50}",
"$description": "Error Base 50 - if used as a background, please use Error Base 100-90 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{slds.r.color.error.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{slds.r.color.error.60}",
"$description": "Error Base 60 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{slds.r.color.error.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{slds.r.color.error.65}",
"$description": "Error Base 65 - if used as a background, please use Error Base 20-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{slds.r.color.error.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{slds.r.color.error.70}",
"$description": "Error Base 70 - if used as a background, please use Error Base 30-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{slds.r.color.error.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{slds.r.color.error.80}",
"$description": "Error Base 80 - if used as a background, please use Error Base 40-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{slds.r.color.error.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{slds.r.color.error.90}",
"$description": "Error Base 90 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{slds.r.color.error.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{slds.r.color.error.95}",
"$description": "Error Base 95 - if used as a background, please use Error Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{slds.r.color.error.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$deprecated": true,
"$description": "Error Base 100 - if used as a background, please use Error Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"warning": {
"1": {
"$type": "color",
"$value": "{slds.r.color.warning.40}",
"$description": "Accent color denoting an warning for UI elements. This is the lightest value of the warning ranges.",
"name": "1",
"originalValue": "{slds.r.color.warning.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{slds.r.color.warning.60}",
"$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.",
"name": "1",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"base": {
"10": {
"$type": "color",
"$value": "{slds.r.color.warning.10}",
"$description": "Warning Base 10 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{slds.r.color.warning.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{slds.r.color.warning.15}",
"$description": "Warning Base 15 - if used as a background, please use Warning Base 100-50 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{slds.r.color.warning.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{slds.r.color.warning.20}",
"$description": "Warning Base 20 - if used as a background, please use Warning Base 100-60 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{slds.r.color.warning.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{slds.r.color.warning.30}",
"$description": "Warning Base 30 - if used as a background, please use Warning Base 100-70 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{slds.r.color.warning.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{slds.r.color.warning.40}",
"$description": "Warning Base 40 - if used as a background, please use Warning Base 100-80 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{slds.r.color.warning.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{slds.r.color.warning.50}",
"$description": "Warning Base 50 - if used as a background, please use Warning Base 100-90 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{slds.r.color.warning.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{slds.r.color.warning.60}",
"$description": "Warning Base 60 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{slds.r.color.warning.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{slds.r.color.warning.65}",
"$description": "Warning Base 65 - if used as a background, please use Warning Base 20-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{slds.r.color.warning.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{slds.r.color.warning.70}",
"$description": "Warning Base 70 - if used as a background, please use Warning Base 30-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{slds.r.color.warning.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{slds.r.color.warning.80}",
"$description": "Warning Base 80 - if used as a background, please use Warning Base 40-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{slds.r.color.warning.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{slds.r.color.warning.90}",
"$description": "Warning Base 90 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{slds.r.color.warning.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{slds.r.color.warning.95}",
"$description": "Warning Base 95 - if used as a background, please use Warning Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{slds.r.color.warning.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$deprecated": true,
"$description": "Warning Base 100 - if used as a background, please use Warning Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"success": {
"1": {
"$type": "color",
"$value": "{slds.r.color.success.50}",
"$description": "Accent color denoting an success for UI elements. This is the lightest value of the success ranges.",
"name": "1",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{slds.r.color.success.50}",
"$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.",
"name": "1",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{slds.r.color.success.30}",
"$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.",
"name": "2",
"originalValue": "{slds.r.color.success.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"base": {
"10": {
"$type": "color",
"$value": "{slds.r.color.success.10}",
"$description": "Success Base 10 - if used as a background, please use Success Base 100-50 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{slds.r.color.success.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{slds.r.color.success.15}",
"$description": "Success Base 15 - if used as a background, please use Success Base 100-65 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{slds.r.color.success.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{slds.r.color.success.20}",
"$description": "Success Base 20 - if used as a background, please use Success Base 100-60 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{slds.r.color.success.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{slds.r.color.success.30}",
"$description": "Success Base 30 - if used as a background, please use Success Base 100-70 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{slds.r.color.success.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{slds.r.color.success.40}",
"$description": "Success Base 40 - if used as a background, please use Success Base 100-80 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{slds.r.color.success.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{slds.r.color.success.50}",
"$description": "Success Base 50 - if used as a background, please use Success Base 100-90 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{slds.r.color.success.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{slds.r.color.success.60}",
"$description": "Success Base 60 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{slds.r.color.success.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{slds.r.color.success.65}",
"$description": "Success Base 65 - if used as a background, please use Success Base 20-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{slds.r.color.success.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{slds.r.color.success.70}",
"$description": "Success Base 70 - if used as a background, please use Success Base 30-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{slds.r.color.success.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{slds.r.color.success.80}",
"$description": "Success Base 80 - if used as a background, please use Success Base 40-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{slds.r.color.success.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{slds.r.color.success.90}",
"$description": "Success Base 90 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{slds.r.color.success.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{slds.r.color.success.95}",
"$description": "Success Base 95 - if used as a background, please use Success Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{slds.r.color.success.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$deprecated": true,
"$description": "Success Base 100 - if used as a background, please use Success Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"info": {
"1": {
"$type": "color",
"$value": "{slds.r.color.info.30}",
"$description": "Accent color denoting an info for UI elements. This is the lightest value of the info ranges.",
"name": "1",
"originalValue": "{slds.r.color.info.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{slds.r.color.info.40}",
"$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.",
"name": "1",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"base": {
"10": {
"$type": "color",
"$value": "{slds.r.color.info.10}",
"$description": "Info Base 10 - if used as a background, please use Info Base 100-65 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{slds.r.color.info.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{slds.r.color.info.15}",
"$description": "Info Base 15 - if used as a background, please use Info Base 100-65 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{slds.r.color.info.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{slds.r.color.info.20}",
"$description": "Info Base 20 - if used as a background, please use Info Base 100-70 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{slds.r.color.info.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{slds.r.color.info.30}",
"$description": "Info Base 30 - if used as a background, please use Info Base 100-80 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{slds.r.color.info.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"35": {
"$type": "color",
"$value": "{slds.r.color.info.35}",
"$description": "Info Base 35 - if used as a background, please use Info Base 100-80 to meet accessibility guidelines.",
"name": "35",
"originalValue": "{slds.r.color.info.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{slds.r.color.info.40}",
"$description": "Info Base 40 - if used as a background, please use Info Base 100-90 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{slds.r.color.info.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{slds.r.color.info.50}",
"$description": "Info Base 50 - if used as a background, please use Info Base 100-95 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{slds.r.color.info.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{slds.r.color.info.60}",
"$description": "Info Base 60 - if used as a background, please use Info Base 100 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{slds.r.color.info.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{slds.r.color.info.65}",
"$description": "Info Base 65 - if used as a background, please use Info Base 15-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{slds.r.color.info.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{slds.r.color.info.70}",
"$description": "Info Base 70 - if used as a background, please use Info Base 20-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{slds.r.color.info.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{slds.r.color.info.80}",
"$description": "Info Base 80 - if used as a background, please use Info Base 30-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{slds.r.color.info.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{slds.r.color.info.90}",
"$description": "Info Base 90 - if used as a background, please use Info Base 40-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{slds.r.color.info.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{slds.r.color.info.95}",
"$description": "Info Base 95 - if used as a background, please use Info Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{slds.r.color.info.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$deprecated": true,
"$description": "Info Base 100 - if used as a background, please use Info Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"disabled": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$description": "Color denoting disabled UI elements. This is the lightest value of the disabled ranges.",
"name": "1",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"$description": "Color denoting disabled UI elements. This is one step darker than disabled-1.",
"name": "2",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"container": {
"1": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$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.",
"name": "1",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"2": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$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.",
"name": "2",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"neutral": {
"base": {
"0": {
"$type": "color",
"$value": "{alias.palette.neutral.0}",
"$description": "Neutral Base 0 - if used as a background, please use Neutral Base 100-50 to meet accessibility guidelines.",
"name": "0",
"originalValue": "{alias.palette.neutral.0}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "0",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"$description": "Neutral Base 10 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.neutral.15}",
"$description": "Neutral Base 15 - if used as a background, please use Neutral Base 100-65 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{alias.palette.neutral.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.neutral.20}",
"$description": "Neutral Base 20 - if used as a background, please use Neutral Base 100-70 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.neutral.30}",
"$description": "Neutral Base 30 - if used as a background, please use Neutral Base 100-80 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{alias.palette.neutral.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.neutral.40}",
"$description": "Neutral Base 40 - if used as a background, please use Neutral Base 100-90 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.neutral.50}",
"$description": "Neutral Base 50 - if used as a background, please use Neutral Base 100-95 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.neutral.60}",
"$description": "Neutral Base 60 - if used as a background, please use Neutral Base 100 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.neutral.65}",
"$description": "Neutral Base 65 - if used as a background, please use Neutral Base 15-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{alias.palette.neutral.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"$description": "Neutral Base 70 - if used as a background, please use Neutral Base 20-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"$description": "Neutral Base 80 - if used as a background, please use Neutral Base 30-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.neutral.90}",
"$description": "Neutral Base 90 - if used as a background, please use Neutral Base 40-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"$description": "Neutral Base 95 - if used as a background, please use Neutral Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{alias.palette.neutral.100}",
"$description": "Neutral Base 100 - if used as a background, please use Neutral Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{alias.palette.neutral.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"brand": {
"base": {
"10": {
"$type": "color",
"$value": "{slds.r.color.brand.10}",
"$description": "Brand Base 10 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines.",
"name": "10",
"originalValue": "{slds.r.color.brand.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"15": {
"$type": "color",
"$value": "{slds.r.color.brand.15}",
"$description": "Brand Base 15 - if used as a background, please use Brand Base 100-65 to meet accessibility guidelines.",
"name": "15",
"originalValue": "{slds.r.color.brand.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"20": {
"$type": "color",
"$value": "{slds.r.color.brand.20}",
"$description": "Brand Base 20 - if used as a background, please use Brand Base 100-70 to meet accessibility guidelines.",
"name": "20",
"originalValue": "{slds.r.color.brand.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"30": {
"$type": "color",
"$value": "{slds.r.color.brand.30}",
"$description": "Brand Base 30 - if used as a background, please use Brand Base 100-80 to meet accessibility guidelines.",
"name": "30",
"originalValue": "{slds.r.color.brand.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"40": {
"$type": "color",
"$value": "{slds.r.color.brand.40}",
"$description": "Brand Base 40 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines.",
"name": "40",
"originalValue": "{slds.r.color.brand.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"45": {
"$type": "color",
"$value": "{slds.r.color.brand.45}",
"$description": "Brand Base 45 - if used as a background, please use Brand Base 100-90 to meet accessibility guidelines.",
"name": "45",
"originalValue": "{slds.r.color.brand.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"50": {
"$type": "color",
"$value": "{slds.r.color.brand.50}",
"$description": "Brand Base 50 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines.",
"name": "50",
"originalValue": "{slds.r.color.brand.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"55": {
"$type": "color",
"$value": "{slds.r.color.brand.55}",
"$description": "Brand Base 55 - if used as a background, please use Brand Base 100-95 to meet accessibility guidelines.",
"name": "55",
"originalValue": "{slds.r.color.brand.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"60": {
"$type": "color",
"$value": "{slds.r.color.brand.60}",
"$description": "Brand Base 60 - if used as a background, please use Brand Base 100 to meet accessibility guidelines.",
"name": "60",
"originalValue": "{slds.r.color.brand.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"65": {
"$type": "color",
"$value": "{slds.r.color.brand.65}",
"$description": "Brand Base 65 - if used as a background, please use Brand Base 15-10 to meet accessibility guidelines.",
"name": "65",
"originalValue": "{slds.r.color.brand.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"70": {
"$type": "color",
"$value": "{slds.r.color.brand.70}",
"$description": "Brand Base 70 - if used as a background, please use Brand Base 20-10 to meet accessibility guidelines.",
"name": "70",
"originalValue": "{slds.r.color.brand.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"80": {
"$type": "color",
"$value": "{slds.r.color.brand.80}",
"$description": "Brand Base 80 - if used as a background, please use Brand Base 30-10 to meet accessibility guidelines.",
"name": "80",
"originalValue": "{slds.r.color.brand.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"90": {
"$type": "color",
"$value": "{slds.r.color.brand.90}",
"$description": "Brand Base 90 - if used as a background, please use Brand Base 40-10 to meet accessibility guidelines.",
"name": "90",
"originalValue": "{slds.r.color.brand.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"95": {
"$type": "color",
"$value": "{slds.r.color.brand.95}",
"$description": "Brand Base 95 - if used as a background, please use Brand Base 50-10 to meet accessibility guidelines.",
"name": "95",
"originalValue": "{slds.r.color.brand.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"100": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$deprecated": true,
"$description": "Brand Base 100 - if used as a background, please use Brand Base 60-10 to meet accessibility guidelines.",
"name": "100",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "100",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
}
},
"shadow": {
"1": {
"$type": "shadow",
"$value": "0px 2px 2px 0px #0000001A",
"$description": "Shadow depth 1",
"name": "1",
"originalValue": "0px 2px 2px 0px #0000001A",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "0px 2px 3px 0px #00000027",
"$description": "Shadow depth 2",
"name": "2",
"originalValue": "0px 2px 3px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "0px 2px 4px 0px #00000027",
"$description": "Shadow depth 3",
"name": "3",
"originalValue": "0px 2px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "0px 2px 5px 0px #00000027",
"$description": "Shadow depth 4",
"name": "4",
"originalValue": "0px 2px 5px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"5": {
"$type": "shadow",
"$value": "{slds.g.shadow.4}",
"$description": "Shadow depth 5",
"name": "5",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"6": {
"$type": "shadow",
"$value": "{slds.g.shadow.4}",
"$description": "Shadow depth 6",
"name": "6",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "6",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"outline": {
"focus": {
"1": {
"$type": "shadow",
"$value": "0px 0px 0px 2px {slds.g.color.brand.base.40}",
"$description": "Shadow outline focus",
"name": "1",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.40}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"outset": {
"focus": {
"1": {
"$type": "shadow",
"$value": "0px 0px 0px 2px {slds.g.color.neutral.base.100}, 0px 0px 0px 4px {slds.g.color.brand.base.40}",
"$description": "Shadow outset focus",
"name": "1",
"originalValue": "0px 0px 0px 2px {slds.g.color.neutral.base.100}, 0px 0px 0px 4px {slds.g.color.brand.base.40}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"inset": {
"focus": {
"1": {
"$type": "shadow",
"$value": "0px 0px 0px 2px {slds.g.color.brand.base.40} inset",
"$description": "Shadow inset focus",
"name": "1",
"originalValue": "0px 0px 0px 2px {slds.g.color.brand.base.40} inset",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"inverse": {
"focus": {
"1": {
"$type": "shadow",
"$value": "0px 0px 0px 2px {slds.g.color.brand.base.40} inset, 0px 0px 0px 4px {slds.g.color.neutral.base.100} inset",
"$description": "Shadow inset inverse focus",
"name": "1",
"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": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
}
},
"inverse": {
"1": {
"$type": "shadow",
"$value": "0 0 3px #f3f3f3",
"$description": "Shadow inverse depth 1",
"name": "1",
"originalValue": "0 0 3px #f3f3f3",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"insetinverse": {
"focus": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.inset.inverse.focus.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.shadow.inset.inverse.focus.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"block": {
"start": {
"1": {
"$type": "shadow",
"$value": "0px -2px 2px 0px #0000001A",
"$description": "Shadow depth 1 - up",
"name": "1",
"originalValue": "0px -2px 2px 0px #0000001A",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "0px -2px 3px 0px #00000027",
"$description": "Shadow depth 2 - up",
"name": "2",
"originalValue": "0px -2px 3px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "0px -2px 4px 0px #00000027",
"$description": "Shadow depth 3 - up",
"name": "3",
"originalValue": "0px -2px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "0px -2px 4px 0px #00000027",
"$description": "Shadow depth 4 - up",
"name": "4",
"originalValue": "0px -2px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"end": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.1}",
"$description": "Shadow depth 1 - down",
"name": "1",
"originalValue": "{slds.g.shadow.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "{slds.g.shadow.2}",
"$description": "Shadow depth 2 - down",
"name": "2",
"originalValue": "{slds.g.shadow.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "{slds.g.shadow.3}",
"$description": "Shadow depth 3 - down",
"name": "3",
"originalValue": "{slds.g.shadow.3}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "{slds.g.shadow.4}",
"$description": "Shadow depth 4 - down",
"name": "4",
"originalValue": "{slds.g.shadow.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"blockstart": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.start.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.shadow.block.start.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.start.2}",
"$deprecated": true,
"name": "2",
"originalValue": "{slds.g.shadow.block.start.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.start.3}",
"$deprecated": true,
"name": "3",
"originalValue": "{slds.g.shadow.block.start.3}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.start.4}",
"$deprecated": true,
"name": "4",
"originalValue": "{slds.g.shadow.block.start.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"blockend": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.end.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.shadow.block.end.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.end.2}",
"$deprecated": true,
"name": "2",
"originalValue": "{slds.g.shadow.block.end.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.end.3}",
"$deprecated": true,
"name": "3",
"originalValue": "{slds.g.shadow.block.end.3}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "{slds.g.shadow.block.end.4}",
"$deprecated": true,
"name": "4",
"originalValue": "{slds.g.shadow.block.end.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"inline": {
"start": {
"1": {
"$type": "shadow",
"$value": "-2px 0px 2px 0px #0000001A",
"$description": "Shadow depth 1 - left",
"name": "1",
"originalValue": "-2px 0px 2px 0px #0000001A",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "-2px 0px 3px 0px #00000027",
"$description": "Shadow depth 2 - left",
"name": "2",
"originalValue": "-2px 0px 3px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "-2px 0px 4px 0px #00000027",
"$description": "Shadow depth 3 - left",
"name": "3",
"originalValue": "-2px 0px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "-2px 0px 4px 0px #00000027",
"$description": "Shadow depth 4 - left",
"name": "4",
"originalValue": "-2px 0px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"end": {
"1": {
"$type": "shadow",
"$value": "2px 0px 2px 0px #0000001A",
"$description": "Shadow depth 1 - right",
"name": "1",
"originalValue": "2px 0px 2px 0px #0000001A",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "2px 0px 3px 0px #00000027",
"$description": "Shadow depth 2 - right",
"name": "2",
"originalValue": "2px 0px 3px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "2px 0px 4px 0px #00000027",
"$description": "Shadow depth 3 - right",
"name": "3",
"originalValue": "2px 0px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "2px 0px 4px 0px #00000027",
"$description": "Shadow depth 4 - right",
"name": "4",
"originalValue": "2px 0px 4px 0px #00000027",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"inlinestart": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.start.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.shadow.inline.start.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.start.2}",
"$deprecated": true,
"name": "2",
"originalValue": "{slds.g.shadow.inline.start.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.start.3}",
"$deprecated": true,
"name": "3",
"originalValue": "{slds.g.shadow.inline.start.3}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.start.4}",
"$deprecated": true,
"name": "4",
"originalValue": "{slds.g.shadow.inline.start.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"inlineend": {
"1": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.end.1}",
"$deprecated": true,
"name": "1",
"originalValue": "{slds.g.shadow.inline.end.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "1",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"2": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.end.2}",
"$deprecated": true,
"name": "2",
"originalValue": "{slds.g.shadow.inline.end.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "2",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"3": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.end.3}",
"$deprecated": true,
"name": "3",
"originalValue": "{slds.g.shadow.inline.end.3}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "3",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"4": {
"$type": "shadow",
"$value": "{slds.g.shadow.inline.end.4}",
"$deprecated": true,
"name": "4",
"originalValue": "{slds.g.shadow.inline.end.4}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "4",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
}
},
"c": {
"button": {
"destructive": {
"color-background": {
"$type": "color",
"$value": "{slds.g.color.error.base.40}",
"$description": "Background of destructive button",
"name": "color-background",
"originalValue": "{slds.g.color.error.base.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border": {
"$type": "color",
"$value": "{slds.g.color.error.base.40}",
"$description": "Border of destructive button",
"name": "color-border",
"originalValue": "{slds.g.color.error.base.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-hover": {
"$type": "color",
"$value": "{slds.g.color.error.base.30}",
"$description": "Background of destructive button on hover",
"name": "color-background-hover",
"originalValue": "{slds.g.color.error.base.30}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border-hover": {
"$type": "color",
"$value": "{slds.g.color.error.base.30}",
"$description": "Border of destructive button on hover",
"name": "color-border-hover",
"originalValue": "{slds.g.color.error.base.30}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$description": "Text of destructive button",
"name": "color",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-hover": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$description": "Text of destructive button on hover",
"name": "color-hover",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"success": {
"color-background": {
"$type": "color",
"$value": "{slds.g.color.success.base.50}",
"$description": "Background of success button",
"name": "color-background",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border": {
"$type": "color",
"$value": "{slds.g.color.success.base.50}",
"$description": "Border of success button",
"name": "color-border",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-hover": {
"$type": "color",
"$value": "{slds.g.color.success.base.30}",
"$description": "Background of success button on hover",
"name": "color-background-hover",
"originalValue": "{slds.g.color.success.base.30}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border-hover": {
"$type": "color",
"$value": "{slds.g.color.success.base.50}",
"$description": "Border of success button on hover",
"name": "color-border-hover",
"originalValue": "{slds.g.color.success.base.50}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$description": "Text of success button",
"name": "color",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-hover": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.100}",
"$description": "Text of success button on hover",
"name": "color-hover",
"originalValue": "{slds.g.color.neutral.base.100}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"font": {
"weight": {
"$type": "fontWeight",
"$value": "{slds.g.font.weight.4}",
"$description": "Button font weight",
"name": "weight",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
}
},
"r": {
"color": {
"brand": {
"5": {
"$type": "color",
"$value": "{alias.palette.blue.5}",
"name": "5",
"originalValue": "{alias.palette.blue.5}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.blue.10}",
"name": "10",
"originalValue": "{alias.palette.blue.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.blue.15}",
"name": "15",
"originalValue": "{alias.palette.blue.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.blue.20}",
"name": "20",
"originalValue": "{alias.palette.blue.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.blue.30}",
"name": "30",
"originalValue": "{alias.palette.blue.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"35": {
"$type": "color",
"$value": "{alias.palette.blue.35}",
"name": "35",
"originalValue": "{alias.palette.blue.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.blue.40}",
"name": "40",
"originalValue": "{alias.palette.blue.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"45": {
"$type": "color",
"$value": "{alias.palette.blue.45}",
"name": "45",
"originalValue": "{alias.palette.blue.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.blue.50}",
"name": "50",
"originalValue": "{alias.palette.blue.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"55": {
"$type": "color",
"$value": "{alias.palette.blue.55}",
"name": "55",
"originalValue": "{alias.palette.blue.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.blue.60}",
"name": "60",
"originalValue": "{alias.palette.blue.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.blue.65}",
"name": "65",
"originalValue": "{alias.palette.blue.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.blue.70}",
"name": "70",
"originalValue": "{alias.palette.blue.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.blue.80}",
"name": "80",
"originalValue": "{alias.palette.blue.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"85": {
"$type": "color",
"$value": "{alias.palette.blue.85}",
"name": "85",
"originalValue": "{alias.palette.blue.85}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "85",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.blue.90}",
"name": "90",
"originalValue": "{alias.palette.blue.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.blue.95}",
"name": "95",
"originalValue": "{alias.palette.blue.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
}
},
"info": {
"5": {
"$type": "color",
"$value": "{alias.palette.neutral.5}",
"name": "5",
"originalValue": "{alias.palette.neutral.5}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.neutral.10}",
"name": "10",
"originalValue": "{alias.palette.neutral.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.neutral.15}",
"name": "15",
"originalValue": "{alias.palette.neutral.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.neutral.20}",
"name": "20",
"originalValue": "{alias.palette.neutral.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.neutral.30}",
"name": "30",
"originalValue": "{alias.palette.neutral.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"35": {
"$type": "color",
"$value": "{alias.palette.neutral.35}",
"name": "35",
"originalValue": "{alias.palette.neutral.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.neutral.40}",
"name": "40",
"originalValue": "{alias.palette.neutral.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"45": {
"$type": "color",
"$value": "{alias.palette.neutral.45}",
"name": "45",
"originalValue": "{alias.palette.neutral.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.neutral.50}",
"name": "50",
"originalValue": "{alias.palette.neutral.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"55": {
"$type": "color",
"$value": "{alias.palette.neutral.55}",
"name": "55",
"originalValue": "{alias.palette.neutral.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.neutral.60}",
"name": "60",
"originalValue": "{alias.palette.neutral.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.neutral.65}",
"name": "65",
"originalValue": "{alias.palette.neutral.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.neutral.70}",
"name": "70",
"originalValue": "{alias.palette.neutral.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.neutral.80}",
"name": "80",
"originalValue": "{alias.palette.neutral.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"85": {
"$type": "color",
"$value": "{alias.palette.neutral.85}",
"name": "85",
"originalValue": "{alias.palette.neutral.85}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "85",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.neutral.90}",
"name": "90",
"originalValue": "{alias.palette.neutral.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.neutral.95}",
"name": "95",
"originalValue": "{alias.palette.neutral.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
}
},
"success": {
"5": {
"$type": "color",
"$value": "{alias.palette.green.5}",
"name": "5",
"originalValue": "{alias.palette.green.5}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.green.10}",
"name": "10",
"originalValue": "{alias.palette.green.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.green.15}",
"name": "15",
"originalValue": "{alias.palette.green.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.green.20}",
"name": "20",
"originalValue": "{alias.palette.green.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.green.30}",
"name": "30",
"originalValue": "{alias.palette.green.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"35": {
"$type": "color",
"$value": "{alias.palette.green.35}",
"name": "35",
"originalValue": "{alias.palette.green.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.green.40}",
"name": "40",
"originalValue": "{alias.palette.green.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"45": {
"$type": "color",
"$value": "{alias.palette.green.45}",
"name": "45",
"originalValue": "{alias.palette.green.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.green.50}",
"name": "50",
"originalValue": "{alias.palette.green.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"55": {
"$type": "color",
"$value": "{alias.palette.green.55}",
"name": "55",
"originalValue": "{alias.palette.green.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.green.60}",
"name": "60",
"originalValue": "{alias.palette.green.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.green.65}",
"name": "65",
"originalValue": "{alias.palette.green.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.green.70}",
"name": "70",
"originalValue": "{alias.palette.green.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.green.80}",
"name": "80",
"originalValue": "{alias.palette.green.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"85": {
"$type": "color",
"$value": "{alias.palette.green.85}",
"name": "85",
"originalValue": "{alias.palette.green.85}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "85",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.green.90}",
"name": "90",
"originalValue": "{alias.palette.green.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.green.95}",
"name": "95",
"originalValue": "{alias.palette.green.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
}
},
"error": {
"5": {
"$type": "color",
"$value": "{alias.palette.red.5}",
"name": "5",
"originalValue": "{alias.palette.red.5}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.red.10}",
"name": "10",
"originalValue": "{alias.palette.red.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.red.15}",
"name": "15",
"originalValue": "{alias.palette.red.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.red.20}",
"name": "20",
"originalValue": "{alias.palette.red.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.red.30}",
"name": "30",
"originalValue": "{alias.palette.red.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"35": {
"$type": "color",
"$value": "{alias.palette.red.35}",
"name": "35",
"originalValue": "{alias.palette.red.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.red.40}",
"name": "40",
"originalValue": "{alias.palette.red.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"45": {
"$type": "color",
"$value": "{alias.palette.red.45}",
"name": "45",
"originalValue": "{alias.palette.red.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.red.50}",
"name": "50",
"originalValue": "{alias.palette.red.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"55": {
"$type": "color",
"$value": "{alias.palette.red.55}",
"name": "55",
"originalValue": "{alias.palette.red.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.red.60}",
"name": "60",
"originalValue": "{alias.palette.red.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.red.65}",
"name": "65",
"originalValue": "{alias.palette.red.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.red.70}",
"name": "70",
"originalValue": "{alias.palette.red.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.red.80}",
"name": "80",
"originalValue": "{alias.palette.red.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"85": {
"$type": "color",
"$value": "{alias.palette.red.85}",
"name": "85",
"originalValue": "{alias.palette.red.85}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "85",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.red.90}",
"name": "90",
"originalValue": "{alias.palette.red.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.red.95}",
"name": "95",
"originalValue": "{alias.palette.red.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
}
},
"warning": {
"5": {
"$type": "color",
"$value": "{alias.palette.orange.5}",
"name": "5",
"originalValue": "{alias.palette.orange.5}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "5",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"10": {
"$type": "color",
"$value": "{alias.palette.orange.10}",
"name": "10",
"originalValue": "{alias.palette.orange.10}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "10",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"15": {
"$type": "color",
"$value": "{alias.palette.orange.15}",
"name": "15",
"originalValue": "{alias.palette.orange.15}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "15",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"20": {
"$type": "color",
"$value": "{alias.palette.orange.20}",
"name": "20",
"originalValue": "{alias.palette.orange.20}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "20",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"30": {
"$type": "color",
"$value": "{alias.palette.orange.30}",
"name": "30",
"originalValue": "{alias.palette.orange.30}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "30",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"35": {
"$type": "color",
"$value": "{alias.palette.orange.35}",
"name": "35",
"originalValue": "{alias.palette.orange.35}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "35",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"40": {
"$type": "color",
"$value": "{alias.palette.orange.40}",
"name": "40",
"originalValue": "{alias.palette.orange.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "40",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"45": {
"$type": "color",
"$value": "{alias.palette.orange.45}",
"name": "45",
"originalValue": "{alias.palette.orange.45}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "45",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"50": {
"$type": "color",
"$value": "{alias.palette.orange.50}",
"name": "50",
"originalValue": "{alias.palette.orange.50}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "50",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"55": {
"$type": "color",
"$value": "{alias.palette.orange.55}",
"name": "55",
"originalValue": "{alias.palette.orange.55}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "55",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"60": {
"$type": "color",
"$value": "{alias.palette.orange.60}",
"name": "60",
"originalValue": "{alias.palette.orange.60}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "60",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"65": {
"$type": "color",
"$value": "{alias.palette.orange.65}",
"name": "65",
"originalValue": "{alias.palette.orange.65}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "65",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"70": {
"$type": "color",
"$value": "{alias.palette.orange.70}",
"name": "70",
"originalValue": "{alias.palette.orange.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "70",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"80": {
"$type": "color",
"$value": "{alias.palette.orange.80}",
"name": "80",
"originalValue": "{alias.palette.orange.80}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "80",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"85": {
"$type": "color",
"$value": "{alias.palette.orange.85}",
"name": "85",
"originalValue": "{alias.palette.orange.85}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "85",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"90": {
"$type": "color",
"$value": "{alias.palette.orange.90}",
"name": "90",
"originalValue": "{alias.palette.orange.90}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "90",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
},
"95": {
"$type": "color",
"$value": "{alias.palette.orange.95}",
"name": "95",
"originalValue": "{alias.palette.orange.95}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "95",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill",
"stroke"
]
}
}
}
},
"s": {
"alert": {
"font": {
"weight": {
"$type": "fontWeight",
"$value": "{slds.g.font.weight.4}",
"$description": "Alert font weight",
"name": "weight",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
},
"avatar": {
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Avatar default border radius",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
}
},
"backdrop": {
"color": {
"background": {
"$type": "color",
"$value": "rgba(24, 24, 24, 0.5)",
"$description": "Backdrop color",
"name": "background",
"originalValue": "rgba(24, 24, 24, 0.5)",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"button": {
"color": {
"background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background of neutral buttons",
"name": "background",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"background-hover": {
"$type": "color",
"$value": "transparent",
"$description": "Hover background of neutral buttons",
"name": "background-hover",
"originalValue": "transparent",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "background",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"background-focus": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Focus background of neutral buttons",
"name": "background-focus",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "focus",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"background-active": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Active background of neutral buttons",
"name": "background-active",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "active",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"border": {
"$type": "color",
"$value": "{slds.g.color.border.2}",
"$description": "Border color of neutral buttons",
"name": "border",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"hover": {
"$type": "color",
"$value": "{slds.g.color.accent.3}",
"$description": "Hover text color of neutral buttons",
"name": "hover",
"originalValue": "{slds.g.color.accent.3}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"shadow": {
"focus": {
"$type": "shadow",
"$value": "0 0 3px var(--slds-g-color-accent-2)",
"$description": "Focus border color of neutral buttons",
"name": "focus",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "focus",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"active": {
"$type": "shadow",
"$value": "0 0 3px var(--slds-g-color-accent-2)",
"$description": "Active border color of neutral buttons",
"name": "active",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "active",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Default border radius for buttons",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
},
"spacing": {
"inline": {
"$type": "dimension",
"$value": "{slds.g.spacing.4}",
"$description": "Inline/horizontal spacing of buttons",
"name": "inline",
"originalValue": "{slds.g.spacing.4}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "inline",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
}
}
},
"container": {
"color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.3}",
"$description": "Container text color",
"name": "color",
"originalValue": "{slds.g.color.on.surface.3}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"shadow": {
"$type": "shadow",
"$value": "{slds.g.shadow.2}",
"$description": "Container shadow",
"name": "shadow",
"originalValue": "{slds.g.shadow.2}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "shadow",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"color-border": {
"$type": "color",
"$value": "{slds.g.color.border.1}",
"$description": "Container border color",
"name": "color-border",
"originalValue": "{slds.g.color.border.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Container border radius",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
},
"heading": {
"font": {
"size": {
"$type": "dimension",
"$value": "{slds.g.font.scale.2}",
"$description": "Container heading font size",
"name": "size",
"originalValue": "{slds.g.font.scale.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"weight": {
"$type": "fontWeight",
"$value": "{slds.g.font.weight.4}",
"$description": "Container heading font weight",
"name": "weight",
"originalValue": "{slds.g.font.weight.4}",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
},
"footer": {
"color": {
"background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Container footer background color",
"name": "background",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
}
},
"container-heading-var-font-size": {
"$type": "dimension",
"$value": "{slds.g.font.scale.var.2}",
"$description": "Container heading variable font size",
"name": "container-heading-var-font-size",
"originalValue": "{slds.g.font.scale.var.2}",
"type": "dimension",
"syntax": "<length>",
"category": "var",
"scope": "heading",
"namespace": "container",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"helptext": {
"font": {
"size": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.1}",
"$description": "Text size of help text that sits below a form control, if present.",
"name": "size",
"originalValue": "{slds.g.font.scale.neg.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
},
"spacing": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Spacing between the helptext and the form control.",
"name": "spacing",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "spacing",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
}
},
"icon": {
"color": {
"foreground": {
"$type": "color",
"$value": "{slds.g.color.on.surface.1}",
"$description": "Fill color for icons. The default is utility icons.",
"name": "foreground",
"originalValue": "{slds.g.color.on.surface.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "foreground",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Default border radius for icons.",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
}
},
"input": {
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Border radius for inputs",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
},
"color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Text color for inputs",
"name": "color",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background color for inputs",
"name": "color-background",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-disabled": {
"$type": "color",
"$value": "{slds.g.color.surface.container.3}",
"$description": "Background color for inputs when disabled",
"name": "color-background-disabled",
"originalValue": "{slds.g.color.surface.container.3}",
"type": "color",
"syntax": "<color>",
"category": "disabled",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-invalid": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background color for inputs when disabled",
"name": "color-background-invalid",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "invalid",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border": {
"$type": "color",
"$value": "{slds.g.color.border.2}",
"$description": "Border color for inputs",
"name": "color-border",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border-focus": {
"$type": "color",
"$value": "{slds.g.color.border.accent.2}",
"$description": "Border color for inputs on focus.",
"name": "color-border-focus",
"originalValue": "{slds.g.color.border.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "focus",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border-hover": {
"$type": "color",
"$value": "{slds.g.color.border.2}",
"$description": "Border color for inputs on hover.",
"name": "color-border-hover",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-invalid": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Text color for inputs when disabled",
"name": "color-invalid",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "invalid",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"spacing": {
"$type": "dimension",
"$value": "{slds.g.spacing.2}",
"$description": "Spacing for inputs. Set as padding.",
"name": "spacing",
"originalValue": "{slds.g.spacing.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "spacing",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"shadow": {
"focus": {
"$type": "shadow",
"$value": "0 0 3px var(--slds-g-color-accent-2)",
"$description": "Box shadow for inputs on focus.",
"name": "focus",
"originalValue": "0 0 3px var(--slds-g-color-accent-2)",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "focus",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
},
"invalid": {
"$type": "shadow",
"$value": "inset 0 0 0 1px var(--slds-g-color-error-1)",
"$description": "Box shadow for inputs on focus.",
"name": "invalid",
"originalValue": "inset 0 0 0 1px var(--slds-g-color-error-1)",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "invalid",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
},
"label": {
"spacing": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Spacing between the label and the input",
"name": "spacing",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "spacing",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
]
},
"font": {
"size": {
"$type": "dimension",
"$value": "{slds.g.font.scale.neg.1}",
"$description": "Font size for form labels",
"name": "size",
"originalValue": "{slds.g.font.scale.neg.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "size",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-size"
]
}
},
"color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Text color for form labels",
"name": "color",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"sizing": {
"gap": {
"$type": "dimension",
"$value": "{slds.g.spacing.1}",
"$description": "Spacing gap between elements in the label container",
"name": "gap",
"originalValue": "{slds.g.spacing.1}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "gap",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
}
}
},
"link": {
"color": {
"$type": "color",
"$value": "var(--lwc-brandTextLink, var(--slds-g-color-accent-2))",
"$description": "Default color for links",
"name": "color",
"originalValue": "var(--lwc-brandTextLink, var(--slds-g-color-accent-2))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-hover": {
"$type": "color",
"$value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"$description": "Default color for links on hover",
"name": "color-hover",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "color",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-focus": {
"$type": "color",
"$value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"$description": "Default color for links on focus",
"name": "color-focus",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "focus",
"namespace": "color",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-active": {
"$type": "color",
"$value": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"$description": "Default color for links on active",
"name": "color-active",
"originalValue": "var(--lwc-brandTextLinkActive, var(--slds-g-color-accent-3))",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "active",
"namespace": "color",
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"outline": {
"color": {
"$type": "color",
"$value": "{slds.g.color.brand.base.40}",
"$description": "Default outline color for links on focus",
"name": "color",
"originalValue": "{slds.g.color.brand.base.40}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"menu": {
"item": {
"color": {
"background": {
"active": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Active background color for menu/listbox items",
"name": "active",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "active",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"active": {
"$type": "color",
"$value": "{slds.g.color.accent.2}",
"$description": "Active text color for menu/listbox items",
"name": "active",
"originalValue": "{slds.g.color.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "active",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
}
},
"navigation": {
"color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Default color for tabs",
"name": "color",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-active": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Default color for tabs",
"name": "color-active",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "active",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-hover": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Default color for tabs",
"name": "color-hover",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Default color for tabs",
"name": "color-background",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-active": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Default color for tabs",
"name": "color-background-active",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "active",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-background-hover": {
"$type": "color",
"$value": "{slds.g.color.surface.container.3}",
"$description": "Default color for tabs",
"name": "color-background-hover",
"originalValue": "{slds.g.color.surface.container.3}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "background",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border": {
"$type": "color",
"$value": "{slds.g.color.border.2}",
"$description": "Default border color for tabs",
"name": "color-border",
"originalValue": "{slds.g.color.border.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-border-hover": {
"$type": "color",
"$value": "{slds.g.color.accent.2}",
"$description": "Default border color for tabs",
"name": "color-border-hover",
"originalValue": "{slds.g.color.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "border",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"radius-border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Default color for tabs",
"name": "radius-border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "border",
"namespace": "radius",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
},
"sizing": {
"border-hover": {
"$type": "dimension",
"$value": {
"value": 2,
"unit": "px"
},
"$description": "Default border color for tabs",
"name": "border-hover",
"originalValue": "2px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "hover",
"namespace": "border",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
},
"border-active": {
"$type": "dimension",
"$value": {
"value": 3,
"unit": "px"
},
"$description": "Default border color for tabs",
"name": "border-active",
"originalValue": "3px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "active",
"namespace": "border",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
}
},
"font": {
"weight": {
"$type": "fontWeight",
"$value": "normal",
"$description": "Default border color for tabs",
"name": "weight",
"originalValue": "normal",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
},
"weight-active": {
"$type": "fontWeight",
"$value": "700",
"$description": "Default border color for tabs",
"name": "weight-active",
"originalValue": "700",
"type": "fontWeight",
"category": "",
"scope": "active",
"namespace": "weight",
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
},
"pageheader": {
"color": {
"background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Background color of all page header",
"name": "background",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"row": {
"color": {
"background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background color of all page header rows",
"name": "background",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"radius": {
"border": {
"$type": "dimension",
"$value": "{slds.g.radius.border.2}",
"$description": "Border radius for all page headers",
"name": "border",
"originalValue": "{slds.g.radius.border.2}",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"border-radius"
]
}
},
"title": {
"font": {
"size": {
"$type": "dimension",
"$value": {
"value": 1.125,
"unit": "rem"
},
"$description": "Font-size of all page header titles",
"name": "size",
"originalValue": "1.125rem",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "size",
"themeOwned": true,
"cssProperties": [
"font-size"
]
},
"weight": {
"$type": "fontWeight",
"$value": "{slds.g.font.weight.7}",
"$description": "Font-weight of all page header titles",
"name": "weight",
"originalValue": "{slds.g.font.weight.7}",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
},
"sizing": {
"border": {
"$type": "dimension",
"$value": {
"value": 1,
"unit": "px"
},
"$description": "Border width for all page headers",
"name": "border",
"originalValue": "1px",
"type": "dimension",
"syntax": "<length>",
"category": "",
"scope": "",
"namespace": "border",
"themeOwned": true,
"cssProperties": [
"border-width",
"width"
]
}
},
"shadow": {
"$type": "shadow",
"$value": "{slds.g.shadow.1}",
"$description": "Box shadow for all page headers",
"name": "shadow",
"originalValue": "{slds.g.shadow.1}",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "shadow",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
},
"pill": {
"color": {
"background": {
"hover": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Hover background color for pills",
"name": "hover",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "hover",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
}
},
"table": {
"color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.3}",
"$description": "Text/icon color for the table",
"name": "color",
"originalValue": "{slds.g.color.on.surface.3}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"header": {
"color": {
"background": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Background color for the table header",
"name": "background",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"background-hover": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background color for the table header cells on hover",
"name": "background-hover",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "hover",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"background-selected": {
"$type": "color",
"$value": "{slds.g.color.surface.container.1}",
"$description": "Background color for the table cells on active/selected",
"name": "background-selected",
"originalValue": "{slds.g.color.surface.container.1}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "selected",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"font": {
"weight": {
"$type": "fontWeight",
"$value": "{slds.g.font.weight.7}",
"$description": "Font weight for the table header",
"name": "weight",
"originalValue": "{slds.g.font.weight.7}",
"type": "fontWeight",
"category": "",
"scope": "",
"namespace": "weight",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"font-weight"
]
}
}
},
"resize": {
"color": {
"$type": "color",
"$value": "{slds.g.color.neutral.base.70}",
"$description": "Color of the resize handle on table columns",
"name": "color",
"originalValue": "{slds.g.color.neutral.base.70}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"color-active": {
"$type": "color",
"$value": "{slds.g.color.accent.2}",
"$description": "Active color of the resize handle on table columns",
"name": "color-active",
"originalValue": "{slds.g.color.accent.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "active",
"namespace": "color",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
},
"row": {
"color": {
"background-selected": {
"$type": "color",
"$value": "{slds.g.color.surface.container.2}",
"$description": "Background color of the selected table row",
"name": "background-selected",
"originalValue": "{slds.g.color.surface.container.2}",
"type": "color",
"syntax": "<color>",
"category": "",
"scope": "selected",
"namespace": "background",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"border-selected-hover": {
"$type": "color",
"$value": "{slds.g.color.border.1}",
"$description": "Border color of the selected table row on hover",
"name": "border-selected-hover",
"originalValue": "{slds.g.color.border.1}",
"type": "color",
"syntax": "<color>",
"category": "hover",
"scope": "selected",
"namespace": "border",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
},
"cell": {
"shadow": {
"selected": {
"$type": "shadow",
"$value": "var(--slds-g-color-accent-2) 0 0 0 1px inset",
"$description": "Box shadow of the selected table cell",
"name": "selected",
"originalValue": "var(--slds-g-color-accent-2) 0 0 0 1px inset",
"type": "shadow",
"category": "",
"scope": "",
"namespace": "selected",
"themeOwned": true,
"cssProperties": [
"box-shadow"
]
}
}
}
},
"table-header-color": {
"$type": "color",
"$value": "{slds.g.color.on.surface.2}",
"$description": "Text/icon color for the table header",
"name": "table-header-color",
"originalValue": "{slds.g.color.on.surface.2}",
"type": "color",
"syntax": "<color>",
"category": "color",
"scope": "header",
"namespace": "table",
"inherits": true,
"themeOwned": true,
"cssProperties": [
"background-color",
"color",
"border-color",
"fill"
]
}
}
}
}