kris/afv-library
1
0
Fork 0
mirror of https://github.com/forcedotcom/afv-library.git synced 2026-08-04 06:07:12 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
496599720c
afv-library/skills/applying-slds/metadata/hooks-index.json
GitHub Action 8357a9a7ff feat: manual trigger
2026-06-12 10:55:46 +00:00

6273 lines
141 KiB
JSON
Raw Blame History

{
"version": "2.1.0",
"generated_at": "2026-02-26T04:40:06.059079+00:00",
"source": "globalStylingHooks.metadata.json + slds-plus-feb25.css",
"total_hooks": 523,
"global": {
"namespace": "slds",
"scope": "global",
"default_properties": [
"background-color",
"color",
"border-color",
"fill"
]
},
"categories": {
"color": 325,
"duration": 8,
"font": 57,
"fontFamily": 3,
"radius": 6,
"ratio": 5,
"shadow": 44,
"sizing": 27,
"spacing": 48
},
"hooks": [
{
"token": "--slds-g-color-accent-1",
"category": "color",
"external": true,
"description": "Emphasis color for large text and icon fills.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#066afe"
},
{
"token": "--slds-g-color-accent-2",
"category": "color",
"external": true,
"description": "Emphasis color for text, links, and icon color fills. Hover state color for interactive elements.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#0250d9",
"value_dark": "#7cb1fe"
},
{
"token": "--slds-g-color-accent-3",
"category": "color",
"external": true,
"description": "Emphasis color for text, links, and icon alternative colors. Hover state color for interactive elements.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#022ac0",
"value_dark": "#a8cbff"
},
{
"token": "--slds-g-color-accent-container-1",
"category": "color",
"external": true,
"description": "Background fill for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-1.",
"properties": [
"background",
"background-color"
],
"value": "#066afe"
},
{
"token": "--slds-g-color-accent-container-2",
"category": "color",
"external": true,
"description": "Background fill on hover state for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-2.",
"properties": [
"background",
"background-color"
],
"value": "#0250d9",
"value_dark": "#d6e6ff"
},
{
"token": "--slds-g-color-accent-container-3",
"category": "color",
"external": true,
"description": "Alternative background fill on hover state for containers that emphasize branded component and interactive elements such as Brand buttons. Always pair with on-accent-3.",
"properties": [
"background",
"background-color"
],
"value": "#022ac0",
"value_dark": "#a8cbff"
},
{
"token": "--slds-g-color-border-1",
"category": "color",
"external": true,
"description": "Borders for decorative components or divider lines between content.",
"properties": [
"border-color"
],
"value": "#c9c9c9",
"value_dark": "#444"
},
{
"token": "--slds-g-color-border-2",
"category": "color",
"external": true,
"description": "Border for functional or interactive components.",
"properties": [
"border-color"
],
"value": "#5c5c5c",
"value_dark": "#757575"
},
{
"token": "--slds-g-color-border-accent-1",
"category": "color",
"external": true,
"description": "Border color for branded containers.",
"properties": [
"border-color"
],
"value": "#066afe"
},
{
"token": "--slds-g-color-border-accent-2",
"category": "color",
"external": true,
"description": "Border color for branded containers.",
"properties": [
"border-color"
],
"value": "#0250d9",
"value_dark": "#7cb1fe"
},
{
"token": "--slds-g-color-border-accent-3",
"category": "color",
"external": true,
"description": "Hover border color for branded containers.",
"properties": [
"border-color"
],
"value": "#022ac0",
"value_dark": "#a8cbff"
},
{
"token": "--slds-g-color-border-disabled-1",
"category": "color",
"external": true,
"description": "Border color for disabled containers (border-2 becomes border-disabled-1 for disabled states).",
"properties": [
"border-color"
],
"value": "#757575"
},
{
"token": "--slds-g-color-border-disabled-2",
"category": "color",
"external": true,
"description": "Border color for disabled UI elements. This is one step darker than disabled-border-1.",
"properties": [
"border-color"
],
"value": "#5c5c5c",
"value_dark": "#939393"
},
{
"token": "--slds-g-color-border-error-1",
"category": "color",
"external": true,
"description": "Border color for error containers such as destructive buttons.",
"properties": [
"border-color"
],
"value": "#b60554",
"value_dark": "#fe8aa7"
},
{
"token": "--slds-g-color-border-error-2",
"category": "color",
"external": true,
"description": "Hover border color for error containers such as destructive buttons.",
"properties": [
"border-color"
],
"value": "#8a033e",
"value_dark": "#fdb6c5"
},
{
"token": "--slds-g-color-border-inverse-1",
"category": "color",
"external": true,
"description": "Border for functional or interactive components on dark backgrounds.",
"properties": [
"border-color"
],
"value": "#f3f3f3",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-border-inverse-2",
"category": "color",
"external": true,
"description": "Borders for decorative components or divider lines between content on dark backgrounds.",
"properties": [
"border-color"
],
"value": "#032d60",
"value_dark": "#aacbff"
},
{
"token": "--slds-g-color-border-success-1",
"category": "color",
"external": true,
"description": "Step 1 in the Border Success scale for colors that define the borders of success containers.",
"properties": [
"border-color"
],
"value": "#056764",
"value_dark": "#06a59a"
},
{
"token": "--slds-g-color-border-success-2",
"category": "color",
"external": true,
"description": "Step 2 in the Border Success scale for colors that define the borders of success containers.",
"properties": [
"border-color"
],
"value": "#024d4c",
"value_dark": "#01c3b3"
},
{
"token": "--slds-g-color-border-warning-1",
"category": "color",
"external": true,
"description": "Step 1 in the Border Warning scale for colors that define the borders of warning containers.",
"properties": [
"border-color"
],
"value": "#dd7a01",
"value_dark": "#e4a201"
},
{
"token": "--slds-g-color-brand-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001642",
"value_dark": "#d6e6ff"
},
{
"token": "--slds-g-color-brand-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-brand-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001e5b",
"value_dark": "#c2daff"
},
{
"token": "--slds-g-color-brand-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#002775",
"value_dark": "#a8cbff"
},
{
"token": "--slds-g-color-brand-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#022ac0",
"value_dark": "#7cb1fe"
},
{
"token": "--slds-g-color-brand-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0250d9",
"value_dark": "#4992fe"
},
{
"token": "--slds-g-color-brand-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#066afe"
},
{
"token": "--slds-g-color-brand-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4992fe",
"value_dark": "#0250d9"
},
{
"token": "--slds-g-color-brand-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5f9ffe",
"value_dark": "#003ecd"
},
{
"token": "--slds-g-color-brand-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#7cb1fe",
"value_dark": "#022ac0"
},
{
"token": "--slds-g-color-brand-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a8cbff",
"value_dark": "#002775"
},
{
"token": "--slds-g-color-brand-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d6e6ff",
"value_dark": "#001642"
},
{
"token": "--slds-g-color-brand-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#edf4ff",
"value_dark": "#000314"
},
{
"token": "--slds-g-color-disabled-1",
"category": "color",
"external": true,
"description": "Fill color fo text and icons in disabled components or with disabled content.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#757575"
},
{
"token": "--slds-g-color-disabled-2",
"category": "color",
"external": true,
"description": "Color denoting disabled UI elements. This is one step darker than disabled-1.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#5c5c5c",
"value_dark": "#939393"
},
{
"token": "--slds-g-color-disabled-container-1",
"category": "color",
"external": true,
"description": "Disabled container background fill for white components. Always pair with on-disabled-1.",
"properties": [
"background",
"background-color"
],
"value": "#e5e5e5",
"value_dark": "#2e2e2e"
},
{
"token": "--slds-g-color-disabled-container-2",
"category": "color",
"external": true,
"description": "Disabled container background fill for grey components. Always pair with on-disabled-2.",
"properties": [
"background",
"background-color"
],
"value": "#c9c9c9",
"value_dark": "#444"
},
{
"token": "--slds-g-color-error-1",
"category": "color",
"external": true,
"description": "Fill color for text and icons displaying an error.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#b60554",
"value_dark": "#fe8aa7"
},
{
"token": "--slds-g-color-error-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#370114",
"value_dark": "#fddde3"
},
{
"token": "--slds-g-color-error-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-error-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4b0620",
"value_dark": "#fec8d4"
},
{
"token": "--slds-g-color-error-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#61022a",
"value_dark": "#fdb6c5"
},
{
"token": "--slds-g-color-error-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8a033e",
"value_dark": "#fe8aa7"
},
{
"token": "--slds-g-color-error-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#b60554",
"value_dark": "#ff538a"
},
{
"token": "--slds-g-color-error-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e3066a"
},
{
"token": "--slds-g-color-error-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ff538a",
"value_dark": "#b60554"
},
{
"token": "--slds-g-color-error-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe7298",
"value_dark": "#a00449"
},
{
"token": "--slds-g-color-error-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe8aa7",
"value_dark": "#8a033e"
},
{
"token": "--slds-g-color-error-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fdb6c5",
"value_dark": "#61022a"
},
{
"token": "--slds-g-color-error-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fddde3",
"value_dark": "#370114"
},
{
"token": "--slds-g-color-error-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fef0f3",
"value_dark": "#0f0003"
},
{
"token": "--slds-g-color-error-container-1",
"category": "color",
"external": true,
"description": "Container background fill for error components such as toast or alerts. Always pair with on-error-1.",
"properties": [
"background",
"background-color"
],
"value": "#fddde3",
"value_dark": "#8a033e"
},
{
"token": "--slds-g-color-error-container-2",
"category": "color",
"external": true,
"description": "Container background fill for error components such as destructive buttons. Always pair with on-error-2.",
"properties": [
"background",
"background-color"
],
"value": "#fdb6c5",
"value_dark": "#b60554"
},
{
"token": "--slds-g-color-info-1",
"category": "color",
"external": true,
"description": "Step 1 in the Info scale for colors that define the info colors.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#0b5cab",
"value_dark": "#78b0fd"
},
{
"token": "--slds-g-color-info-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001639",
"value_dark": "#d8e6fe"
},
{
"token": "--slds-g-color-info-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-info-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#03234d",
"value_dark": "#c2d8ff"
},
{
"token": "--slds-g-color-info-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#032d60",
"value_dark": "#aacbff"
},
{
"token": "--slds-g-color-info-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#014486",
"value_dark": "#78b0fd"
},
{
"token": "--slds-g-color-info-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0b5cab",
"value_dark": "#1b96ff"
},
{
"token": "--slds-g-color-info-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0176d3"
},
{
"token": "--slds-g-color-info-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#1b96ff",
"value_dark": "#0b5cab"
},
{
"token": "--slds-g-color-info-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#57a3fd",
"value_dark": "#044f98"
},
{
"token": "--slds-g-color-info-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#78b0fd",
"value_dark": "#014486"
},
{
"token": "--slds-g-color-info-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#aacbff",
"value_dark": "#032d60"
},
{
"token": "--slds-g-color-info-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d8e6fe",
"value_dark": "#001639"
},
{
"token": "--slds-g-color-info-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#eef4ff",
"value_dark": "#000310"
},
{
"token": "--slds-g-color-info-container-1",
"category": "color",
"external": true,
"description": "Step 1 in the Info Container scale for colors that define the info containers.",
"properties": [
"background",
"background-color"
],
"value": "#d8e6fe",
"value_dark": "#014486"
},
{
"token": "--slds-g-color-neutral-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#181818",
"value_dark": "#e5e5e5"
},
{
"token": "--slds-g-color-neutral-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-neutral-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#242424",
"value_dark": "#d7d7d7"
},
{
"token": "--slds-g-color-neutral-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2e2e2e",
"value_dark": "#c9c9c9"
},
{
"token": "--slds-g-color-neutral-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#444",
"value_dark": "#aeaeae"
},
{
"token": "--slds-g-color-neutral-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5c5c5c",
"value_dark": "#939393"
},
{
"token": "--slds-g-color-neutral-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#757575"
},
{
"token": "--slds-g-color-neutral-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#939393",
"value_dark": "#5c5c5c"
},
{
"token": "--slds-g-color-neutral-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a0a0a0",
"value_dark": "#515151"
},
{
"token": "--slds-g-color-neutral-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#aeaeae",
"value_dark": "#444"
},
{
"token": "--slds-g-color-neutral-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#c9c9c9",
"value_dark": "#2e2e2e"
},
{
"token": "--slds-g-color-neutral-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e5e5e5",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-neutral-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f3f3f3",
"value_dark": "#020202"
},
{
"token": "--slds-g-color-on-accent-1",
"category": "color",
"external": true,
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-1.",
"properties": [
"color",
"fill"
],
"value": "#fff"
},
{
"token": "--slds-g-color-on-accent-2",
"category": "color",
"external": true,
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-2.",
"properties": [
"color",
"fill"
],
"value": "#fff",
"value_dark": "#0250d9"
},
{
"token": "--slds-g-color-on-accent-3",
"category": "color",
"external": true,
"description": "Text and icon fill color displayed on branded containers. Always pair with on-accent-container-3.",
"properties": [
"color",
"fill"
],
"value": "#fff",
"value_dark": "#022ac0"
},
{
"token": "--slds-g-color-on-disabled-1",
"category": "color",
"external": true,
"description": "Fill color for text and icons displayed within disabled-container-1 (netural-100). Always pair with disabled-container-1.",
"properties": [
"color",
"fill"
],
"value": "#757575"
},
{
"token": "--slds-g-color-on-disabled-2",
"category": "color",
"external": true,
"description": "Fill color for text and icons displayed within disabled-container-2 (neutral-80). Always pair with disabled-container-2.",
"properties": [
"color",
"fill"
],
"value": "#757575",
"value_dark": "#939393"
},
{
"token": "--slds-g-color-on-error-1",
"category": "color",
"external": true,
"description": "Fill color for text and icons displayed within an error container. Always pair with error-container-1.",
"properties": [
"color",
"fill"
],
"value": "#b60554",
"value_dark": "#fddde3"
},
{
"token": "--slds-g-color-on-error-2",
"category": "color",
"external": true,
"description": "Fill color for text and icons displayed within an error container. Always pair with error-container-2.",
"properties": [
"color",
"fill"
],
"value": "#8a033e",
"value_dark": "#fef0f3"
},
{
"token": "--slds-g-color-on-info-1",
"category": "color",
"external": true,
"description": "Step 1 in the On Info scale for colors that define the on info colors.",
"properties": [
"color",
"fill"
],
"value": "#0b5cab",
"value_dark": "#d8e6fe"
},
{
"token": "--slds-g-color-on-success-1",
"category": "color",
"external": true,
"description": "Step 1 in the On Success scale for colors that define the on success colors.",
"properties": [
"color",
"fill"
],
"value": "#056764",
"value_dark": "#acf3e4"
},
{
"token": "--slds-g-color-on-success-2",
"category": "color",
"external": true,
"description": "Step 2 in the On Success scale for colors that define the on success colors.",
"properties": [
"color",
"fill"
],
"value": "#023434",
"value_dark": "#04e1cb"
},
{
"token": "--slds-g-color-on-surface-1",
"category": "color",
"external": true,
"description": "Lightest text and icon fill. Used for body text, placeholder text, field labels, sub-headings, and taglines.",
"properties": [
"color",
"fill"
],
"value": "#5c5c5c",
"value_dark": "#aeaeae"
},
{
"token": "--slds-g-color-on-surface-2",
"category": "color",
"external": true,
"description": "Darker text and icon fills used for secondary and tertiary headings, dark body copy, and filled input fields.",
"properties": [
"color",
"fill"
],
"value": "#2e2e2e",
"value_dark": "#e5e5e5"
},
{
"token": "--slds-g-color-on-surface-3",
"category": "color",
"external": true,
"description": "Darkest text and icon fill used for title and pages or components.",
"properties": [
"color",
"fill"
],
"value": "#03234d",
"value_dark": "#d8e6fe"
},
{
"token": "--slds-g-color-on-surface-inverse-1",
"category": "color",
"external": true,
"description": "Lightest text and icon fill on dark backgrounds. Always pair with surface-inverse-1 or surface-container-inverse-1.",
"properties": [
"color",
"fill"
],
"value": "#fff",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-on-surface-inverse-2",
"category": "color",
"external": true,
"description": "Darker text and icon fill on dark backgrounds (50 to 100). Always pair with surface-inverse-2 or surface-container-inverse-2.",
"properties": [
"color",
"fill"
],
"value": "#a8cbff",
"value_dark": "#002775"
},
{
"token": "--slds-g-color-on-warning-1",
"category": "color",
"external": true,
"description": "Step 1 in the On Warning scale.",
"properties": [
"color",
"fill"
],
"value": "#8c4b02",
"value_dark": "#f9e3b6"
},
{
"token": "--slds-g-color-palette-blue-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001639",
"value_dark": "#d8e6fe"
},
{
"token": "--slds-g-color-palette-blue-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#03234d",
"value_dark": "#c2d8ff"
},
{
"token": "--slds-g-color-palette-blue-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#032d60",
"value_dark": "#aacbff"
},
{
"token": "--slds-g-color-palette-blue-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#014486",
"value_dark": "#78b0fd"
},
{
"token": "--slds-g-color-palette-blue-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0b5cab",
"value_dark": "#1b96ff"
},
{
"token": "--slds-g-color-palette-blue-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0176d3"
},
{
"token": "--slds-g-color-palette-blue-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#1b96ff",
"value_dark": "#0b5cab"
},
{
"token": "--slds-g-color-palette-blue-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#57a3fd",
"value_dark": "#044f98"
},
{
"token": "--slds-g-color-palette-blue-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#78b0fd",
"value_dark": "#014486"
},
{
"token": "--slds-g-color-palette-blue-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#aacbff",
"value_dark": "#032d60"
},
{
"token": "--slds-g-color-palette-blue-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d8e6fe",
"value_dark": "#001639"
},
{
"token": "--slds-g-color-palette-blue-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#eef4ff",
"value_dark": "#000310"
},
{
"token": "--slds-g-color-palette-cloud-blue-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001a28",
"value_dark": "#cfe9fe"
},
{
"token": "--slds-g-color-palette-cloud-blue-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0a2636",
"value_dark": "#aeddfe"
},
{
"token": "--slds-g-color-palette-cloud-blue-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#023248",
"value_dark": "#90d0fe"
},
{
"token": "--slds-g-color-palette-cloud-blue-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#084968",
"value_dark": "#1ab9ff"
},
{
"token": "--slds-g-color-palette-cloud-blue-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#05628a",
"value_dark": "#0d9dda"
},
{
"token": "--slds-g-color-palette-cloud-blue-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#107cad"
},
{
"token": "--slds-g-color-palette-cloud-blue-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0d9dda",
"value_dark": "#05628a"
},
{
"token": "--slds-g-color-palette-cloud-blue-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#08abed",
"value_dark": "#075579"
},
{
"token": "--slds-g-color-palette-cloud-blue-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#1ab9ff",
"value_dark": "#084968"
},
{
"token": "--slds-g-color-palette-cloud-blue-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#90d0fe",
"value_dark": "#023248"
},
{
"token": "--slds-g-color-palette-cloud-blue-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#cfe9fe",
"value_dark": "#001a28"
},
{
"token": "--slds-g-color-palette-cloud-blue-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#eaf5fe",
"value_dark": "#000409"
},
{
"token": "--slds-g-color-palette-electric-blue-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001642",
"value_dark": "#d6e6ff"
},
{
"token": "--slds-g-color-palette-electric-blue-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001e5b",
"value_dark": "#c2daff"
},
{
"token": "--slds-g-color-palette-electric-blue-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#002775",
"value_dark": "#a8cbff"
},
{
"token": "--slds-g-color-palette-electric-blue-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#022ac0",
"value_dark": "#7cb1fe"
},
{
"token": "--slds-g-color-palette-electric-blue-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0250d9",
"value_dark": "#4992fe"
},
{
"token": "--slds-g-color-palette-electric-blue-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#066afe"
},
{
"token": "--slds-g-color-palette-electric-blue-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4992fe",
"value_dark": "#0250d9"
},
{
"token": "--slds-g-color-palette-electric-blue-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5f9ffe",
"value_dark": "#003ecd"
},
{
"token": "--slds-g-color-palette-electric-blue-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#7cb1fe",
"value_dark": "#022ac0"
},
{
"token": "--slds-g-color-palette-electric-blue-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a8cbff",
"value_dark": "#002775"
},
{
"token": "--slds-g-color-palette-electric-blue-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d6e6ff",
"value_dark": "#001642"
},
{
"token": "--slds-g-color-palette-electric-blue-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#edf4ff",
"value_dark": "#000314"
},
{
"token": "--slds-g-color-palette-green-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#071b12",
"value_dark": "#cdefc4"
},
{
"token": "--slds-g-color-palette-green-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0c2912",
"value_dark": "#aee4a9"
},
{
"token": "--slds-g-color-palette-green-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#143b25",
"value_dark": "#91db8b"
},
{
"token": "--slds-g-color-palette-green-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#194e31",
"value_dark": "#45c65a"
},
{
"token": "--slds-g-color-palette-green-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#396547",
"value_dark": "#3ba755"
},
{
"token": "--slds-g-color-palette-green-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2e844a"
},
{
"token": "--slds-g-color-palette-green-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#3ba755",
"value_dark": "#396547"
},
{
"token": "--slds-g-color-palette-green-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#41b658",
"value_dark": "#1e5c39"
},
{
"token": "--slds-g-color-palette-green-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#45c65a",
"value_dark": "#194e31"
},
{
"token": "--slds-g-color-palette-green-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#91db8b",
"value_dark": "#143b25"
},
{
"token": "--slds-g-color-palette-green-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#cdefc4",
"value_dark": "#071b12"
},
{
"token": "--slds-g-color-palette-green-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ebf7e6",
"value_dark": "#010502"
},
{
"token": "--slds-g-color-palette-hot-orange-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#281202",
"value_dark": "#ffded5"
},
{
"token": "--slds-g-color-palette-hot-orange-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#421604",
"value_dark": "#feccbd"
},
{
"token": "--slds-g-color-palette-hot-orange-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4a2413",
"value_dark": "#feb9a5"
},
{
"token": "--slds-g-color-palette-hot-orange-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#7e2600",
"value_dark": "#ff906e"
},
{
"token": "--slds-g-color-palette-hot-orange-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#aa3001",
"value_dark": "#ff5d2d"
},
{
"token": "--slds-g-color-palette-hot-orange-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d83a00"
},
{
"token": "--slds-g-color-palette-hot-orange-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ff5d2d",
"value_dark": "#aa3001"
},
{
"token": "--slds-g-color-palette-hot-orange-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ff784f",
"value_dark": "#942b00"
},
{
"token": "--slds-g-color-palette-hot-orange-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ff906e",
"value_dark": "#7e2600"
},
{
"token": "--slds-g-color-palette-hot-orange-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#feb9a5",
"value_dark": "#4a2413"
},
{
"token": "--slds-g-color-palette-hot-orange-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ffded5",
"value_dark": "#281202"
},
{
"token": "--slds-g-color-palette-hot-orange-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fef1ed",
"value_dark": "#090200"
},
{
"token": "--slds-g-color-palette-indigo-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#17094e",
"value_dark": "#e0e5f8"
},
{
"token": "--slds-g-color-palette-indigo-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#1f0974",
"value_dark": "#cfd4f7"
},
{
"token": "--slds-g-color-palette-indigo-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#270c92",
"value_dark": "#bec7f6"
},
{
"token": "--slds-g-color-palette-indigo-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2f2cb7",
"value_dark": "#9ea9f1"
},
{
"token": "--slds-g-color-palette-indigo-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#3a49da",
"value_dark": "#7f8ced"
},
{
"token": "--slds-g-color-palette-indigo-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5867e8"
},
{
"token": "--slds-g-color-palette-indigo-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#7f8ced",
"value_dark": "#3a49da"
},
{
"token": "--slds-g-color-palette-indigo-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8e9bef",
"value_dark": "#343bc8"
},
{
"token": "--slds-g-color-palette-indigo-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#9ea9f1",
"value_dark": "#2f2cb7"
},
{
"token": "--slds-g-color-palette-indigo-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#bec7f6",
"value_dark": "#270c92"
},
{
"token": "--slds-g-color-palette-indigo-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e0e5f8",
"value_dark": "#17094e"
},
{
"token": "--slds-g-color-palette-indigo-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f1f3fb",
"value_dark": "#060116"
},
{
"token": "--slds-g-color-palette-neutral-0",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#000",
"value_dark": "#fff"
},
{
"token": "--slds-g-color-palette-neutral-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#181818",
"value_dark": "#e5e5e5"
},
{
"token": "--slds-g-color-palette-neutral-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-palette-neutral-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#242424",
"value_dark": "#d7d7d7"
},
{
"token": "--slds-g-color-palette-neutral-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2e2e2e",
"value_dark": "#c9c9c9"
},
{
"token": "--slds-g-color-palette-neutral-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#444",
"value_dark": "#aeaeae"
},
{
"token": "--slds-g-color-palette-neutral-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5c5c5c",
"value_dark": "#939393"
},
{
"token": "--slds-g-color-palette-neutral-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#757575"
},
{
"token": "--slds-g-color-palette-neutral-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#939393",
"value_dark": "#5c5c5c"
},
{
"token": "--slds-g-color-palette-neutral-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a0a0a0",
"value_dark": "#515151"
},
{
"token": "--slds-g-color-palette-neutral-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#aeaeae",
"value_dark": "#444"
},
{
"token": "--slds-g-color-palette-neutral-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#c9c9c9",
"value_dark": "#2e2e2e"
},
{
"token": "--slds-g-color-palette-neutral-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e5e5e5",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-palette-neutral-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f3f3f3",
"value_dark": "#020202"
},
{
"token": "--slds-g-color-palette-orange-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#201600",
"value_dark": "#fedfd0"
},
{
"token": "--slds-g-color-palette-orange-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2e2204",
"value_dark": "#ffccad"
},
{
"token": "--slds-g-color-palette-orange-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#3e2b02",
"value_dark": "#ffba90"
},
{
"token": "--slds-g-color-palette-orange-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5f3e02",
"value_dark": "#fe9339"
},
{
"token": "--slds-g-color-palette-orange-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#825101",
"value_dark": "#dd7a01"
},
{
"token": "--slds-g-color-palette-orange-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a96404"
},
{
"token": "--slds-g-color-palette-orange-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#dd7a01",
"value_dark": "#825101"
},
{
"token": "--slds-g-color-palette-orange-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f38303",
"value_dark": "#704801"
},
{
"token": "--slds-g-color-palette-orange-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe9339",
"value_dark": "#5f3e02"
},
{
"token": "--slds-g-color-palette-orange-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ffba90",
"value_dark": "#3e2b02"
},
{
"token": "--slds-g-color-palette-orange-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fedfd0",
"value_dark": "#201600"
},
{
"token": "--slds-g-color-palette-orange-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff1ea",
"value_dark": "#060300"
},
{
"token": "--slds-g-color-palette-pink-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#370114",
"value_dark": "#fddde3"
},
{
"token": "--slds-g-color-palette-pink-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4b0620",
"value_dark": "#fec8d4"
},
{
"token": "--slds-g-color-palette-pink-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#61022a",
"value_dark": "#fdb6c5"
},
{
"token": "--slds-g-color-palette-pink-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8a033e",
"value_dark": "#fe8aa7"
},
{
"token": "--slds-g-color-palette-pink-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#b60554",
"value_dark": "#ff538a"
},
{
"token": "--slds-g-color-palette-pink-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e3066a"
},
{
"token": "--slds-g-color-palette-pink-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ff538a",
"value_dark": "#b60554"
},
{
"token": "--slds-g-color-palette-pink-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe7298",
"value_dark": "#a00449"
},
{
"token": "--slds-g-color-palette-pink-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe8aa7",
"value_dark": "#8a033e"
},
{
"token": "--slds-g-color-palette-pink-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fdb6c5",
"value_dark": "#61022a"
},
{
"token": "--slds-g-color-palette-pink-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fddde3",
"value_dark": "#370114"
},
{
"token": "--slds-g-color-palette-pink-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fef0f3",
"value_dark": "#0f0003"
},
{
"token": "--slds-g-color-palette-purple-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#240643",
"value_dark": "#ece1f9"
},
{
"token": "--slds-g-color-palette-purple-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#300b60",
"value_dark": "#e2d0f6"
},
{
"token": "--slds-g-color-palette-purple-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#401075",
"value_dark": "#d7bff2"
},
{
"token": "--slds-g-color-palette-purple-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#5a1ba9",
"value_dark": "#c29ef1"
},
{
"token": "--slds-g-color-palette-purple-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#7526e3",
"value_dark": "#ad7bee"
},
{
"token": "--slds-g-color-palette-purple-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#9050e9"
},
{
"token": "--slds-g-color-palette-purple-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ad7bee",
"value_dark": "#7526e3"
},
{
"token": "--slds-g-color-palette-purple-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#b78def",
"value_dark": "#681dc9"
},
{
"token": "--slds-g-color-palette-purple-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#c29ef1",
"value_dark": "#5a1ba9"
},
{
"token": "--slds-g-color-palette-purple-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d7bff2",
"value_dark": "#401075"
},
{
"token": "--slds-g-color-palette-purple-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ece1f9",
"value_dark": "#240643"
},
{
"token": "--slds-g-color-palette-purple-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f6f2fb",
"value_dark": "#070114"
},
{
"token": "--slds-g-color-palette-red-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#300c01",
"value_dark": "#feded8"
},
{
"token": "--slds-g-color-palette-red-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4a0c04",
"value_dark": "#ffc4b7"
},
{
"token": "--slds-g-color-palette-red-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#640103",
"value_dark": "#feb8ab"
},
{
"token": "--slds-g-color-palette-red-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8e030f",
"value_dark": "#fe8f7d"
},
{
"token": "--slds-g-color-palette-red-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ba0517",
"value_dark": "#fe5c4c"
},
{
"token": "--slds-g-color-palette-red-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ea001e"
},
{
"token": "--slds-g-color-palette-red-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe5c4c",
"value_dark": "#ba0517"
},
{
"token": "--slds-g-color-palette-red-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe7765",
"value_dark": "#a40413"
},
{
"token": "--slds-g-color-palette-red-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fe8f7d",
"value_dark": "#8e030f"
},
{
"token": "--slds-g-color-palette-red-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#feb8ab",
"value_dark": "#640103"
},
{
"token": "--slds-g-color-palette-red-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#feded8",
"value_dark": "#300c01"
},
{
"token": "--slds-g-color-palette-red-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fef1ee",
"value_dark": "#0c0200"
},
{
"token": "--slds-g-color-palette-teal-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#071b12",
"value_dark": "#acf3e4"
},
{
"token": "--slds-g-color-palette-teal-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#072825",
"value_dark": "#76ead9"
},
{
"token": "--slds-g-color-palette-teal-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#023434",
"value_dark": "#04e1cb"
},
{
"token": "--slds-g-color-palette-teal-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#024d4c",
"value_dark": "#01c3b3"
},
{
"token": "--slds-g-color-palette-teal-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#056764",
"value_dark": "#06a59a"
},
{
"token": "--slds-g-color-palette-teal-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0b827c"
},
{
"token": "--slds-g-color-palette-teal-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#06a59a",
"value_dark": "#056764"
},
{
"token": "--slds-g-color-palette-teal-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#03b4a7",
"value_dark": "#035a58"
},
{
"token": "--slds-g-color-palette-teal-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#01c3b3",
"value_dark": "#024d4c"
},
{
"token": "--slds-g-color-palette-teal-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#04e1cb",
"value_dark": "#023434"
},
{
"token": "--slds-g-color-palette-teal-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#acf3e4",
"value_dark": "#071b12"
},
{
"token": "--slds-g-color-palette-teal-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#def9f3",
"value_dark": "#010502"
},
{
"token": "--slds-g-color-palette-violet-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#2e0039",
"value_dark": "#f2defe"
},
{
"token": "--slds-g-color-palette-violet-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#3d0157",
"value_dark": "#eccdfe"
},
{
"token": "--slds-g-color-palette-violet-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#580276",
"value_dark": "#e5b9fe"
},
{
"token": "--slds-g-color-palette-violet-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#730394",
"value_dark": "#d892fe"
},
{
"token": "--slds-g-color-palette-violet-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#9602c7",
"value_dark": "#cb65ff"
},
{
"token": "--slds-g-color-palette-violet-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ba01ff"
},
{
"token": "--slds-g-color-palette-violet-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#cb65ff",
"value_dark": "#9602c7"
},
{
"token": "--slds-g-color-palette-violet-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d17dfe",
"value_dark": "#8402ad"
},
{
"token": "--slds-g-color-palette-violet-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d892fe",
"value_dark": "#730394"
},
{
"token": "--slds-g-color-palette-violet-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e5b9fe",
"value_dark": "#580276"
},
{
"token": "--slds-g-color-palette-violet-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f2defe",
"value_dark": "#2e0039"
},
{
"token": "--slds-g-color-palette-violet-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f9f0ff",
"value_dark": "#060300"
},
{
"token": "--slds-g-color-palette-yellow-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#281202",
"value_dark": "#f9e3b6"
},
{
"token": "--slds-g-color-palette-yellow-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#371e03",
"value_dark": "#f8d462"
},
{
"token": "--slds-g-color-palette-yellow-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4f2100",
"value_dark": "#fcc003"
},
{
"token": "--slds-g-color-palette-yellow-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#6f3400",
"value_dark": "#e4a201"
},
{
"token": "--slds-g-color-palette-yellow-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8c4b02",
"value_dark": "#ca8501"
},
{
"token": "--slds-g-color-palette-yellow-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a96504"
},
{
"token": "--slds-g-color-palette-yellow-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ca8501",
"value_dark": "#8c4b02"
},
{
"token": "--slds-g-color-palette-yellow-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#da9401",
"value_dark": "#824308"
},
{
"token": "--slds-g-color-palette-yellow-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e4a201",
"value_dark": "#6f3400"
},
{
"token": "--slds-g-color-palette-yellow-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fcc003",
"value_dark": "#4f2100"
},
{
"token": "--slds-g-color-palette-yellow-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f9e3b6",
"value_dark": "#281202"
},
{
"token": "--slds-g-color-palette-yellow-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fbf3e0",
"value_dark": "#090200"
},
{
"token": "--slds-g-color-success-1",
"category": "color",
"external": true,
"description": "Color Success 1.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#056764",
"value_dark": "#01c3b3"
},
{
"token": "--slds-g-color-success-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#071b12",
"value_dark": "#acf3e4"
},
{
"token": "--slds-g-color-success-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-success-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#072825",
"value_dark": "#76ead9"
},
{
"token": "--slds-g-color-success-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#023434",
"value_dark": "#04e1cb"
},
{
"token": "--slds-g-color-success-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#024d4c",
"value_dark": "#01c3b3"
},
{
"token": "--slds-g-color-success-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#056764",
"value_dark": "#06a59a"
},
{
"token": "--slds-g-color-success-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0b827c"
},
{
"token": "--slds-g-color-success-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#06a59a",
"value_dark": "#056764"
},
{
"token": "--slds-g-color-success-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#03b4a7",
"value_dark": "#035a58"
},
{
"token": "--slds-g-color-success-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#01c3b3",
"value_dark": "#024d4c"
},
{
"token": "--slds-g-color-success-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#04e1cb",
"value_dark": "#023434"
},
{
"token": "--slds-g-color-success-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#acf3e4",
"value_dark": "#071b12"
},
{
"token": "--slds-g-color-success-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#def9f3",
"value_dark": "#010502"
},
{
"token": "--slds-g-color-success-container-1",
"category": "color",
"external": true,
"description": "Color Success Container 1.",
"properties": [
"background",
"background-color"
],
"value": "#acf3e4",
"value_dark": "#024d4c"
},
{
"token": "--slds-g-color-success-container-2",
"category": "color",
"external": true,
"description": "Color Success Container 2.",
"properties": [
"background",
"background-color"
],
"value": "#04e1cb",
"value_dark": "#056764"
},
{
"token": "--slds-g-color-surface-1",
"category": "color",
"external": true,
"description": "Color surface used for page backgrounds.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#fff",
"value_dark": "#242424"
},
{
"token": "--slds-g-color-surface-2",
"category": "color",
"external": true,
"description": "Color surface used for darker page backgrounds.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#f3f3f3",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-surface-3",
"category": "color",
"external": true,
"description": "Color surface used for containers.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#f3f3f3",
"value_dark": "#2e2e2e"
},
{
"token": "--slds-g-color-surface-container-1",
"category": "color",
"external": true,
"description": "Default container background fill for components such as cards and modals.",
"properties": [
"background",
"background-color"
],
"value": "#fff",
"value_dark": "#242424"
},
{
"token": "--slds-g-color-surface-container-2",
"category": "color",
"external": true,
"description": "Darker color for container background fill for components.",
"properties": [
"background",
"background-color"
],
"value": "#f3f3f3",
"value_dark": "#181818"
},
{
"token": "--slds-g-color-surface-container-3",
"category": "color",
"external": true,
"description": "Darkest color for container background fill for components.",
"properties": [
"background",
"background-color"
],
"value": "#e5e5e5",
"value_dark": "#2e2e2e"
},
{
"token": "--slds-g-color-surface-container-inverse-1",
"category": "color",
"external": true,
"description": "Inverse color container background fill for components. Always pair with on-surface-inverse-1.",
"properties": [
"background",
"background-color"
],
"value": "#032d60",
"value_dark": "#aacbff"
},
{
"token": "--slds-g-color-surface-container-inverse-2",
"category": "color",
"external": true,
"description": "Inverse darker color container background fill for components. Always pair with on-surface-inverse-2.",
"properties": [
"background",
"background-color"
],
"value": "#03234d",
"value_dark": "#78b0fd"
},
{
"token": "--slds-g-color-surface-inverse-1",
"category": "color",
"external": true,
"description": "Inverse page background. Always pair with on-surface-inverse-1.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#032d60",
"value_dark": "#aacbff"
},
{
"token": "--slds-g-color-surface-inverse-2",
"category": "color",
"external": true,
"description": "Darker inverse page background. Always pair with on-surface-inverse-2.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#03234d",
"value_dark": "#d8e6fe"
},
{
"token": "--slds-g-color-warning-1",
"category": "color",
"external": true,
"description": "Color Warning 1.",
"properties": [
"background",
"background-color",
"fill",
"color"
],
"value": "#8c4b02",
"value_dark": "#e4a201"
},
{
"token": "--slds-g-color-warning-base-10",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#281202",
"value_dark": "#f9e3b6"
},
{
"token": "--slds-g-color-warning-base-100",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fff",
"value_dark": "#000"
},
{
"token": "--slds-g-color-warning-base-15",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#371e03",
"value_dark": "#f8d462"
},
{
"token": "--slds-g-color-warning-base-20",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#4f2100",
"value_dark": "#fcc003"
},
{
"token": "--slds-g-color-warning-base-30",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#6f3400",
"value_dark": "#e4a201"
},
{
"token": "--slds-g-color-warning-base-40",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#8c4b02",
"value_dark": "#ca8501"
},
{
"token": "--slds-g-color-warning-base-50",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#a96504"
},
{
"token": "--slds-g-color-warning-base-60",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ca8501",
"value_dark": "#8c4b02"
},
{
"token": "--slds-g-color-warning-base-65",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#da9401",
"value_dark": "#824308"
},
{
"token": "--slds-g-color-warning-base-70",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#e4a201",
"value_dark": "#6f3400"
},
{
"token": "--slds-g-color-warning-base-80",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fcc003",
"value_dark": "#4f2100"
},
{
"token": "--slds-g-color-warning-base-90",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f9e3b6",
"value_dark": "#281202"
},
{
"token": "--slds-g-color-warning-base-95",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#fbf3e0",
"value_dark": "#090200"
},
{
"token": "--slds-g-color-warning-container-1",
"category": "color",
"external": true,
"description": "Color Warning Container 1.",
"properties": [
"background",
"background-color"
],
"value": "#f9e3b6",
"value_dark": "#6f3400"
},
{
"token": "--slds-g-font-lineheight-1",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1"
},
{
"token": "--slds-g-font-lineheight-2",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.25"
},
{
"token": "--slds-g-font-lineheight-3",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.375"
},
{
"token": "--slds-g-font-lineheight-4",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-lineheight-5",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.75"
},
{
"token": "--slds-g-font-lineheight-6",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "2"
},
{
"token": "--slds-g-font-lineheight-base",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-lineheight-var-base",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-scale-1",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.875rem"
},
{
"token": "--slds-g-font-scale-10",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-2",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1rem"
},
{
"token": "--slds-g-font-scale-3",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.25rem"
},
{
"token": "--slds-g-font-scale-4",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.5rem"
},
{
"token": "--slds-g-font-scale-5",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.75rem"
},
{
"token": "--slds-g-font-scale-6",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "2rem"
},
{
"token": "--slds-g-font-scale-7",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "2.5rem"
},
{
"token": "--slds-g-font-scale-8",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-9",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-neg-1",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.75rem"
},
{
"token": "--slds-g-font-scale-neg-2",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-scale-neg-3",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-scale-neg-4",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-scale-ratio",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.15"
},
{
"token": "--slds-g-font-scale-var-1",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.875rem"
},
{
"token": "--slds-g-font-scale-var-10",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-var-2",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1rem"
},
{
"token": "--slds-g-font-scale-var-3",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.25rem"
},
{
"token": "--slds-g-font-scale-var-4",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.5rem"
},
{
"token": "--slds-g-font-scale-var-5",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "1.75rem"
},
{
"token": "--slds-g-font-scale-var-6",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "2rem"
},
{
"token": "--slds-g-font-scale-var-7",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "2.5rem"
},
{
"token": "--slds-g-font-scale-var-8",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-var-9",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3rem"
},
{
"token": "--slds-g-font-scale-var-neg-1",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.75rem"
},
{
"token": "--slds-g-font-scale-var-neg-2",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-scale-var-neg-3",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-scale-var-neg-4",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.625rem"
},
{
"token": "--slds-g-font-size-base",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.8125rem"
},
{
"token": "--slds-g-font-weight-1",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "100"
},
{
"token": "--slds-g-font-weight-2",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "200"
},
{
"token": "--slds-g-font-weight-3",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "300"
},
{
"token": "--slds-g-font-weight-4",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "400"
},
{
"token": "--slds-g-font-weight-5",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "500"
},
{
"token": "--slds-g-font-weight-6",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "600"
},
{
"token": "--slds-g-font-weight-7",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "700"
},
{
"token": "--slds-g-font-weight-bold",
"category": "font",
"external": true,
"properties": [
"font-weight"
],
"value": "bold"
},
{
"token": "--slds-g-font-family",
"category": "fontFamily",
"external": true,
"properties": [
"font-family"
],
"value": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
},
{
"token": "--slds-g-font-family-base",
"category": "fontFamily",
"external": true,
"properties": [
"font-family"
],
"value": "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"
},
{
"token": "--slds-g-font-family-monospace",
"category": "fontFamily",
"external": true,
"properties": [
"font-family"
],
"value": "Consolas, Menlo, Monaco, Courier, monospace"
},
{
"token": "--slds-g-radius-border-1",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "0.25rem"
},
{
"token": "--slds-g-radius-border-2",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "0.5rem"
},
{
"token": "--slds-g-radius-border-3",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "0.75rem"
},
{
"token": "--slds-g-radius-border-4",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "1.25rem"
},
{
"token": "--slds-g-radius-border-circle",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "100%"
},
{
"token": "--slds-g-radius-border-pill",
"category": "radius",
"external": true,
"properties": [
"border-radius"
],
"value": "15rem"
},
{
"token": "--slds-g-ratio-landscape",
"category": "ratio",
"external": true,
"properties": [
"aspect-ratio"
],
"value": "4/3"
},
{
"token": "--slds-g-ratio-portrait",
"category": "ratio",
"external": true,
"properties": [
"aspect-ratio"
],
"value": "3/4"
},
{
"token": "--slds-g-ratio-square",
"category": "ratio",
"external": true,
"properties": [
"aspect-ratio"
],
"value": "1"
},
{
"token": "--slds-g-ratio-ultrawide",
"category": "ratio",
"external": true,
"properties": [
"aspect-ratio"
],
"value": "18/5"
},
{
"token": "--slds-g-ratio-wide",
"category": "ratio",
"external": true,
"properties": [
"aspect-ratio"
],
"value": "16/9"
},
{
"token": "--slds-g-shadow-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 0px 2px 2px 0px #0000002e, 0px -1px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 0px 2px 2px 0px #0000005c, 0px -1px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 0px 3px 3px 0px #00000029, 0px -1px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 0px 3px 3px 0px #00000052, 0px -1px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 0px 5px 5px 0px #00000024, 0px -1px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 0px 5px 5px 0px #00000047, 0px -1px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px 7px 7px 0px #0000001f, 0px -1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px 7px 7px 0px #0000003d, 0px -1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-5",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px 7px 7px 0px #0000001f, 0px -1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px 7px 7px 0px #0000003d, 0px -1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-6",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px 7px 7px 0px #0000001f, 0px -1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px 7px 7px 0px #0000003d, 0px -1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-blockend-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 0px 2px 2px 0px #0000002e, 0px -1px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 0px 2px 2px 0px #0000005c, 0px -1px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-blockend-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 0px 3px 3px 0px #00000029, 0px -1px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 0px 3px 3px 0px #00000052, 0px -1px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-blockend-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 0px 5px 5px 0px #00000024, 0px -1px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 0px 5px 5px 0px #00000047, 0px -1px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-blockend-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px 7px 7px 0px #0000001f, 0px -1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px 7px 7px 0px #0000003d, 0px -1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-blockstart-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 0px -2px 2px 0px #0000002e, 0px 1px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 0px -2px 2px 0px #0000005c, 0px 1px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-blockstart-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 0px -3px 3px 0px #00000029, 0px 1px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 0px -3px 3px 0px #00000052, 0px 1px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-blockstart-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 0px -5px 5px 0px #00000024, 0px 1px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 0px -5px 5px 0px #00000047, 0px 1px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-blockstart-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px -7px 7px 0px #0000001f, 0px 1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px -7px 7px 0px #0000003d, 0px 1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inlineend-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 2px 0px 2px 0px #0000002e, -1px 0 2px 0 #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 2px 0px 2px 0px #0000005c, -1px 0 2px 0 #00000033"
},
{
"token": "--slds-g-shadow-inlineend-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 3px 0px 3px 0px #00000029, -1px 0px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 3px 0px 3px 0px #00000052, -1px 0px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-inlineend-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 5px 0px 5px 0px #00000024, -1px 0px 3px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 5px 0px 5px 0px #00000047, -1px 0px 3px 0px #00000029"
},
{
"token": "--slds-g-shadow-inlineend-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 7px 0px 7px 0px #0000001f, -1px 0px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 7px 0px 7px 0px #0000003d, -1px 0px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inlinestart-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, -2px 0px 2px 0px #0000002e, 1px 0px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, -2px 0px 2px 0px #0000005c, 1px 0px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-inlinestart-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, -3px 0px 3px 0px #00000029, 1px 0px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, -3px 0px 3px 0px #00000052, 1px 0px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-inlinestart-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, -5px 0px 5px 0px #00000024, 1px 0px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, -5px 0px 5px 0px #00000047, 1px 0px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-inlinestart-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, -7px 0px 7px 0px #0000001f, 1px 0px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, -7px 0px 7px 0px #0000003d, 1px 0px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inset-focus-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset"
},
{
"token": "--slds-g-shadow-insetinverse-focus-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset"
},
{
"token": "--slds-g-shadow-inverse-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0 0 3px #f3f3f3"
},
{
"token": "--slds-g-shadow-outline-focus-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15)"
},
{
"token": "--slds-g-shadow-outset-focus-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 0px 2px var(--slds-g-color-neutral-base-100), 0px 0px 0px 4px var(--slds-g-color-brand-base-15)"
},
{
"token": "--slds-g-sizing-1",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "0.125rem"
},
{
"token": "--slds-g-sizing-10",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "3rem"
},
{
"token": "--slds-g-sizing-11",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "4rem"
},
{
"token": "--slds-g-sizing-12",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "5rem"
},
{
"token": "--slds-g-sizing-13",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "10rem"
},
{
"token": "--slds-g-sizing-14",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "15rem"
},
{
"token": "--slds-g-sizing-15",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "20rem"
},
{
"token": "--slds-g-sizing-16",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "30rem"
},
{
"token": "--slds-g-sizing-2",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "0.25rem"
},
{
"token": "--slds-g-sizing-3",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "0.5rem"
},
{
"token": "--slds-g-sizing-4",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "0.75rem"
},
{
"token": "--slds-g-sizing-5",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1rem"
},
{
"token": "--slds-g-sizing-6",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1.25rem"
},
{
"token": "--slds-g-sizing-7",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1.5rem"
},
{
"token": "--slds-g-sizing-8",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1.75rem"
},
{
"token": "--slds-g-sizing-9",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "2rem"
},
{
"token": "--slds-g-sizing-border-1",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1px"
},
{
"token": "--slds-g-sizing-border-2",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "2px"
},
{
"token": "--slds-g-sizing-border-3",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "3px"
},
{
"token": "--slds-g-sizing-border-4",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "4px"
},
{
"token": "--slds-g-sizing-content-1",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "20ch"
},
{
"token": "--slds-g-sizing-content-2",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "45ch"
},
{
"token": "--slds-g-sizing-content-3",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "60ch"
},
{
"token": "--slds-g-sizing-heading-1",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "20ch"
},
{
"token": "--slds-g-sizing-heading-2",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "25ch"
},
{
"token": "--slds-g-sizing-heading-3",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "35ch"
},
{
"token": "--slds-g-spacing-1",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.25rem"
},
{
"token": "--slds-g-spacing-10",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4rem"
},
{
"token": "--slds-g-spacing-11",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4.5rem"
},
{
"token": "--slds-g-spacing-12",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "5rem"
},
{
"token": "--slds-g-spacing-2",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.5rem"
},
{
"token": "--slds-g-spacing-3",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.75rem"
},
{
"token": "--slds-g-spacing-4",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1rem"
},
{
"token": "--slds-g-spacing-5",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1.5rem"
},
{
"token": "--slds-g-spacing-6",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2rem"
},
{
"token": "--slds-g-spacing-7",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2.5rem"
},
{
"token": "--slds-g-spacing-8",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3rem"
},
{
"token": "--slds-g-spacing-9",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3.5rem"
},
{
"token": "--slds-g-spacing-var-1",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.25rem"
},
{
"token": "--slds-g-spacing-var-10",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4rem"
},
{
"token": "--slds-g-spacing-var-11",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4.5rem"
},
{
"token": "--slds-g-spacing-var-12",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "5rem"
},
{
"token": "--slds-g-spacing-var-2",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.5rem"
},
{
"token": "--slds-g-spacing-var-3",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.75rem"
},
{
"token": "--slds-g-spacing-var-4",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1rem"
},
{
"token": "--slds-g-spacing-var-5",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1.5rem"
},
{
"token": "--slds-g-spacing-var-6",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2rem"
},
{
"token": "--slds-g-spacing-var-7",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2.5rem"
},
{
"token": "--slds-g-spacing-var-8",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3rem"
},
{
"token": "--slds-g-spacing-var-9",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3.5rem"
},
{
"token": "--slds-g-spacing-var-block-1",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.25rem"
},
{
"token": "--slds-g-spacing-var-block-10",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4rem"
},
{
"token": "--slds-g-spacing-var-block-11",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4.5rem"
},
{
"token": "--slds-g-spacing-var-block-12",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "5rem"
},
{
"token": "--slds-g-spacing-var-block-2",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.5rem"
},
{
"token": "--slds-g-spacing-var-block-3",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.75rem"
},
{
"token": "--slds-g-spacing-var-block-4",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1rem"
},
{
"token": "--slds-g-spacing-var-block-5",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1.5rem"
},
{
"token": "--slds-g-spacing-var-block-6",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2rem"
},
{
"token": "--slds-g-spacing-var-block-7",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2.5rem"
},
{
"token": "--slds-g-spacing-var-block-8",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3rem"
},
{
"token": "--slds-g-spacing-var-block-9",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3.5rem"
},
{
"token": "--slds-g-spacing-var-inline-1",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.25rem"
},
{
"token": "--slds-g-spacing-var-inline-10",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4rem"
},
{
"token": "--slds-g-spacing-var-inline-11",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "4.5rem"
},
{
"token": "--slds-g-spacing-var-inline-12",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "5rem"
},
{
"token": "--slds-g-spacing-var-inline-2",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.5rem"
},
{
"token": "--slds-g-spacing-var-inline-3",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "0.75rem"
},
{
"token": "--slds-g-spacing-var-inline-4",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1rem"
},
{
"token": "--slds-g-spacing-var-inline-5",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "1.5rem"
},
{
"token": "--slds-g-spacing-var-inline-6",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2rem"
},
{
"token": "--slds-g-spacing-var-inline-7",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "2.5rem"
},
{
"token": "--slds-g-spacing-var-inline-8",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3rem"
},
{
"token": "--slds-g-spacing-var-inline-9",
"category": "spacing",
"external": true,
"properties": [
"padding",
"margin",
"top",
"right",
"bottom",
"left"
],
"value": "3.5rem"
},
{
"token": "--slds-g-color-accent-dark-1",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#002775"
},
{
"token": "--slds-g-color-accent-dark-2",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#001642"
},
{
"token": "--slds-g-color-accent-light-1",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#edf4ff"
},
{
"token": "--slds-g-color-accent-light-2",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#d6e6ff"
},
{
"token": "--slds-g-color-brand-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "var(--slds-r-color-brand-45)",
"value_dark": "var(--slds-r-color-brand-55)"
},
{
"token": "--slds-g-color-brand-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "var(--slds-r-color-brand-55)",
"value_dark": "var(--slds-r-color-brand-45)"
},
{
"token": "--slds-g-color-error-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ce055f",
"value_dark": "#f42f7c"
},
{
"token": "--slds-g-color-error-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#f42f7c",
"value_dark": "#ce055f"
},
{
"token": "--slds-g-color-info-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0469c1",
"value_dark": "#0684ef"
},
{
"token": "--slds-g-color-info-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#0684ef",
"value_dark": "#0469c1"
},
{
"token": "--slds-g-color-neutral-base-0",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#000",
"value_dark": "#fff"
},
{
"token": "--slds-g-color-neutral-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#696969",
"value_dark": "#848484"
},
{
"token": "--slds-g-color-neutral-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#848484",
"value_dark": "#696969"
},
{
"token": "--slds-g-color-success-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#087570",
"value_dark": "#09948b"
},
{
"token": "--slds-g-color-success-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#09948b",
"value_dark": "#087570"
},
{
"token": "--slds-g-color-warning-base-45",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#9a5803",
"value_dark": "#ba7503"
},
{
"token": "--slds-g-color-warning-base-55",
"category": "color",
"external": true,
"properties": [
"background-color",
"color",
"border-color",
"fill"
],
"value": "#ba7503",
"value_dark": "#9a5803"
},
{
"token": "--slds-g-duration-immediately",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "0.05s"
},
{
"token": "--slds-g-duration-instantly",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "0s"
},
{
"token": "--slds-g-duration-paused",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "3.2s"
},
{
"token": "--slds-g-duration-promptly",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "0.2s"
},
{
"token": "--slds-g-duration-quickly",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "0.1s"
},
{
"token": "--slds-g-duration-slowly",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "0.4s"
},
{
"token": "--slds-g-duration-toast-medium",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "9.6s"
},
{
"token": "--slds-g-duration-toast-short",
"category": "duration",
"external": true,
"properties": [
"animation*",
"transition*"
],
"value": "4.8s"
},
{
"token": "--slds-g-font-line-clamp",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "3"
},
{
"token": "--slds-g-font-line-height-1",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1"
},
{
"token": "--slds-g-font-line-height-2",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.25"
},
{
"token": "--slds-g-font-line-height-3",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.375"
},
{
"token": "--slds-g-font-line-height-4",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-line-height-5",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.75"
},
{
"token": "--slds-g-font-line-height-6",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "2"
},
{
"token": "--slds-g-font-line-height-base",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-line-height-var-base",
"category": "font",
"external": true,
"properties": [
"line-height"
],
"value": "1.5"
},
{
"token": "--slds-g-font-scale-base",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.8125rem"
},
{
"token": "--slds-g-font-scale-var-base",
"category": "font",
"external": true,
"properties": [
"font-size"
],
"value": "0.8125rem"
},
{
"token": "--slds-g-shadow-block-end-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 0px 2px 2px 0px #0000002e, 0px -1px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 0px 2px 2px 0px #0000005c, 0px -1px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-block-end-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 0px 3px 3px 0px #00000029, 0px -1px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 0px 3px 3px 0px #00000052, 0px -1px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-block-end-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 0px 5px 5px 0px #00000024, 0px -1px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 0px 5px 5px 0px #00000047, 0px -1px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-block-end-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px 7px 7px 0px #0000001f, 0px -1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px 7px 7px 0px #0000003d, 0px -1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-block-start-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 0px -2px 2px 0px #0000002e, 0px 1px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 0px -2px 2px 0px #0000005c, 0px 1px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-block-start-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 0px -3px 3px 0px #00000029, 0px 1px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 0px -3px 3px 0px #00000052, 0px 1px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-block-start-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 0px -5px 5px 0px #00000024, 0px 1px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 0px -5px 5px 0px #00000047, 0px 1px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-block-start-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 0px -7px 7px 0px #0000001f, 0px 1px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 0px -7px 7px 0px #0000003d, 0px 1px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inline-end-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, 2px 0px 2px 0px #0000002e, -1px 0 2px 0 #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, 2px 0px 2px 0px #0000005c, -1px 0 2px 0 #00000033"
},
{
"token": "--slds-g-shadow-inline-end-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, 3px 0px 3px 0px #00000029, -1px 0px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, 3px 0px 3px 0px #00000052, -1px 0px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-inline-end-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, 5px 0px 5px 0px #00000024, -1px 0px 3px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, 5px 0px 5px 0px #00000047, -1px 0px 3px 0px #00000029"
},
{
"token": "--slds-g-shadow-inline-end-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, 7px 0px 7px 0px #0000001f, -1px 0px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, 7px 0px 7px 0px #0000003d, -1px 0px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inline-start-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 2px 0px #0000002e, -2px 0px 2px 0px #0000002e, 1px 0px 2px 0px #0000001a",
"value_dark": "0px 0px 2px 0px #0000005c, -2px 0px 2px 0px #0000005c, 1px 0px 2px 0px #00000033"
},
{
"token": "--slds-g-shadow-inline-start-2",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 5px 0px #00000029, -3px 0px 3px 0px #00000029, 1px 0px 2px 0px #00000017",
"value_dark": "0px 0px 5px 0px #00000052, -3px 0px 3px 0px #00000052, 1px 0px 2px 0px #0000002e"
},
{
"token": "--slds-g-shadow-inline-start-3",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 7px 0px #00000024, -5px 0px 5px 0px #00000024, 1px 0px 2px 0px #00000014",
"value_dark": "0px 0px 7px 0px #00000047, -5px 0px 5px 0px #00000047, 1px 0px 2px 0px #00000029"
},
{
"token": "--slds-g-shadow-inline-start-4",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 10px 0px #0000001f, -7px 0px 7px 0px #0000001f, 1px 0px 3px 0px #00000012",
"value_dark": "0px 0px 10px 0px #0000003d, -7px 0px 7px 0px #0000003d, 1px 0px 3px 0px #00000024"
},
{
"token": "--slds-g-shadow-inset-inverse-focus-1",
"category": "shadow",
"external": true,
"properties": [
"box-shadow"
],
"value": "0px 0px 0px 2px var(--slds-g-color-brand-base-15) inset, 0px 0px 0px 4px var(--slds-g-color-neutral-base-100) inset"
},
{
"token": "--slds-g-sizing-base",
"category": "sizing",
"external": true,
"properties": [
"border-width",
"width"
],
"value": "1rem"
}
]
}
Reference in New Issue View Git Blame Copy Permalink