@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
257 lines • 20.4 kB
text/xml
<resources>
<property name="FONT_FAMILY" category="font" value="'Salesforce Sans', Arial, sans-serif"/>
<property name="COLOR_BACKGROUND_ROW_ACTIVE" category="background-color" value="#fff2f2f3"/>
<property name="COLOR_BACKGROUND_LIGHT" category="background-color" value="#ffffffff"/>
<property name="COLOR_BACKGROUND_ROW_HOVER" category="background-color" value="#fff9f9fa"/>
<property name="COLOR_BACKGROUND_ERROR_DARK" category="background-color" value="#ffc23934"/>
<property name="COLOR_BACKGROUND_INFO" category="background-color" value="#ff6b6d70"/>
<property name="COLOR_BACKGROUND_ALT_INVERSE" category="background-color" value="#ff16325c"/>
<property name="COLOR_BACKGROUND_ROW_NEW" category="background-color" value="#ffd9ffdf"/>
<property name="COLOR_BACKGROUND_SUCCESS_DARK" category="background-color" value="#ff04844b"/>
<property name="COLOR_BACKGROUND_STENCIL" category="background-color" value="#fff2f2f3"/>
<property name="COLOR_BACKGROUND_WARNING" category="background-color" value="#ffffb75d"/>
<property name="COLOR_BACKGROUND_HIGHLIGHT_SEARCH" category="background-color" value="#fffff03f"/>
<property name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color" value="#ffa61a14"/>
<property name="COLOR_BACKGROUND" category="background-color" value="#fff9f9fa"/>
<property name="COLOR_BRAND_DARK" category="background-color" value="#ff0070d2"/>
<property name="COLOR_BACKGROUND_BACKDROP" category="background-color" value="#bfffffff"/>
<property name="COLOR_BACKGROUND_DARK" category="background-color" value="#ffe9eaec"/>
<property name="COLOR_BRAND" category="background-color" value="#ff1589ee"/>
<property name="COLOR_BACKGROUND_DESTRUCTIVE" category="background-color" value="#ffc23934"/>
<property name="COLOR_BACKGROUND_SUCCESS" category="background-color" value="#ff4bca81"/>
<property name="COLOR_BACKGROUND_WARNING_DARK" category="background-color" value="#ffff9e2c"/>
<property name="COLOR_BACKGROUND_OFFLINE" category="background-color" value="#ff3e4041"/>
<property name="COLOR_BACKGROUND_STENCIL_ALT" category="background-color" value="#ffe9eaec"/>
<property name="COLOR_BACKGROUND_INVERSE_LIGHT" category="background-color" value="#ff16325c"/>
<property name="COLOR_BACKGROUND_CUSTOMER" category="background-color" value="#ffff9a3c"/>
<property name="COLOR_BACKGROUND_ERROR" category="background-color" value="#ffd4504c"/>
<property name="COLOR_BACKGROUND_ALT" category="background-color" value="#ffffffff"/>
<property name="COLOR_BACKGROUND_SUCCESS_DARKER" category="background-color" value="#ff004a29"/>
<property name="COLOR_BACKGROUND_ROW_SELECTED" category="background-color" value="#ffe9eaec"/>
<property name="COLOR_BRAND_DARKER" category="background-color" value="#ff005fb2"/>
<property name="COLOR_BACKGROUND_SELECTION" category="background-color" value="#ffd8edff"/>
<property name="COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE" category="background-color" value="#ff870500"/>
<property name="COLOR_BACKGROUND_INVERSE" category="background-color" value="#ff061c3f"/>
<property name="COLOR_BACKGROUND_HIGHLIGHT" category="background-color" value="#fffaffbd"/>
<property name="COLOR_BORDER_ERROR_DARK" category="border-color" value="#ffea8288"/>
<property name="COLOR_BORDER_BRAND_DARK" category="border-color" value="#ff0070d2"/>
<property name="COLOR_BORDER_INFO" category="border-color" value="#ff6b6d70"/>
<property name="COLOR_BORDER_WARNING" category="border-color" value="#ffffb75d"/>
<property name="COLOR_BORDER_DESTRUCTIVE_HOVER" category="border-color" value="#ffa61a14"/>
<property name="COLOR_BORDER" category="border-color" value="#ffd9dbdd"/>
<property name="COLOR_BORDER_SUCCESS_DARK" category="border-color" value="#ff04844b"/>
<property name="COLOR_BORDER_DESTRUCTIVE" category="border-color" value="#ffc23934"/>
<property name="COLOR_BORDER_SEPARATOR_ALT_2" category="border-color" value="#ffc4c6ca"/>
<property name="COLOR_BORDER_OFFLINE" category="border-color" value="#ff3e4041"/>
<property name="COLOR_BORDER_SUCCESS" category="border-color" value="#ff4bca81"/>
<property name="COLOR_BORDER_SEPARATOR" category="border-color" value="#fff9f9fa"/>
<property name="COLOR_BORDER_BRAND" category="border-color" value="#ff1589ee"/>
<property name="COLOR_BORDER_SELECTION_ACTIVE" category="border-color" value="#fff9f9fa"/>
<property name="COLOR_BORDER_ERROR" category="border-color" value="#ffc23934"/>
<property name="COLOR_BORDER_SELECTION_HOVER" category="border-color" value="#ff1589ee"/>
<property name="COLOR_BORDER_ROW_SELECTED_HOVER" category="border-color" value="#ff1589ee"/>
<property name="COLOR_BORDER_CUSTOMER" category="border-color" value="#ffff9a3c"/>
<property name="COLOR_BORDER_SELECTION" category="border-color" value="#ff0070d2"/>
<property name="COLOR_BORDER_ROW_SELECTED" category="border-color" value="#ff0070d2"/>
<property name="COLOR_BORDER_SEPARATOR_ALT" category="border-color" value="#ffd9dbdd"/>
<property name="COLOR_BORDER_INVERSE" category="border-color" value="#ff061c3f"/>
<property name="COLOR_BORDER_DESTRUCTIVE_ACTIVE" category="border-color" value="#ff870500"/>
<property name="COLOR_BORDER_ERROR_ALT" category="border-color" value="#ffea8288"/>
<property name="COLOR_BORDER_SEPARATOR_INVERSE" category="border-color" value="#ff2a426c"/>
<property name="BORDER_RADIUS_SMALL" category="radius" value="2"/>
<property name="BORDER_RADIUS_MEDIUM" category="radius" value="4"/>
<property name="BORDER_RADIUS_LARGE" category="radius" value="8"/>
<property name="BORDER_RADIUS_PILL" category="radius" value="240"/>
<property name="BORDER_RADIUS_CIRCLE" category="radius" value="0.5"/>
<property name="SHADOW_DRAG" category="shadow" value="0 2px 4px 0 rgba(0, 0, 0, 0.40)"/>
<property name="SHADOW_DROP_DOWN" category="shadow" value="0 2px 3px 0 rgba(0, 0, 0, 0.16)"/>
<property name="SHADOW_HEADER" category="shadow" value="0 2px 4px rgba(0, 0, 0, 0.07)"/>
<property name="FONT_FAMILY_TEXT" category="font" value="'Salesforce Sans', Arial, sans-serif"/>
<property name="FONT_FAMILY_HEADING" category="font" value="'Salesforce Sans', Arial, sans-serif"/>
<property name="FONT_FAMILY_MONOSPACE" category="font" value="Consolas, Menlo, Monaco, Courier, monospace"/>
<property name="FONT_SIZE_1" category="font-size" value="10"/>
<property name="FONT_SIZE_2" category="font-size" value="12"/>
<property name="FONT_SIZE_3" category="font-size" value="13"/>
<property name="VAR_FONT_SIZE_10" category="font-size" value="32"/>
<property name="FONT_SIZE_4" category="font-size" value="14"/>
<property name="VAR_FONT_SIZE_11" category="font-size" value="42"/>
<property name="FONT_SIZE_5" category="font-size" value="16"/>
<property name="FONT_SIZE_6" category="font-size" value="18"/>
<property name="FONT_SIZE_7" category="font-size" value="20"/>
<property name="FONT_SIZE_8" category="font-size" value="24"/>
<property name="VAR_FONT_SIZE_1" category="font-size" value="10"/>
<property name="FONT_SIZE_9" category="font-size" value="28"/>
<property name="VAR_FONT_SIZE_2" category="font-size" value="12"/>
<property name="VAR_FONT_SIZE_3" category="font-size" value="13"/>
<property name="FONT_SIZE_10" category="font-size" value="32"/>
<property name="VAR_FONT_SIZE_4" category="font-size" value="14"/>
<property name="FONT_SIZE_11" category="font-size" value="42"/>
<property name="VAR_FONT_SIZE_5" category="font-size" value="16"/>
<property name="VAR_FONT_SIZE_6" category="font-size" value="18"/>
<property name="VAR_FONT_SIZE_7" category="font-size" value="20"/>
<property name="VAR_FONT_SIZE_8" category="font-size" value="24"/>
<property name="VAR_FONT_SIZE_9" category="font-size" value="28"/>
<property name="FONT_WEIGHT_LIGHT" category="font" value="300"/>
<property name="FONT_WEIGHT_REGULAR" category="font" value="400"/>
<property name="FONT_WEIGHT_BOLD" category="font" value="700"/>
<property name="ILLUSTRATION_EMPTY_STATE_ASSISTANT" category="illustrations" value="/assets/images/illustrations/empty-state-assistant.svg"/>
<property name="ILLUSTRATION_EMPTY_STATE_EVENTS" category="illustrations" value="/assets/images/illustrations/empty-state-events.svg"/>
<property name="ILLUSTRATION_EMPTY_STATE_TASKS" category="illustrations" value="/assets/images/illustrations/empty-state-tasks.svg"/>
<property name="LINE_HEIGHT_HEADING" category="line-height" value="1.25"/>
<property name="LINE_HEIGHT_TEXT" category="line-height" value="1.5"/>
<property name="LINE_HEIGHT_RESET" category="line-height" value="1"/>
<property name="LINE_HEIGHT_TAB" category="line-height" value="40"/>
<property name="VAR_LINE_HEIGHT_TEXT" category="line-height" value="1.5"/>
<property name="OPACITY_5" category="opacity" value="0.5"/>
<property name="OPACITY_8" category="opacity" value="0.8"/>
<property name="BRAND_HEADER_CONTRAST_WEAK_DISABLED" category="color" value="#40a6a6a6"/>
<property name="COLOR_GRAY_11" category="color" value="#ff3e3e3c"/>
<property name="BRAND_PRIMARY_TRANSPARENT_10" category="color" value="#1a1589ee"/>
<property name="COLOR_GRAY_12" category="color" value="#ff2b2826"/>
<property name="BRAND_BACKGROUND_DARK_TRANSPARENT" category="color" value="#00dddbda"/>
<property name="COLOR_GRAY_13" category="color" value="#ff080707"/>
<property name="BRAND_HEADER" category="color" value="#ffffffff"/>
<property name="BRAND_LIGHT_ACTIVE" category="color" value="#ffe3e5ed"/>
<property name="BRAND_HEADER_CONTRAST_WARM" category="color" value="#ffbf0201"/>
<property name="BRAND_HEADER_ICON_DISABLED" category="color" value="#40919191"/>
<property name="BRAND_HEADER_CONTRAST_ACTIVE" category="color" value="#ff505050"/>
<property name="BRAND_BACKGROUND_PRIMARY" category="color" value="#fffafaf9"/>
<property name="BRAND_PRIMARY" category="color" value="#ff1589ee"/>
<property name="BRAND_HEADER_CONTRAST_WEAK_ACTIVE" category="color" value="#ff818181"/>
<property name="BRAND_CONTRAST_ACTIVE" category="color" value="#ff0d0e12"/>
<property name="BRAND_HEADER_CONTRAST_COOL" category="color" value="#ff005583"/>
<property name="BRAND_HEADER_CONTRAST_INVERSE" category="color" value="#ffffffff"/>
<property name="BRAND_DARK" category="color" value="#ff182337"/>
<property name="BRAND_ACCESSIBLE" category="color" value="#ff0070d2"/>
<property name="BRAND_BACKGROUND_DARK" category="color" value="#ffe8e8e8"/>
<property name="BRAND_TEXT_LINK_ACTIVE" category="color" value="#ff005fb2"/>
<property name="COLOR_GRAY_1" category="color" value="#ffffffff"/>
<property name="COLOR_GRAY_2" category="color" value="#fffafaf9"/>
<property name="BRAND_HEADER_ICON_ACTIVE" category="color" value="#ff818181"/>
<property name="COLOR_GRAY_3" category="color" value="#fff3f2f2"/>
<property name="BRAND_HEADER_ICON" category="color" value="#ff919191"/>
<property name="BRAND_DISABLED" category="color" value="#ffc9c7c5"/>
<property name="BRAND_TEXT_LINK" category="color" value="#ff006dcc"/>
<property name="COLOR_GRAY_4" category="color" value="#ffecebea"/>
<property name="COLOR_GRAY_5" category="color" value="#ffdddbda"/>
<property name="COLOR_GRAY_6" category="color" value="#ffc9c7c5"/>
<property name="BRAND_ACCESSIBLE_ACTIVE" category="color" value="#ff005fb2"/>
<property name="COLOR_GRAY_7" category="color" value="#ffb0adab"/>
<property name="BRAND_DARK_ACTIVE" category="color" value="#ff253045"/>
<property name="COLOR_GRAY_8" category="color" value="#ff969492"/>
<property name="BRAND_HEADER_CONTRAST_INVERSE_ACTIVE" category="color" value="#ffeeeeee"/>
<property name="BRAND_HEADER_CONTRAST_COOL_ACTIVE" category="color" value="#ff005583"/>
<property name="COLOR_GRAY_9" category="color" value="#ff706e6b"/>
<property name="BRAND_CONTRAST" category="color" value="#ff1a1b1e"/>
<property name="BRAND_HEADER_CONTRAST_WEAK" category="color" value="#ff919191"/>
<property name="BRAND_PRIMARY_ACTIVE" category="color" value="#ff007add"/>
<property name="BRAND_BACKGROUND_PRIMARY_TRANSPARENT" category="color" value="#00fafaf9"/>
<property name="BRAND_HEADER_CONTRAST" category="color" value="#ff5e5e5e"/>
<property name="BRAND_PRIMARY_TRANSPARENT" category="color" value="#1a1589ee"/>
<property name="BRAND_HEADER_CONTRAST_WARM_ACTIVE" category="color" value="#ffac0000"/>
<property name="BRAND_PRIMARY_TRANSPARENT_40" category="color" value="#661589ee"/>
<property name="BRAND_LIGHT" category="color" value="#fff4f6fe"/>
<property name="COLOR_GRAY_10" category="color" value="#ff514f4d"/>
<property name="SIZE_X_SMALL" category="sizing" value="192"/>
<property name="SIZE_XXX_SMALL" category="sizing" value="48"/>
<property name="SQUARE_ICON_UTILITY_LARGE" category="sizing" value="24"/>
<property name="SIZE_XX_SMALL" category="sizing" value="96"/>
<property name="SQUARE_ICON_SMALL_BOUNDARY" category="sizing" value="24"/>
<property name="SIZE_SMALL" category="sizing" value="240"/>
<property name="SQUARE_ICON_UTILITY_MEDIUM" category="sizing" value="20"/>
<property name="SQUARE_ICON_X_SMALL_BOUNDARY" category="sizing" value="20"/>
<property name="SQUARE_ICON_UTILITY_SMALL" category="sizing" value="16"/>
<property name="SQUARE_ICON_MEDIUM_BOUNDARY" category="sizing" value="32"/>
<property name="SQUARE_ICON_LARGE_CONTENT" category="sizing" value="32"/>
<property name="SQUARE_ICON_LARGE_BOUNDARY" category="sizing" value="48"/>
<property name="SIZE_MEDIUM" category="sizing" value="320"/>
<property name="SQUARE_ICON_MEDIUM_CONTENT" category="sizing" value="16"/>
<property name="SIZE_X_LARGE" category="sizing" value="640"/>
<property name="SQUARE_ICON_X_SMALL_CONTENT" category="sizing" value="8"/>
<property name="VAR_SQUARE_ICON_MEDIUM_BOUNDARY" category="sizing" value="32"/>
<property name="SQUARE_ICON_MEDIUM_BOUNDARY_ALT" category="sizing" value="36"/>
<property name="SIZE_XX_LARGE" category="sizing" value="960"/>
<property name="SQUARE_ICON_LARGE_BOUNDARY_ALT" category="sizing" value="80"/>
<property name="SIZE_LARGE" category="sizing" value="400"/>
<property name="SQUARE_ICON_SMALL_CONTENT" category="sizing" value="12"/>
<property name="SQUARE_ICON_XX_SMALL_BOUNDARY" category="sizing" value="16"/>
<property name="SQUARE_ICON_MEDIUM_CONTENT_ALT" category="sizing" value="14"/>
<property name="VAR_SPACING_X_LARGE" category="spacing" value="32"/>
<property name="VAR_SPACING_HORIZONTAL_SMALL" category="spacing" value="12"/>
<property name="VAR_SPACING_HORIZONTAL_XX_LARGE" category="spacing" value="48"/>
<property name="SPACING_X_SMALL" category="spacing" value="8"/>
<property name="SPACING_XXX_SMALL" category="spacing" value="2"/>
<property name="SPACING_XX_SMALL" category="spacing" value="4"/>
<property name="BORDER_WIDTH_THIN" category="spacing" value="1px"/>
<property name="VAR_SPACING_VERTICAL_LARGE" category="spacing" value="24"/>
<property name="VAR_SPACING_LARGE" category="spacing" value="24"/>
<property name="VAR_SPACING_MEDIUM" category="spacing" value="16"/>
<property name="VAR_SPACING_VERTICAL_MEDIUM" category="spacing" value="16"/>
<property name="VAR_SPACING_VERTICAL_X_SMALL" category="spacing" value="8"/>
<property name="SPACING_SMALL" category="spacing" value="12"/>
<property name="VAR_SPACING_VERTICAL_XXX_SMALL" category="spacing" value="2"/>
<property name="VAR_SPACING_X_SMALL" category="spacing" value="8"/>
<property name="VAR_SPACING_XXX_SMALL" category="spacing" value="2"/>
<property name="VAR_SPACING_HORIZONTAL_X_LARGE" category="spacing" value="32"/>
<property name="VAR_SPACING_HORIZONTAL_XX_SMALL" category="spacing" value="4"/>
<property name="VAR_SPACING_XX_LARGE" category="spacing" value="48"/>
<property name="BORDER_WIDTH_THICK" category="spacing" value="2px"/>
<property name="SPACING_MEDIUM" category="spacing" value="16"/>
<property name="VAR_SPACING_VERTICAL_XX_LARGE" category="spacing" value="48"/>
<property name="VAR_SPACING_VERTICAL_SMALL" category="spacing" value="12"/>
<property name="VAR_SPACING_SMALL" category="spacing" value="12"/>
<property name="SPACING_NONE" category="spacing" value="0"/>
<property name="VAR_SPACING_HORIZONTAL_LARGE" category="spacing" value="24"/>
<property name="SPACING_X_LARGE" category="spacing" value="32"/>
<property name="SPACING_XX_LARGE" category="spacing" value="48"/>
<property name="VAR_SPACING_HORIZONTAL_XXX_SMALL" category="spacing" value="2"/>
<property name="VAR_SPACING_HORIZONTAL_X_SMALL" category="spacing" value="8"/>
<property name="VAR_SPACING_XX_SMALL" category="spacing" value="4"/>
<property name="VAR_SPACING_HORIZONTAL_MEDIUM" category="spacing" value="16"/>
<property name="VAR_SPACING_VERTICAL_XX_SMALL" category="spacing" value="4"/>
<property name="VAR_SPACING_VERTICAL_X_LARGE" category="spacing" value="32"/>
<property name="SPACING_LARGE" category="spacing" value="24"/>
<property name="COLOR_TEXT_ACTION_LABEL" category="text-color" value="#ff6b6d70"/>
<property name="COLOR_TEXT_LINK_INVERSE" category="text-color" value="#ffffffff"/>
<property name="COLOR_TEXT_LINK_INVERSE_ACTIVE" category="text-color" value="#80ffffff"/>
<property name="COLOR_TEXT_ACTION_LABEL_ACTIVE" category="text-color" value="#ff16325c"/>
<property name="COLOR_TEXT_WARNING" category="text-color" value="#ffffb75d"/>
<property name="COLOR_TEXT_LINK_FOCUS" category="text-color" value="#ff005fb2"/>
<property name="COLOR_TEXT_DESTRUCTIVE_HOVER" category="text-color" value="#ffa12b2b"/>
<property name="COLOR_TEXT_LINK_DISABLED" category="text-color" value="#ff16325c"/>
<property name="COLOR_TEXT_DEFAULT" category="text-color" value="#ff16325c"/>
<property name="COLOR_TEXT_PRIMARY" category="text-color" value="#ff16325c"/>
<property name="COLOR_TEXT_DESTRUCTIVE" category="text-color" value="#ffc23934"/>
<property name="COLOR_TEXT_LINK_HOVER" category="text-color" value="#ff005fb2"/>
<property name="COLOR_TEXT_SUCCESS" category="text-color" value="#ff027e46"/>
<property name="COLOR_TEXT_WEAK" category="text-color" value="#ff6b6d70"/>
<property name="COLOR_TEXT_LINK" category="text-color" value="#ff0070d2"/>
<property name="COLOR_TEXT_WARNING_ALT" category="text-color" value="#ff844800"/>
<property name="COLOR_TEXT_ICON_DEFAULT" category="text-color" value="#ff6b6d70"/>
<property name="COLOR_TEXT_BRAND" category="text-color" value="#ff1589ee"/>
<property name="COLOR_TEXT_ERROR" category="text-color" value="#ffc23934"/>
<property name="COLOR_TEXT_CUSTOMER" category="text-color" value="#ffff9a3c"/>
<property name="COLOR_TEXT_BRAND_PRIMARY" category="text-color" value="#ffffffff"/>
<property name="COLOR_TEXT_LINK_ACTIVE" category="text-color" value="#ff00396b"/>
<property name="COLOR_TEXT_REQUIRED" category="text-color" value="#ffc23934"/>
<property name="COLOR_TEXT_LINK_INVERSE_DISABLED" category="text-color" value="#26ffffff"/>
<property name="COLOR_TEXT_INVERSE" category="text-color" value="#ffffffff"/>
<property name="COLOR_TEXT_PLACEHOLDER" category="text-color" value="#ff6b6d70"/>
<property name="COLOR_TEXT_INVERSE_WEAK" category="text-color" value="#ffabadb0"/>
<property name="COLOR_TEXT_LINK_INVERSE_HOVER" category="text-color" value="#bfffffff"/>
<property name="COLOR_TEXT_SUCCESS_INVERSE" category="text-color" value="#ff4bca81"/>
<property name="COLOR_TEXT_LABEL" category="text-color" value="#ff6b6d70"/>
<property name="Z_INDEX_DROPDOWN" category="z-index" value="7000"/>
<property name="Z_INDEX_DOCKED" category="z-index" value="4"/>
<property name="Z_INDEX_REMINDER" category="z-index" value="8500"/>
<property name="Z_INDEX_SPINNER" category="z-index" value="9050"/>
<property name="Z_INDEX_DEFAULT" category="z-index" value="1"/>
<property name="Z_INDEX_DEEPDIVE" category="z-index" value="-99999"/>
<property name="Z_INDEX_TOAST" category="z-index" value="10000"/>
<property name="Z_INDEX_DIALOG" category="z-index" value="6000"/>
<property name="Z_INDEX_POPUP" category="z-index" value="5000"/>
<property name="Z_INDEX_MODAL" category="z-index" value="9000"/>
<property name="Z_INDEX_STICKY" category="z-index" value="100"/>
<property name="Z_INDEX_OVERLAY" category="z-index" value="8000"/>
</resources>