@salesforce-ux/design-system/ui.aura-tokens.json

Salesforce Lightning Design System

{"colorBackgroundRowActive":{"scope":"global","category":"background-color","comment":"Used as the background color for the active state on rows or items on list-like components.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#ecebea","auraToken":"colorBackgroundRowActive","sassToken":"$color-background-row-active","yamlToken":"COLOR_BACKGROUND_ROW_ACTIVE"},"colorBackgroundLight":{"scope":"global","category":"background-color","comment":"Light variant of COLOR_BACKGROUND.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FFFFFF","auraToken":"colorBackgroundLight","sassToken":"$color-background-light","yamlToken":"COLOR_BACKGROUND_LIGHT"},"colorBackgroundRowHover":{"scope":"global","category":"background-color","comment":"Used as the background color for the hover state on rows or items on list-like components.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#f3f2f2","auraToken":"colorBackgroundRowHover","sassToken":"$color-background-row-hover","yamlToken":"COLOR_BACKGROUND_ROW_HOVER"},"colorBackgroundErrorDark":{"scope":"global","category":"background-color","comment":"Dark color for UI elements related to errors. Accessible with white text.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#C23934","auraToken":"colorBackgroundErrorDark","sassToken":"$color-background-error-dark","yamlToken":"COLOR_BACKGROUND_ERROR_DARK"},"colorBackgroundInfo":{"scope":"global","category":"background-color","comment":"Background color for UI elements related to providing neutral information (not error, success, or warning).","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#706e6b","auraToken":"colorBackgroundInfo","sassToken":"$color-background-info","yamlToken":"COLOR_BACKGROUND_INFO"},"colorBackgroundAltInverse":{"scope":"global","category":"background-color","comment":"Alternative background color for dark portions of the app.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#16325C","auraToken":"colorBackgroundAltInverse","sassToken":"$color-background-alt-inverse","yamlToken":"COLOR_BACKGROUND_ALT_INVERSE"},"colorBackgroundRowNew":{"scope":"global","category":"background-color","comment":"Used as the background color for the new state on rows or items on list-like components.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#D9FFDF","auraToken":"colorBackgroundRowNew","sassToken":"$color-background-row-new","yamlToken":"COLOR_BACKGROUND_ROW_NEW"},"colorBackgroundSuccessDark":{"scope":"global","category":"background-color","comment":"Dark color for UI elements that have to do with success. Accessible with white text.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#04844B","auraToken":"colorBackgroundSuccessDark","sassToken":"$color-background-success-dark","yamlToken":"COLOR_BACKGROUND_SUCCESS_DARK"},"colorBackgroundStencil":{"scope":"global","category":"background-color","comment":"Used as background for loading stencils on white background.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#f3f2f2","auraToken":"colorBackgroundStencil","sassToken":"$color-background-stencil","yamlToken":"COLOR_BACKGROUND_STENCIL"},"colorBackgroundWarning":{"scope":"global","category":"background-color","comment":"Color for UI elements that have to do with warning.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FFB75D","auraToken":"colorBackgroundWarning","sassToken":"$color-background-warning","yamlToken":"COLOR_BACKGROUND_WARNING"},"colorBackgroundHighlightSearch":{"scope":"global","category":"background-color","comment":"Background color for highlighting text in search results.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#fff03f","auraToken":"colorBackgroundHighlightSearch","sassToken":"$color-background-highlight-search","yamlToken":"COLOR_BACKGROUND_HIGHLIGHT_SEARCH"},"colorBackgroundDestructiveHover":{"scope":"global","category":"background-color","comment":"Hover color for UI elements related to destructive actions.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#A61A14","auraToken":"colorBackgroundDestructiveHover","sassToken":"$color-background-destructive-hover","yamlToken":"COLOR_BACKGROUND_DESTRUCTIVE_HOVER"},"colorBackground":{"scope":"global","category":"background-color","comment":"Default background color for the whole app.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#f3f2f2","auraToken":"colorBackground","sassToken":"$color-background","yamlToken":"COLOR_BACKGROUND"},"colorBrandDark":{"scope":"global","category":"background-color","comment":"Our product brand blue, darkened to meet accessibility color contrast ratios with white text.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#0070d2","auraToken":"colorBrandDark","sassToken":"$color-brand-dark","yamlToken":"COLOR_BRAND_DARK"},"colorBackgroundBackdrop":{"scope":"global","category":"background-color","comment":"The color of the mask overlay that appears when you enter a modal state.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"rgba(255, 255, 255, 0.75)","auraToken":"colorBackgroundBackdrop","sassToken":"$color-background-backdrop","yamlToken":"COLOR_BACKGROUND_BACKDROP"},"colorBackgroundDark":{"scope":"global","category":"background-color","comment":"Dark variant of COLOR_BACKGROUND.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#ecebea","auraToken":"colorBackgroundDark","sassToken":"$color-background-dark","yamlToken":"COLOR_BACKGROUND_DARK"},"colorBrand":{"scope":"global","category":"background-color","comment":"Our product brand blue.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#1589ee","auraToken":"colorBrand","sassToken":"$color-brand","yamlToken":"COLOR_BRAND"},"colorBackgroundDestructive":{"scope":"global","category":"background-color","comment":"Color for UI elements related to destructive actions.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#C23934","auraToken":"colorBackgroundDestructive","sassToken":"$color-background-destructive","yamlToken":"COLOR_BACKGROUND_DESTRUCTIVE"},"colorBackgroundSuccess":{"scope":"global","category":"background-color","comment":"Color for UI elements that have to do with success.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#4BCA81","auraToken":"colorBackgroundSuccess","sassToken":"$color-background-success","yamlToken":"COLOR_BACKGROUND_SUCCESS"},"colorBackgroundWarningDark":{"scope":"global","category":"background-color","comment":"Dark Color for UI elements that have to do with warning.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FF9E2C","auraToken":"colorBackgroundWarningDark","sassToken":"$color-background-warning-dark","yamlToken":"COLOR_BACKGROUND_WARNING_DARK"},"colorBackgroundOffline":{"scope":"global","category":"background-color","comment":"Color for UI elements related to the offline state.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#3e3e3c","auraToken":"colorBackgroundOffline","sassToken":"$color-background-offline","yamlToken":"COLOR_BACKGROUND_OFFLINE","deprecated":true},"colorBackgroundStencilAlt":{"scope":"global","category":"background-color","comment":"Used as an alternate background for loading stencils on gray backgrounds.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#ecebea","auraToken":"colorBackgroundStencilAlt","sassToken":"$color-background-stencil-alt","yamlToken":"COLOR_BACKGROUND_STENCIL_ALT"},"colorBackgroundInverseLight":{"scope":"global","category":"background-color","comment":"Light variant of COLOR_BACKGROUND_INVERSE.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#16325C","auraToken":"colorBackgroundInverseLight","sassToken":"$color-background-inverse-light","yamlToken":"COLOR_BACKGROUND_INVERSE_LIGHT"},"colorBackgroundCustomer":{"scope":"global","category":"background-color","comment":"Background color for UI elements related to the concept of an external user or customer.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FF9A3C","auraToken":"colorBackgroundCustomer","sassToken":"$color-background-customer","yamlToken":"COLOR_BACKGROUND_CUSTOMER"},"colorBackgroundError":{"scope":"global","category":"background-color","comment":"Color for UI elements related to errors.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#D4504C","auraToken":"colorBackgroundError","sassToken":"$color-background-error","yamlToken":"COLOR_BACKGROUND_ERROR"},"colorBackgroundAlt":{"scope":"global","category":"background-color","comment":"Second default background color for the app.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FFFFFF","auraToken":"colorBackgroundAlt","sassToken":"$color-background-alt","yamlToken":"COLOR_BACKGROUND_ALT"},"colorBackgroundSuccessDarker":{"scope":"global","category":"background-color","comment":"Darker color for UI elements that have to do with success. Accessible with white text.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#004a29","auraToken":"colorBackgroundSuccessDarker","sassToken":"$color-background-success-darker","yamlToken":"COLOR_BACKGROUND_SUCCESS_DARKER"},"colorBackgroundRowSelected":{"scope":"global","category":"background-color","comment":"Used as the background color for selected rows or items on list-like components.","type":"color","cssProperties":["background*","border*","box-shadow","text-shadow"],"value":"#ecebea","auraToken":"colorBackgroundRowSelected","sassToken":"$color-background-row-selected","yamlToken":"COLOR_BACKGROUND_ROW_SELECTED"},"colorBrandDarker":{"scope":"global","category":"background-color","comment":"Our product brand blue, darkened even further.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#005FB2","auraToken":"colorBrandDarker","sassToken":"$color-brand-darker","yamlToken":"COLOR_BRAND_DARKER"},"colorBackgroundSelection":{"scope":"global","category":"background-color","comment":"Background color for text selected with a mouse.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#D8EDFF","auraToken":"colorBackgroundSelection","sassToken":"$color-background-selection","yamlToken":"COLOR_BACKGROUND_SELECTION"},"colorBackgroundDestructiveActive":{"scope":"global","category":"background-color","comment":"Active color for UI elements related to destructive actions.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#870500","auraToken":"colorBackgroundDestructiveActive","sassToken":"$color-background-destructive-active","yamlToken":"COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE"},"colorBackgroundInverse":{"scope":"global","category":"background-color","comment":"Default background color for dark portions of the app (like Stage Left or tooltips).","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#061C3F","auraToken":"colorBackgroundInverse","sassToken":"$color-background-inverse","yamlToken":"COLOR_BACKGROUND_INVERSE"},"colorBackgroundHighlight":{"scope":"global","category":"background-color","comment":"Background color for highlighting UI elements.","type":"color","cssProperties":["background*","border*","box-shadow"],"value":"#FAFFBD","auraToken":"colorBackgroundHighlight","sassToken":"$color-background-highlight","yamlToken":"COLOR_BACKGROUND_HIGHLIGHT"},"colorBorderErrorDark":{"scope":"global","category":"border-color","comment":"Dark alternative border color for UI elements related to errors.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#EA8288","auraToken":"colorBorderErrorDark","sassToken":"$color-border-error-dark","yamlToken":"COLOR_BORDER_ERROR_DARK"},"colorBorderBrandDark":{"scope":"global","category":"border-color","comment":"Our product brand blue, darkened to meet accessibility color contrast ratios with white text.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#0070d2","auraToken":"colorBorderBrandDark","sassToken":"$color-border-brand-dark","yamlToken":"COLOR_BORDER_BRAND_DARK"},"colorBorderInfo":{"scope":"global","category":"border-color","comment":"Border color for UI elements related to providing neutral information (not error, success, or warning).","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#706e6b","auraToken":"colorBorderInfo","sassToken":"$color-border-info","yamlToken":"COLOR_BORDER_INFO"},"colorBorderWarning":{"scope":"global","category":"border-color","comment":"Border color for UI elements that have to do with warnings.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#FFB75D","auraToken":"colorBorderWarning","sassToken":"$color-border-warning","yamlToken":"COLOR_BORDER_WARNING"},"colorBorderDestructiveHover":{"scope":"global","category":"border-color","comment":"Hover border color for UI elements that have to do with destructive actions.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#A61A14","auraToken":"colorBorderDestructiveHover","sassToken":"$color-border-destructive-hover","yamlToken":"COLOR_BORDER_DESTRUCTIVE_HOVER"},"colorBorder":{"scope":"global","category":"border-color","comment":"Default border color for UI elements.","type":"color","cssProperties":["border*","box-shadow","background*"],"value":"#dddbda","auraToken":"colorBorder","sassToken":"$color-border","yamlToken":"COLOR_BORDER"},"colorBorderSuccessDark":{"scope":"global","category":"border-color","comment":"Dark alternative border color for UI elements that have to do with success.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#04844B","auraToken":"colorBorderSuccessDark","sassToken":"$color-border-success-dark","yamlToken":"COLOR_BORDER_SUCCESS_DARK"},"colorBorderDestructive":{"scope":"global","category":"border-color","comment":"Border color for UI elements that have to do with destructive actions.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#C23934","auraToken":"colorBorderDestructive","sassToken":"$color-border-destructive","yamlToken":"COLOR_BORDER_DESTRUCTIVE"},"colorBorderSeparatorAlt2":{"scope":"global","category":"border-color","comment":"Darkest separator color - used as an alternate separator color when more differentiation is desired.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#c9c7c5","auraToken":"colorBorderSeparatorAlt2","sassToken":"$color-border-separator-alt-2","yamlToken":"COLOR_BORDER_SEPARATOR_ALT_2"},"colorBorderOffline":{"scope":"global","category":"border-color","comment":"Border color for UI elements related to the offline state.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#3e3e3c","auraToken":"colorBorderOffline","sassToken":"$color-border-offline","yamlToken":"COLOR_BORDER_OFFLINE"},"colorBorderSuccess":{"scope":"global","category":"border-color","comment":"Border color for UI elements that have to do with success.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#4BCA81","auraToken":"colorBorderSuccess","sassToken":"$color-border-success","yamlToken":"COLOR_BORDER_SUCCESS"},"colorBorderSeparator":{"scope":"global","category":"border-color","comment":"Lightest separator color - used as default separator on white backgrounds.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#fafaf9","auraToken":"colorBorderSeparator","sassToken":"$color-border-separator","yamlToken":"COLOR_BORDER_SEPARATOR"},"colorBorderBrand":{"scope":"global","category":"border-color","comment":"Our product brand blue.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#1589ee","auraToken":"colorBorderBrand","sassToken":"$color-border-brand","yamlToken":"COLOR_BORDER_BRAND"},"colorBorderSelectionActive":{"scope":"global","category":"border-color","comment":"Used to delineate the boundary of a component that is being clicked. Specific to builders.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#fafaf9","auraToken":"colorBorderSelectionActive","sassToken":"$color-border-selection-active","yamlToken":"COLOR_BORDER_SELECTION_ACTIVE"},"colorBorderError":{"scope":"global","category":"border-color","comment":"Border color for UI elements that have to do with errors.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#C23934","auraToken":"colorBorderError","sassToken":"$color-border-error","yamlToken":"COLOR_BORDER_ERROR"},"colorBorderSelectionHover":{"scope":"global","category":"border-color","comment":"Used to delineate the boundary of a component that is being hovered over. Specific to builders.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#1589ee","auraToken":"colorBorderSelectionHover","sassToken":"$color-border-selection-hover","yamlToken":"COLOR_BORDER_SELECTION_HOVER"},"colorBorderRowSelectedHover":{"scope":"global","category":"border-color","comment":"Used as the border color for the hover state on selected rows or items on list-like components.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#1589ee","auraToken":"colorBorderRowSelectedHover","sassToken":"$color-border-row-selected-hover","yamlToken":"COLOR_BORDER_ROW_SELECTED_HOVER"},"colorBorderCustomer":{"scope":"global","category":"border-color","comment":"Border color for UI elements related to the concept of an external user or customer.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#FF9A3C","auraToken":"colorBorderCustomer","sassToken":"$color-border-customer","yamlToken":"COLOR_BORDER_CUSTOMER"},"colorBorderSelection":{"scope":"global","category":"border-color","comment":"Used to delineate the boundary of a selected component. Specific to builders.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#0070d2","auraToken":"colorBorderSelection","sassToken":"$color-border-selection","yamlToken":"COLOR_BORDER_SELECTION"},"colorBorderRowSelected":{"scope":"global","category":"border-color","comment":"Used as the border color for selected rows or items on list-like components.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#0070d2","auraToken":"colorBorderRowSelected","sassToken":"$color-border-row-selected","yamlToken":"COLOR_BORDER_ROW_SELECTED"},"colorBorderSeparatorAlt":{"scope":"global","category":"border-color","comment":"Medium separator color - used as default separator on light gray backgrounds.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#dddbda","auraToken":"colorBorderSeparatorAlt","sassToken":"$color-border-separator-alt","yamlToken":"COLOR_BORDER_SEPARATOR_ALT"},"colorBorderInverse":{"scope":"global","category":"border-color","comment":"Border color to match UI elements using color-background-inverse.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#061C3F","auraToken":"colorBorderInverse","sassToken":"$color-border-inverse","yamlToken":"COLOR_BORDER_INVERSE"},"colorBorderDestructiveActive":{"scope":"global","category":"border-color","comment":"Active border color for UI elements that have to do with destructive actions.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#870500","auraToken":"colorBorderDestructiveActive","sassToken":"$color-border-destructive-active","yamlToken":"COLOR_BORDER_DESTRUCTIVE_ACTIVE"},"colorBorderErrorAlt":{"scope":"global","category":"border-color","comment":"Alternative border color for UI elements related to errors.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#EA8288","auraToken":"colorBorderErrorAlt","sassToken":"$color-border-error-alt","yamlToken":"COLOR_BORDER_ERROR_ALT"},"colorBorderSeparatorInverse":{"scope":"global","category":"border-color","comment":"Used as a separator on dark backgrounds, such as stage left navigation.","type":"color","cssProperties":["border*","box-shadow","outline","outline-color"],"value":"#2A426C","auraToken":"colorBorderSeparatorInverse","sassToken":"$color-border-separator-inverse","yamlToken":"COLOR_BORDER_SEPARATOR_INVERSE"},"borderRadiusSmall":{"scope":"global","category":"radius","type":"size","cssProperties":["border*radius"],"value":"0.125rem","auraToken":"borderRadiusSmall","sassToken":"$border-radius-small","yamlToken":"BORDER_RADIUS_SMALL"},"borderRadiusMedium":{"scope":"global","category":"radius","comment":"Icons in lists, record home icon, unbound input elements","type":"size","cssProperties":["border*radius"],"value":"0.25rem","auraToken":"borderRadiusMedium","sassToken":"$border-radius-medium","yamlToken":"BORDER_RADIUS_MEDIUM"},"borderRadiusLarge":{"scope":"global","category":"radius","type":"size","cssProperties":["border*radius"],"value":"0.5rem","auraToken":"borderRadiusLarge","sassToken":"$border-radius-large","yamlToken":"BORDER_RADIUS_LARGE"},"borderRadiusCircle":{"scope":"global","category":"radius","comment":"Circle for global use, action icon bgd shape","type":"size","cssProperties":["border*radius"],"value":"50%","auraToken":"borderRadiusCircle","sassToken":"$border-radius-circle","yamlToken":"BORDER_RADIUS_CIRCLE"},"borderWidthThin":{"scope":"global","category":"border-style","type":"size","cssProperties":["top","right","bottom","left","margin*","padding*","border*","*width","*height","box-shadow","stroke","stroke-width"],"value":"1px","auraToken":"borderWidthThin","sassToken":"$border-width-thin","yamlToken":"BORDER_WIDTH_THIN"},"borderWidthThick":{"scope":"global","category":"border-style","type":"size","cssProperties":["top","right","bottom","left","margin*","padding*","border*","*width","*height","box-shadow","stroke","stroke-width"],"value":"2px","auraToken":"borderWidthThick","sassToken":"$border-width-thick","yamlToken":"BORDER_WIDTH_THICK"},"shadowActive":{"scope":"global","category":"shadow","comment":"Shadow for active states on interactive elements.","type":"box-shadow","cssProperties":["box-shadow"],"value":"0 0 2px #0070d2","auraToken":"shadowActive","sassToken":"$shadow-active","yamlToken":"SHADOW_ACTIVE"},"shadowDrag":{"scope":"global","category":"shadow","comment":"Shadow for drag-n-drop.","type":"box-shadow","cssProperties":["box-shadow"],"value":"0 2px 4px 0 rgba(0, 0, 0, 0.40)","auraToken":"shadowDrag","sassToken":"$shadow-drag","yamlToken":"SHADOW_DRAG"},"shadowDropDown":{"scope":"global","category":"shadow","comment":"Shadow for drop down.","type":"box-shadow","cssProperties":["box-shadow"],"value":"0 2px 3px 0 rgba(0, 0, 0, 0.16)","auraToken":"shadowDropDown","sassToken":"$shadow-drop-down","yamlToken":"SHADOW_DROP_DOWN"},"durationInstantly":{"scope":"global","category":"time","comment":"0 seconds, 0 frames","type":"time","cssProperties":["animation*","transition*"],"value":"0s","auraToken":"durationInstantly","sassToken":"$duration-instantly","yamlToken":"DURATION_INSTANTLY"},"durationImmediately":{"scope":"global","category":"time","comment":"0.05 seconds, 3 frames","type":"time","cssProperties":["animation*","transition*"],"value":"0.05s","auraToken":"durationImmediately","sassToken":"$duration-immediately","yamlToken":"DURATION_IMMEDIATELY"},"durationQuickly":{"scope":"global","category":"time","comment":"0.1 seconds, 6 frames","type":"time","cssProperties":["animation*","transition*"],"value":"0.1s","auraToken":"durationQuickly","sassToken":"$duration-quickly","yamlToken":"DURATION_QUICKLY"},"durationPromptly":{"scope":"global","category":"time","comment":"0.2 seconds, 12 frames","type":"time","cssProperties":["animation*","transition*"],"value":"0.2s","auraToken":"durationPromptly","sassToken":"$duration-promptly","yamlToken":"DURATION_PROMPTLY"},"durationSlowly":{"scope":"global","category":"time","comment":"0.4 seconds, 24 frames","type":"time","cssProperties":["animation*","transition*"],"value":"0.4s","auraToken":"durationSlowly","sassToken":"$duration-slowly","yamlToken":"DURATION_SLOWLY"},"durationPaused":{"scope":"global","category":"time","comment":"3.2 seconds, 192 frames","type":"time","cssProperties":["animation*","transition*"],"value":"3.2s","auraToken":"durationPaused","sassToken":"$duration-paused","yamlToken":"DURATION_PAUSED"},"fontFamily":{"scope":"global","category":"font","comment":"Default font-family for Salesforce applications","type":"font","cssProperties":["font","font-family"],"value":"'Salesforce Sans', Arial, sans-serif","auraToken":"fontFamily","sassToken":"$font-family","yamlToken":"FONT_FAMILY"},"fontFamilyHeading":{"scope":"global","category":"font","type":"font","cssProperties":["font","font-family"],"value":"'Salesforce Sans', Arial, sans-serif","auraToken":"fontFamilyHeading","sassToken":"$font-family-heading","yamlToken":"FONT_FAMILY_HEADING"},"fontFamilyMonospace":{"scope":"global","category":"font","type":"font","cssProperties":["font","font-family"],"value":"Consolas, Menlo, Monaco, Courier, monospace","auraToken":"fontFamilyMonospace","sassToken":"$font-family-monospace","yamlToken":"FONT_FAMILY_MONOSPACE"},"fontSize1":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 1","type":"font-size","cssProperties":["font","font-size"],"value":"0.625rem","auraToken":"fontSize1","sassToken":"$font-size-1","yamlToken":"FONT_SIZE_1"},"fontSize2":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 2","type":"font-size","cssProperties":["font","font-size"],"value":"0.75rem","auraToken":"fontSize2","sassToken":"$font-size-2","yamlToken":"FONT_SIZE_2"},"fontSize3":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 3","type":"font-size","cssProperties":["font","font-size"],"value":"0.8125rem","auraToken":"fontSize3","sassToken":"$font-size-3","yamlToken":"FONT_SIZE_3"},"varFontSize10":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 10","type":"font-size","cssProperties":["font","font-size"],"value":"2rem","auraToken":"varFontSize10","sassToken":"$var-font-size-10","yamlToken":"VAR_FONT_SIZE_10"},"fontSize4":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 4","type":"font-size","cssProperties":["font","font-size"],"value":"0.875rem","auraToken":"fontSize4","sassToken":"$font-size-4","yamlToken":"FONT_SIZE_4"},"varFontSize11":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 11","type":"font-size","cssProperties":["font","font-size"],"value":"2.625rem","auraToken":"varFontSize11","sassToken":"$var-font-size-11","yamlToken":"VAR_FONT_SIZE_11"},"fontSize5":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 5","type":"font-size","cssProperties":["font","font-size"],"value":"1rem","auraToken":"fontSize5","sassToken":"$font-size-5","yamlToken":"FONT_SIZE_5"},"fontSize6":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 6","type":"font-size","cssProperties":["font","font-size"],"value":"1.125rem","auraToken":"fontSize6","sassToken":"$font-size-6","yamlToken":"FONT_SIZE_6"},"fontSize7":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 7","type":"font-size","cssProperties":["font","font-size"],"value":"1.25rem","auraToken":"fontSize7","sassToken":"$font-size-7","yamlToken":"FONT_SIZE_7"},"fontSize8":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 8","type":"font-size","cssProperties":["font","font-size"],"value":"1.5rem","auraToken":"fontSize8","sassToken":"$font-size-8","yamlToken":"FONT_SIZE_8"},"varFontSize1":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 1","type":"font-size","cssProperties":["font","font-size"],"value":"0.625rem","auraToken":"varFontSize1","sassToken":"$var-font-size-1","yamlToken":"VAR_FONT_SIZE_1"},"fontSize9":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 9","type":"font-size","cssProperties":["font","font-size"],"value":"1.75rem","auraToken":"fontSize9","sassToken":"$font-size-9","yamlToken":"FONT_SIZE_9"},"varFontSize2":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 2","type":"font-size","cssProperties":["font","font-size"],"value":"0.75rem","auraToken":"varFontSize2","sassToken":"$var-font-size-2","yamlToken":"VAR_FONT_SIZE_2"},"varFontSize3":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 3","type":"font-size","cssProperties":["font","font-size"],"value":"0.8125rem","auraToken":"varFontSize3","sassToken":"$var-font-size-3","yamlToken":"VAR_FONT_SIZE_3"},"fontSize10":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 10","type":"font-size","cssProperties":["font","font-size"],"value":"2rem","auraToken":"fontSize10","sassToken":"$font-size-10","yamlToken":"FONT_SIZE_10"},"varFontSize4":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 4","type":"font-size","cssProperties":["font","font-size"],"value":"0.875rem","auraToken":"varFontSize4","sassToken":"$var-font-size-4","yamlToken":"VAR_FONT_SIZE_4"},"fontSize11":{"scope":"global","category":"font-size","comment":"Constant typography token for font size 11","type":"font-size","cssProperties":["font","font-size"],"value":"2.625rem","auraToken":"fontSize11","sassToken":"$font-size-11","yamlToken":"FONT_SIZE_11"},"varFontSize5":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 5","type":"font-size","cssProperties":["font","font-size"],"value":"1rem","auraToken":"varFontSize5","sassToken":"$var-font-size-5","yamlToken":"VAR_FONT_SIZE_5"},"varFontSize6":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 6","type":"font-size","cssProperties":["font","font-size"],"value":"1.125rem","auraToken":"varFontSize6","sassToken":"$var-font-size-6","yamlToken":"VAR_FONT_SIZE_6"},"varFontSize7":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 7","type":"font-size","cssProperties":["font","font-size"],"value":"1.25rem","auraToken":"varFontSize7","sassToken":"$var-font-size-7","yamlToken":"VAR_FONT_SIZE_7"},"varFontSize8":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 8","type":"font-size","cssProperties":["font","font-size"],"value":"1.5rem","auraToken":"varFontSize8","sassToken":"$var-font-size-8","yamlToken":"VAR_FONT_SIZE_8"},"varFontSize9":{"scope":"global","category":"font-size","comment":"Variable typography token for font size 9","type":"font-size","cssProperties":["font","font-size"],"value":"1.75rem","auraToken":"varFontSize9","sassToken":"$var-font-size-9","yamlToken":"VAR_FONT_SIZE_9"},"fontWeightLight":{"scope":"global","category":"font","comment":"Use for large headings only.","type":"font-weight","cssProperties":["font","font-weight"],"value":"300","auraToken":"fontWeightLight","sassToken":"$font-weight-light","yamlToken":"FONT_WEIGHT_LIGHT"},"fontWeightRegular":{"scope":"global","category":"font","comment":"Most all body copy.","type":"font-weight","cssProperties":["font","font-weight"],"value":"400","auraToken":"fontWeightRegular","sassToken":"$font-weight-regular","yamlToken":"FONT_WEIGHT_REGULAR"},"fontWeightBold":{"scope":"global","category":"font","comment":"Used sparingly for emphasized text within regular body copy.","type":"font-weight","cssProperties":["font","font-weight"],"value":"700","auraToken":"fontWeightBold","sassToken":"$font-weight-bold","yamlToken":"FONT_WEIGHT_BOLD"},"lineHeightHeading":{"scope":"global","category":"line-height","comment":"Unitless line-heights for reusability","type":"number","cssProperties":["font","*height"],"value":"1.25","auraToken":"lineHeightHeading","sassToken":"$line-height-heading","yamlToken":"LINE_HEIGHT_HEADING"},"lineHeightText":{"scope":"global","category":"line-height","comment":"Unitless line-heights for reusability","type":"number","cssProperties":["font","*height"],"value":"1.5","auraToken":"lineHeightText","sassToken":"$line-height-text","yamlToken":"LINE_HEIGHT_TEXT"},"lineHeightReset":{"scope":"global","category":"line-height","comment":"Remove extra leading. Unitless line-heights for reusability","type":"number","cssProperties":["font","*height"],"value":"1","auraToken":"lineHeightReset","sassToken":"$line-height-reset","yamlToken":"LINE_HEIGHT_RESET"},"varLineHeightText":{"scope":"global","category":"line-height","comment":"Variable unitless line-heights for reusability","type":"number","cssProperties":["font","*height"],"value":"1.5","auraToken":"varLineHeightText","sassToken":"$var-line-height-text","yamlToken":"VAR_LINE_HEIGHT_TEXT"},"opacity5":{"scope":"global","category":"opacity","comment":"50% transparency of an element","type":"opacity","cssProperties":["opacity"],"value":"0.5","auraToken":"opacity5","sassToken":"$opacity-5","yamlToken":"OPACITY_5"},"opacity8":{"scope":"global","category":"opacity","comment":"80% transparency of an element","type":"opacity","cssProperties":["opacity"],"value":"0.8","auraToken":"opacity8","sassToken":"$opacity-8","yamlToken":"OPACITY_8"},"brandHeaderContrastWeakDisabled":{"scope":"global","category":"color","comment":"Disabled state of BRAND_HEADER_CONTRAST_WEAK","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(166,166,166,0.25)","auraToken":"brandHeaderContrastWeakDisabled","sassToken":"$brand-header-contrast-weak-disabled","yamlToken":"BRAND_HEADER_CONTRAST_WEAK_DISABLED"},"colorGray11":{"scope":"global","category":"color","comment":"Gray Color 11","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#3e3e3c","auraToken":"colorGray11","sassToken":"$color-gray-11","yamlToken":"COLOR_GRAY_11"},"brandPrimaryTransparent10":{"scope":"global","category":"color","comment":"Transparent value of BRAND_PRIMARY at 10%","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(21,137,238,0.1)","auraToken":"brandPrimaryTransparent10","sassToken":"$brand-primary-transparent-10","yamlToken":"BRAND_PRIMARY_TRANSPARENT_10"},"colorGray12":{"scope":"global","category":"color","comment":"Gray Color 12","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#2B2826","auraToken":"colorGray12","sassToken":"$color-gray-12","yamlToken":"COLOR_GRAY_12"},"brandBackgroundDarkTransparent":{"scope":"global","category":"color","comment":"These RGBA values need to be updated if BRAND_BACKGROUND_DARK changes, solves webkit bug","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(25,85,148,0)","auraToken":"brandBackgroundDarkTransparent","sassToken":"$brand-background-dark-transparent","yamlToken":"BRAND_BACKGROUND_DARK_TRANSPARENT"},"colorGray13":{"scope":"global","category":"color","comment":"Gray Color 13","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#080707","auraToken":"colorGray13","sassToken":"$color-gray-13","yamlToken":"COLOR_GRAY_13"},"brandHeader":{"scope":"global","category":"color","comment":"Background color a branded app header","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#FFFFFF","auraToken":"brandHeader","sassToken":"$brand-header","yamlToken":"BRAND_HEADER"},"brandLightActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_LIGHT","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#e3e5ed","auraToken":"brandLightActive","sassToken":"$brand-light-active","yamlToken":"BRAND_LIGHT_ACTIVE"},"brandHeaderContrastWarm":{"scope":"global","category":"color","comment":"Variant of BRAND_HEADER_CONTRAST that provides a warm color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#BF0201","auraToken":"brandHeaderContrastWarm","sassToken":"$brand-header-contrast-warm","yamlToken":"BRAND_HEADER_CONTRAST_WARM"},"brandHeaderIconDisabled":{"scope":"global","category":"color","comment":"Disabled state of BRAND_HEADER_ICON","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(145,145,145,0.25)","auraToken":"brandHeaderIconDisabled","sassToken":"$brand-header-icon-disabled","yamlToken":"BRAND_HEADER_ICON_DISABLED"},"brandHeaderContrastActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_CONTRAST","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#505050","auraToken":"brandHeaderContrastActive","sassToken":"$brand-header-contrast-active","yamlToken":"BRAND_HEADER_CONTRAST_ACTIVE"},"brandBackgroundPrimary":{"scope":"global","category":"color","comment":"Primary page background color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#b0c4df","auraToken":"brandBackgroundPrimary","sassToken":"$brand-background-primary","yamlToken":"BRAND_BACKGROUND_PRIMARY"},"brandPrimary":{"scope":"global","category":"color","comment":"Primary brand color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#1589ee","auraToken":"brandPrimary","sassToken":"$brand-primary","yamlToken":"BRAND_PRIMARY"},"brandHeaderContrastWeakActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_CONTRAST_WEAK","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#818181","auraToken":"brandHeaderContrastWeakActive","sassToken":"$brand-header-contrast-weak-active","yamlToken":"BRAND_HEADER_CONTRAST_WEAK_ACTIVE"},"brandContrastActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_CONTRAST","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#0d0e12","auraToken":"brandContrastActive","sassToken":"$brand-contrast-active","yamlToken":"BRAND_CONTRAST_ACTIVE"},"brandHeaderContrastCool":{"scope":"global","category":"color","comment":"Variant of BRAND_HEADER_CONTRAST that provides a cool color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#005583","auraToken":"brandHeaderContrastCool","sassToken":"$brand-header-contrast-cool","yamlToken":"BRAND_HEADER_CONTRAST_COOL"},"brandHeaderContrastInverse":{"scope":"global","category":"color","comment":"Variant of BRAND_HEADER that is accessible with BRAND_HEADER","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#ffffff","auraToken":"brandHeaderContrastInverse","sassToken":"$brand-header-contrast-inverse","yamlToken":"BRAND_HEADER_CONTRAST_INVERSE"},"brandDark":{"scope":"global","category":"color","comment":"Dark variant of BRAND that is accessible with light colors","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#182337","auraToken":"brandDark","sassToken":"$brand-dark","yamlToken":"BRAND_DARK"},"brandAccessible":{"scope":"global","category":"color","comment":"Dark variant of BRAND that is accessible with white","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#0070d2","auraToken":"brandAccessible","sassToken":"$brand-accessible","yamlToken":"BRAND_ACCESSIBLE"},"brandBackgroundDark":{"scope":"global","category":"color","comment":"Dark variant of BRAND_BACKGROUND_PRIMARY, used within gradient of background color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#195594","auraToken":"brandBackgroundDark","sassToken":"$brand-background-dark","yamlToken":"BRAND_BACKGROUND_DARK"},"brandTextLinkActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_TEXT_LINK","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#005fb2","auraToken":"brandTextLinkActive","sassToken":"$brand-text-link-active","yamlToken":"BRAND_TEXT_LINK_ACTIVE"},"colorGray1":{"scope":"global","category":"color","comment":"Gray Color 1","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#FFFFFF","auraToken":"colorGray1","sassToken":"$color-gray-1","yamlToken":"COLOR_GRAY_1"},"colorGray2":{"scope":"global","category":"color","comment":"Gray Color 2","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#fafaf9","auraToken":"colorGray2","sassToken":"$color-gray-2","yamlToken":"COLOR_GRAY_2"},"brandHeaderIconActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_ICON","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#818181","auraToken":"brandHeaderIconActive","sassToken":"$brand-header-icon-active","yamlToken":"BRAND_HEADER_ICON_ACTIVE"},"colorGray3":{"scope":"global","category":"color","comment":"Gray Color 3","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#f3f2f2","auraToken":"colorGray3","sassToken":"$color-gray-3","yamlToken":"COLOR_GRAY_3"},"brandHeaderIcon":{"scope":"global","category":"color","comment":"Icons of BRAND_HEADER that is accessible with BRAND_HEADER","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#919191","auraToken":"brandHeaderIcon","sassToken":"$brand-header-icon","yamlToken":"BRAND_HEADER_ICON"},"brandDisabled":{"scope":"global","category":"color","comment":"Disabled state of BRAND_A11Y","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#c9c7c5","auraToken":"brandDisabled","sassToken":"$brand-disabled","yamlToken":"BRAND_DISABLED"},"brandTextLink":{"scope":"global","category":"color","comment":"Primary text link brand color","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#006DCC","auraToken":"brandTextLink","sassToken":"$brand-text-link","yamlToken":"BRAND_TEXT_LINK"},"colorGray4":{"scope":"global","category":"color","comment":"Gray Color 4","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#ecebea","auraToken":"colorGray4","sassToken":"$color-gray-4","yamlToken":"COLOR_GRAY_4"},"colorGray5":{"scope":"global","category":"color","comment":"Gray Color 5","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#dddbda","auraToken":"colorGray5","sassToken":"$color-gray-5","yamlToken":"COLOR_GRAY_5"},"colorGray6":{"scope":"global","category":"color","comment":"Gray Color 6","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#c9c7c5","auraToken":"colorGray6","sassToken":"$color-gray-6","yamlToken":"COLOR_GRAY_6"},"brandAccessibleActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_A11Y","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#005fb2","auraToken":"brandAccessibleActive","sassToken":"$brand-accessible-active","yamlToken":"BRAND_ACCESSIBLE_ACTIVE"},"colorGray7":{"scope":"global","category":"color","comment":"Gray Color 7","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#b0adab","auraToken":"colorGray7","sassToken":"$color-gray-7","yamlToken":"COLOR_GRAY_7"},"brandDarkActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_DARK","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#253045","auraToken":"brandDarkActive","sassToken":"$brand-dark-active","yamlToken":"BRAND_DARK_ACTIVE"},"colorGray8":{"scope":"global","category":"color","comment":"Gray Color 8","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#969492","auraToken":"colorGray8","sassToken":"$color-gray-8","yamlToken":"COLOR_GRAY_8"},"brandHeaderContrastInverseActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_CONTRAST","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#eeeeee","auraToken":"brandHeaderContrastInverseActive","sassToken":"$brand-header-contrast-inverse-active","yamlToken":"BRAND_HEADER_CONTRAST_INVERSE_ACTIVE"},"brandHeaderContrastCoolActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_CONTRAST_COOL","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#005583","auraToken":"brandHeaderContrastCoolActive","sassToken":"$brand-header-contrast-cool-active","yamlToken":"BRAND_HEADER_CONTRAST_COOL_ACTIVE"},"colorGray9":{"scope":"global","category":"color","comment":"Gray Color 9","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#706e6b","auraToken":"colorGray9","sassToken":"$color-gray-9","yamlToken":"COLOR_GRAY_9"},"brandContrast":{"scope":"global","category":"color","comment":"Variant of BRAND that is accessible with BRAND","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#1a1b1e","auraToken":"brandContrast","sassToken":"$brand-contrast","yamlToken":"BRAND_CONTRAST"},"brandHeaderContrastWeak":{"scope":"global","category":"color","comment":"Weak contrast ratio, useful for iconography","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#919191","auraToken":"brandHeaderContrastWeak","sassToken":"$brand-header-contrast-weak","yamlToken":"BRAND_HEADER_CONTRAST_WEAK"},"brandPrimaryActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_PRIMARY","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#007add","auraToken":"brandPrimaryActive","sassToken":"$brand-primary-active","yamlToken":"BRAND_PRIMARY_ACTIVE"},"brandBackgroundPrimaryTransparent":{"scope":"global","category":"color","comment":"These RGBA values need to be updated if BRAND_BACKGROUND_PRIMARY changes, solves webkit bug","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(176,196,223,0)","auraToken":"brandBackgroundPrimaryTransparent","sassToken":"$brand-background-primary-transparent","yamlToken":"BRAND_BACKGROUND_PRIMARY_TRANSPARENT"},"brandHeaderContrast":{"scope":"global","category":"color","comment":"Variant of BRAND_HEADER that is accessible with BRAND_HEADER","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#5e5e5e","auraToken":"brandHeaderContrast","sassToken":"$brand-header-contrast","yamlToken":"BRAND_HEADER_CONTRAST"},"brandPrimaryTransparent":{"scope":"global","category":"color","comment":"Transparent value of BRAND_PRIMARY","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(21,137,238,0.1)","auraToken":"brandPrimaryTransparent","sassToken":"$brand-primary-transparent","yamlToken":"BRAND_PRIMARY_TRANSPARENT"},"brandHeaderContrastWarmActive":{"scope":"global","category":"color","comment":"Active / Hover state of BRAND_HEADER_CONTRAST_WARM","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#ac0000","auraToken":"brandHeaderContrastWarmActive","sassToken":"$brand-header-contrast-warm-active","yamlToken":"BRAND_HEADER_CONTRAST_WARM_ACTIVE"},"brandPrimaryTransparent40":{"scope":"global","category":"color","comment":"Transparent value of BRAND_PRIMARY at 40%","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"rgba(21,137,238,0.4)","auraToken":"brandPrimaryTransparent40","sassToken":"$brand-primary-transparent-40","yamlToken":"BRAND_PRIMARY_TRANSPARENT_40"},"brandLight":{"scope":"global","category":"color","comment":"Light variant of BRAND that is accessible with dark colors","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#f4f6fe","auraToken":"brandLight","sassToken":"$brand-light","yamlToken":"BRAND_LIGHT"},"colorGray10":{"scope":"global","category":"color","comment":"Gray Color 10","type":"color","cssProperties":["background-color","border*color","box-shadow","fill","color"],"value":"#514f4d","auraToken":"colorGray10","sassToken":"