@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
414 lines • 34.8 kB
text/xml
<resources>
<property name="BORDER_WIDTH_THIN" category="spacing">1px</property>
<property name="BORDER_WIDTH_THICK" category="spacing">2px</property>
<property name="BORDER_STROKE_WIDTH_THIN" category="spacing">1px</property>
<property name="BORDER_STROKE_WIDTH_THICK" category="spacing">2px</property>
<property name="SPACING_NONE" category="spacing">0</property>
<property name="SPACING_XXX_SMALL" category="spacing">2</property>
<property name="SPACING_XX_SMALL" category="spacing">4</property>
<property name="SPACING_X_SMALL" category="spacing">8</property>
<property name="SPACING_SMALL" category="spacing">12</property>
<property name="SPACING_MEDIUM" category="spacing">16</property>
<property name="SPACING_LARGE" category="spacing">24</property>
<property name="SPACING_X_LARGE" category="spacing">32</property>
<property name="SPACING_XX_LARGE" category="spacing">48</property>
<property name="SIZE_XX_SMALL" category="sizing">96</property>
<property name="SIZE_X_SMALL" category="sizing">192</property>
<property name="SIZE_SMALL" category="sizing">240</property>
<property name="SIZE_MEDIUM" category="sizing">320</property>
<property name="SIZE_LARGE" category="sizing">400</property>
<property name="SIZE_X_LARGE" category="sizing">640</property>
<property name="SIZE_XX_LARGE" category="sizing">960</property>
<property name="SQUARE_ICON_UTILITY_SMALL" category="sizing">16</property>
<property name="SQUARE_ICON_UTILITY_MEDIUM" category="sizing">20</property>
<property name="SQUARE_ICON_UTILITY_LARGE" category="sizing">24</property>
<property name="SQUARE_ICON_LARGE_BOUNDARY" category="sizing">48</property>
<property name="SQUARE_ICON_LARGE_BOUNDARY_ALT" category="sizing">80</property>
<property name="SQUARE_ICON_LARGE_CONTENT" category="sizing">32</property>
<property name="SQUARE_ICON_MEDIUM" category="sizing">38</property>
<property name="SQUARE_ICON_MEDIUM_BOUNDARY" category="sizing">32</property>
<property name="SQUARE_ICON_MEDIUM_BOUNDARY_ALT" category="sizing">36</property>
<property name="SQUARE_ICON_MEDIUM_CONTENT" category="sizing">16</property>
<property name="SQUARE_ICON_MEDIUM_CONTENT_ALT" category="sizing">14</property>
<property name="SQUARE_ICON_SMALL" category="sizing">16</property>
<property name="SQUARE_ICON_SMALL_BOUNDARY" category="sizing">24</property>
<property name="SQUARE_ICON_SMALL_CONTENT" category="sizing">12</property>
<property name="SQUARE_ICON_X_SMALL_BOUNDARY" category="sizing">20</property>
<property name="SQUARE_ICON_X_SMALL_CONTENT" category="sizing">8</property>
<property name="SQUARE_ICON_XX_SMALL_BOUNDARY" category="sizing">16</property>
<property name="SQUARE_ICON_XX_SMALL_CONTENT" category="sizing">14</property>
<property name="SQUARE_ICON_LARGE" category="sizing">50</property>
<property name="HEIGHT_PILL" category="sizing">26</property>
<color name="FILL_BRAND" category="fill">#ff0070d2</color>
<color name="FILL_BRAND_HOVER" category="fill">#ff005fb2</color>
<color name="FILL_BRAND_ACTIVE" category="fill">#ff16325c</color>
<color name="FILL_HEADER_BUTTON" category="fill">#ff9faab5</color>
<color name="FILL_HEADER_BUTTON_HOVER" category="fill">#ff005fb2</color>
<property name="FONT_WEIGHT_LIGHT" category="font">300</property>
<property name="FONT_WEIGHT_REGULAR" category="font">400</property>
<property name="FONT_WEIGHT_BOLD" category="font">700</property>
<property name="FONT_SIZE_X_SMALL" category="font-size">10</property>
<property name="FONT_SIZE_SMALL" category="font-size">14</property>
<property name="FONT_SIZE_MEDIUM" category="font-size">16</property>
<property name="FONT_SIZE_MEDIUM_A" category="font-size">18</property>
<property name="FONT_SIZE_LARGE" category="font-size">20</property>
<property name="FONT_SIZE_X_LARGE" category="font-size">24</property>
<property name="FONT_SIZE_X_LARGE_A" category="font-size">25.12</property>
<property name="FONT_SIZE_XX_LARGE" category="font-size">32</property>
<property name="FONT_SIZE_TEXT_XX_SMALL" category="font-size">10</property>
<property name="FONT_SIZE_TEXT_X_SMALL" category="font-size">12</property>
<property name="FONT_SIZE_TEXT_SMALL" category="font-size">13</property>
<property name="FONT_SIZE_TEXT_MEDIUM" category="font-size">16</property>
<property name="FONT_SIZE_TEXT_LARGE" category="font-size">18</property>
<property name="FONT_SIZE_TEXT_X_LARGE" category="font-size">20</property>
<property name="FONT_SIZE_HEADING_XX_SMALL" category="font-size">10</property>
<property name="FONT_SIZE_HEADING_X_SMALL" category="font-size">12</property>
<property name="FONT_SIZE_HEADING_SMALL" category="font-size">14</property>
<property name="FONT_SIZE_HEADING_MEDIUM" category="font-size">18</property>
<property name="FONT_SIZE_HEADING_LARGE" category="font-size">24</property>
<property name="FONT_SIZE_HEADING_X_LARGE" category="font-size">32</property>
<property name="LINE_HEIGHT_HEADING" category="line-height">1.25</property>
<property name="LINE_HEIGHT_TEXT" category="line-height">1.375</property>
<property name="LINE_HEIGHT_RESET" category="line-height">1</property>
<property name="LINE_HEIGHT_TAB" category="line-height">40</property>
<property name="FONT_FAMILY" category="font">'Salesforce Sans', Arial, sans-serif</property>
<property name="FONT_FAMILY_TEXT" category="font">'Salesforce Sans', Arial, sans-serif</property>
<property name="FONT_FAMILY_HEADING" category="font">'Salesforce Sans', Arial, sans-serif</property>
<property name="BORDER_RADIUS_SMALL" category="radius">2</property>
<property name="BORDER_RADIUS_MEDIUM" category="radius">4</property>
<property name="BORDER_RADIUS_LARGE" category="radius">8</property>
<property name="BORDER_RADIUS_PILL" category="radius">240</property>
<property name="BORDER_RADIUS_CIRCLE" category="radius">0.5</property>
<color name="COLOR_BORDER" category="border-color">#ffd8dde6</color>
<color name="COLOR_BORDER_BRAND" category="border-color">#ff1589ee</color>
<color name="COLOR_BORDER_BRAND_DARK" category="border-color">#ff0070d2</color>
<color name="COLOR_BORDER_CUSTOMER" category="border-color">#ffff9a3c</color>
<color name="COLOR_BORDER_DESTRUCTIVE" category="border-color">#ffc23934</color>
<color name="COLOR_BORDER_DESTRUCTIVE_HOVER" category="border-color">#ffa61a14</color>
<color name="COLOR_BORDER_DESTRUCTIVE_ACTIVE" category="border-color">#ff870500</color>
<color name="COLOR_BORDER_INFO" category="border-color">#ff54698d</color>
<color name="COLOR_BORDER_ERROR" category="border-color">#ffc23934</color>
<color name="COLOR_BORDER_ERROR_ALT" category="border-color">#ffea8288</color>
<color name="COLOR_BORDER_ERROR_DARK" category="border-color">#ffea8288</color>
<color name="COLOR_BORDER_OFFLINE" category="border-color">#ff444444</color>
<color name="COLOR_BORDER_SUCCESS" category="border-color">#ff4bca81</color>
<color name="COLOR_BORDER_SUCCESS_DARK" category="border-color">#ff04844b</color>
<color name="COLOR_BORDER_WARNING" category="border-color">#ffffb75d</color>
<color name="COLOR_BORDER_INVERSE" category="border-color">#ff061c3f</color>
<color name="COLOR_BORDER_TAB_SELECTED" category="border-color">#ff0070d2</color>
<color name="COLOR_BORDER_TAB_ACTIVE" category="border-color">#ffffffff</color>
<color name="COLOR_BORDER_SEPARATOR" category="border-color">#fff4f6f9</color>
<color name="COLOR_BORDER_SEPARATOR_ALT" category="border-color">#ffd8dde6</color>
<color name="COLOR_BORDER_SEPARATOR_ALT_2" category="border-color">#ffa8b7c7</color>
<color name="COLOR_BORDER_SEPARATOR_INVERSE" category="border-color">#ff2a426c</color>
<color name="COLOR_BORDER_ROW_SELECTED" category="border-color">#ff0070d2</color>
<color name="COLOR_BORDER_ROW_SELECTED_HOVER" category="border-color">#ff1589ee</color>
<color name="COLOR_BORDER_HINT" category="border-color">#ff2a426c</color>
<color name="COLOR_BORDER_SELECTION" category="border-color">#ff0070d2</color>
<color name="COLOR_BORDER_SELECTION_HOVER" category="border-color">#ff1589ee</color>
<color name="COLOR_BORDER_SELECTION_ACTIVE" category="border-color">#fff4f6f9</color>
<color name="COLOR_BORDER_CANVAS_ELEMENT_SELECTION" category="border-color">#ff5eb4ff</color>
<color name="COLOR_BORDER_CANVAS_ELEMENT_SELECTION_HOVER" category="border-color">#ff005fb2</color>
<color name="COLOR_BORDER_ICON_INVERSE_HINT" category="border-color">#80ffffff</color>
<color name="COLOR_BORDER_ICON_INVERSE_HINT_HOVER" category="border-color">#bfffffff</color>
<color name="COLOR_BORDER_BUTTON_BRAND" category="border-color">#ff0070d2</color>
<color name="COLOR_BORDER_BUTTON_BRAND_DISABLED" category="border-color">#00000000</color>
<color name="COLOR_BORDER_BUTTON_DEFAULT" category="border-color">#ffd8dde6</color>
<color name="COLOR_BORDER_BUTTON_INVERSE_DISABLED" category="border-color">#26ffffff</color>
<color name="COLOR_BORDER_INPUT" category="border-color">#ffd8dde6</color>
<color name="COLOR_BORDER_INPUT_ACTIVE" category="border-color">#ff1589ee</color>
<color name="COLOR_BORDER_INPUT_DISABLED" category="border-color">#ffa8b7c7</color>
<color name="COLOR_BORDER_INPUT_CHECKBOX_SELECTED_CHECKMARK" category="border-color">#ffffffff</color>
<color name="COLOR_BORDER_TOGGLE_CHECKED" category="border-color">#ffffffff</color>
<color name="COLOR_STROKE_BRAND" category="border-color">#ff0070d2</color>
<color name="COLOR_STROKE_BRAND_HOVER" category="border-color">#ff0070d2</color>
<color name="COLOR_STROKE_BRAND_ACTIVE" category="border-color">#ff16325c</color>
<color name="COLOR_STROKE_DISABLED" category="border-color">#ffe0e5ee</color>
<color name="COLOR_STROKE_HEADER_BUTTON" category="border-color">#ff9faab5</color>
<color name="COLOR_BACKGROUND" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_ALT" category="background-color">#fffdfdfd</color>
<color name="COLOR_BACKGROUND_ALT_2" category="background-color">#ffeef1f6</color>
<color name="COLOR_BACKGROUND_ALT_INVERSE" category="background-color">#ff16325c</color>
<color name="COLOR_BACKGROUND_ROW_HOVER" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_ROW_ACTIVE" category="background-color">#ffeef1f6</color>
<color name="COLOR_BACKGROUND_ROW_SELECTED" category="background-color">#fff0f8fc</color>
<color name="COLOR_BACKGROUND_ROW_NEW" category="background-color">#ffd9ffdf</color>
<color name="COLOR_BACKGROUND_INVERSE" category="background-color">#ff061c3f</color>
<color name="COLOR_BACKGROUND_BROWSER" category="background-color">#ff54698d</color>
<color name="COLOR_BACKGROUND_CHROME_MOBILE" category="background-color">#ff0070d2</color>
<color name="COLOR_BACKGROUND_CHROME_DESKTOP" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_CUSTOMER" category="background-color">#ffff9a3c</color>
<color name="COLOR_BACKGROUND_HIGHLIGHT" category="background-color">#fffaffbd</color>
<color name="COLOR_BACKGROUND_HIGHLIGHT_SEARCH" category="background-color">#fffff03f</color>
<color name="COLOR_BACKGROUND_SELECTION" category="background-color">#ffd8edff</color>
<color name="COLOR_BACKGROUND_ACTIONBAR_ICON_UTILITY" category="background-color">#ff54698d</color>
<color name="COLOR_BACKGROUND_INDICATOR_DOT" category="background-color">#ff16325c</color>
<color name="COLOR_BACKGROUND_SPINNER_DOT" category="background-color">#ff9faab5</color>
<color name="COLOR_BACKGROUND_MODAL" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_MODAL_BRAND" category="background-color">#ff0070d2</color>
<color name="COLOR_BACKGROUND_NOTIFICATION_BADGE" category="background-color">#ffc23934</color>
<color name="COLOR_BACKGROUND_NOTIFICATION_BADGE_HOVER" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_NOTIFICATION_BADGE_FOCUS" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_NOTIFICATION_BADGE_ACTIVE" category="background-color">#ff00396b</color>
<color name="COLOR_BACKGROUND_NOTIFICATION" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_NOTIFICATION_NEW" category="background-color">#fff0f8fc</color>
<color name="COLOR_BACKGROUND_ORG_SWITCHER_ARROW" category="background-color">#ff061c3f</color>
<color name="COLOR_BACKGROUND_PAYLOAD" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_POST" category="background-color">#fff7f9fb</color>
<color name="COLOR_BACKGROUND_UTILITY_BAR_HOVER" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_UTILITY_BAR_ACTIVE" category="background-color">#ff1589ee</color>
<color name="COLOR_BACKGROUND_SHADE" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_SHADE_DARK" category="background-color">#ffd8dde6</color>
<color name="COLOR_BACKGROUND_STENCIL" category="background-color">#ffeef1f6</color>
<color name="COLOR_BACKGROUND_STENCIL_ALT" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_TEMP_MODAL" category="background-color">#cc7e8c99</color>
<color name="COLOR_BACKGROUND_TEMP_MODAL_TINT" category="background-color">#cc7e8c99</color>
<color name="COLOR_BACKGROUND_TEMP_MODAL_TINT_ALT" category="background-color">#bfffffff</color>
<color name="COLOR_BACKGROUND_BACKDROP" category="background-color">#bfffffff</color>
<color name="COLOR_BACKGROUND_BACKDROP_TINT" category="background-color">#bff0f8fc</color>
<color name="COLOR_BACKGROUND_SCROLLBAR" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_SCROLLBAR_TRACK" category="background-color">#ffa8b7c7</color>
<color name="COLOR_BRAND" category="background-color">#ff1589ee</color>
<color name="COLOR_BRAND_DARK" category="background-color">#ff0070d2</color>
<color name="COLOR_BRAND_DARKER" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_TOGGLE" category="background-color">#ff9faab5</color>
<color name="COLOR_BACKGROUND_TOGGLE_DISABLED" category="background-color">#ff9faab5</color>
<color name="COLOR_BACKGROUND_TOGGLE_HOVER" category="background-color">#ff7e8c99</color>
<color name="COLOR_BACKGROUND_TOGGLE_ACTIVE" category="background-color">#ff0070d2</color>
<color name="COLOR_BACKGROUND_TOGGLE_ACTIVE_HOVER" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_MODAL_BUTTON" category="background-color">#12000000</color>
<color name="COLOR_BACKGROUND_MODAL_BUTTON_ACTIVE" category="background-color">#29000000</color>
<color name="COLOR_BACKGROUND_INPUT" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_INPUT_ACTIVE" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_INPUT_CHECKBOX" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_INPUT_CHECKBOX_DISABLED" category="background-color">#ffd8dde6</color>
<color name="COLOR_BACKGROUND_INPUT_CHECKBOX_SELECTED" category="background-color">#ff1589ee</color>
<color name="COLOR_BACKGROUND_INPUT_DISABLED" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_INPUT_ERROR" category="background-color">#ffffdde1</color>
<color name="COLOR_BACKGROUND_INPUT_SEARCH" category="background-color">#29000000</color>
<color name="COLOR_BACKGROUND_PILL" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_IMAGE_OVERLAY" category="background-color">#66000000</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE" category="background-color">#ffc23934</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ffa61a14</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE" category="background-color">#ff870500</color>
<color name="COLOR_BACKGROUND_INFO" category="background-color">#ff54698d</color>
<color name="COLOR_BACKGROUND_ERROR" category="background-color">#ffd4504c</color>
<color name="COLOR_BACKGROUND_ERROR_DARK" category="background-color">#ffc23934</color>
<color name="COLOR_BACKGROUND_ERROR_ALT" category="background-color">#ffea8288</color>
<color name="COLOR_BACKGROUND_OFFLINE" category="background-color">#ff444444</color>
<color name="COLOR_BACKGROUND_SUCCESS" category="background-color">#ff4bca81</color>
<color name="COLOR_BACKGROUND_SUCCESS_DARK" category="background-color">#ff04844b</color>
<color name="COLOR_BACKGROUND_TOAST" category="background-color">#f254698d</color>
<color name="COLOR_BACKGROUND_TOAST_SUCCESS" category="background-color">#ff04844b</color>
<color name="COLOR_BACKGROUND_TOAST_ERROR" category="background-color">#f2c23934</color>
<color name="COLOR_BACKGROUND_WARNING" category="background-color">#ffffb75d</color>
<color name="COLOR_BACKGROUND_BUTTON_SUCCESS" category="background-color">#ff4bca81</color>
<color name="COLOR_BACKGROUND_BUTTON_SUCCESS_HOVER" category="background-color">#ff04844b</color>
<color name="COLOR_BACKGROUND_BUTTON_SUCCESS_ACTIVE" category="background-color">#ff04844b</color>
<property name="SHADOW_ACTION_OVERFLOW_FOOTER" category="shadow">0 -2px 4px #F4F6F9</property>
<property name="SHADOW_OVERLAY" category="shadow">0 -2px 4px rgba(0, 0, 0, 0.07)</property>
<property name="SHADOW_DRAG" category="shadow">0 2px 4px 0 rgba(0, 0, 0, 0.40)</property>
<property name="SHADOW_DROP_DOWN" category="shadow">0 2px 3px 0 rgba(0, 0, 0, 0.16)</property>
<property name="SHADOW_HEADER" category="shadow">0 2px 4px rgba(0, 0, 0, 0.07)</property>
<property name="SHADOW_BUTTON" category="shadow">0 1px 1px 0 rgba(0, 0, 0, 0.05)</property>
<property name="SHADOW_BUTTON_FOCUS" category="shadow">0 0 3px #0070D2</property>
<property name="SHADOW_BUTTON_FOCUS_INVERSE" category="shadow">0 0 3px #E0E5EE</property>
<property name="SHADOW_INLINE_EDIT" category="shadow">0 2px 4px 4px rgba(0, 0, 0, 0.16)</property>
<property name="SHADOW_FOCUS_INSET" category="shadow">0 0 2px 2px #1589EE inset</property>
<property name="SHADOW_DOCKED" category="shadow">0 -2px 2px 0 rgba(0, 0, 0, 0.16)</property>
<property name="SHADOW_IMAGE" category="shadow">0 1px 1px rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_3_INSET" category="shadow">-3</property>
<property name="ELEVATION_0" category="shadow">0</property>
<property name="ELEVATION_2" category="shadow">2</property>
<property name="ELEVATION_4" category="shadow">4</property>
<property name="ELEVATION_8" category="shadow">8</property>
<property name="ELEVATION_16" category="shadow">16</property>
<property name="ELEVATION_32" category="shadow">32</property>
<property name="ELEVATION_SHADOW_3_BELOW" category="shadow">0 3px 3px 0 rgba(0, 0, 0, 0.16) inset</property>
<property name="ELEVATION_SHADOW_0" category="shadow">none</property>
<property name="ELEVATION_SHADOW_2" category="shadow">0 2px 2px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_SHADOW_4" category="shadow">0 4px 4px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_SHADOW_8" category="shadow">0 8px 8px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_SHADOW_16" category="shadow">0 16px 16px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_SHADOW_32" category="shadow">0 32px 32px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_INVERSE_SHADOW_3_BELOW" category="shadow">0 -3px 3px 0 rgba(0, 0, 0, 0.16) inset</property>
<property name="ELEVATION_INVERSE_SHADOW_0" category="shadow">none</property>
<property name="ELEVATION_INVERSE_SHADOW_2" category="shadow">0 -2px 2px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_INVERSE_SHADOW_4" category="shadow">0 -4px 4px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_INVERSE_SHADOW_8" category="shadow">0 -8px 8px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_INVERSE_SHADOW_16" category="shadow">0 -16px 16px 0 rgba(0, 0, 0, 0.16)</property>
<property name="ELEVATION_INVERSE_SHADOW_32" category="shadow">0 -32px 32px 0 rgba(0, 0, 0, 0.16)</property>
<color name="COLOR_TEXT_ACTION_LABEL" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_ACTION_LABEL_ACTIVE" category="text-color">#ff16325c</color>
<color name="COLOR_TEXT_BRAND" category="text-color">#ff1589ee</color>
<color name="COLOR_TEXT_BROWSER" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BROWSER_ACTIVE" category="text-color">#66000000</color>
<color name="COLOR_TEXT_CUSTOMER" category="text-color">#ffff9a3c</color>
<color name="COLOR_TEXT_DEFAULT" category="text-color">#ff16325c</color>
<color name="COLOR_TEXT_ERROR" category="text-color">#ffc23934</color>
<color name="COLOR_TEXT_INPUT_DISABLED" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_INPUT_FOCUS_INVERSE" category="text-color">#ff16325c</color>
<color name="COLOR_TEXT_INPUT_ICON" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_INVERSE_WEAK" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_INVERSE_ACTIVE" category="text-color">#ff5eb4ff</color>
<color name="COLOR_TEXT_INVERSE_HOVER" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_LINK" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_LINK_ACTIVE" category="text-color">#ff00396b</color>
<color name="COLOR_TEXT_LINK_DISABLED" category="text-color">#ff16325c</color>
<color name="COLOR_TEXT_LINK_FOCUS" category="text-color">#ff005fb2</color>
<color name="COLOR_TEXT_LINK_HOVER" category="text-color">#ff005fb2</color>
<color name="COLOR_TEXT_LINK_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_LINK_INVERSE_HOVER" category="text-color">#bfffffff</color>
<color name="COLOR_TEXT_LINK_INVERSE_ACTIVE" category="text-color">#80ffffff</color>
<color name="COLOR_TEXT_LINK_INVERSE_DISABLED" category="text-color">#26ffffff</color>
<color name="COLOR_TEXT_MODAL" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_MODAL_BUTTON" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_STAGE_LEFT" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_TAB_LABEL" category="text-color">#ff16325c</color>
<color name="COLOR_TEXT_TAB_LABEL_SELECTED" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_TAB_LABEL_HOVER" category="text-color">#ff005fb2</color>
<color name="COLOR_TEXT_TAB_LABEL_FOCUS" category="text-color">#ff005fb2</color>
<color name="COLOR_TEXT_TAB_LABEL_ACTIVE" category="text-color">#ff00396b</color>
<color name="COLOR_TEXT_TAB_LABEL_DISABLED" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_TOAST" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_WARNING" category="text-color">#ffffb75d</color>
<color name="COLOR_TEXT_WARNING_ALT" category="text-color">#ff844800</color>
<color name="COLOR_TEXT_WEAK" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_ICON_BRAND" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_ICON_UTILITY" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_TOGGLE_DISABLED" category="text-color">#ffd8dde6</color>
<color name="COLOR_TEXT_BUTTON_BRAND" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BUTTON_BRAND_HOVER" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BUTTON_BRAND_ACTIVE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BUTTON_BRAND_DISABLED" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BUTTON_DEFAULT" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_BUTTON_DEFAULT_HOVER" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_BUTTON_DEFAULT_ACTIVE" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_BUTTON_DEFAULT_DISABLED" category="text-color">#ffd8dde6</color>
<color name="COLOR_TEXT_BUTTON_DEFAULT_HINT" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_BUTTON_INVERSE" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_BUTTON_INVERSE_DISABLED" category="text-color">#26ffffff</color>
<color name="COLOR_TEXT_ICON_DEFAULT" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_ICON_DEFAULT_HINT" category="text-color">#ff9faab5</color>
<color name="COLOR_TEXT_ICON_INVERSE_HINT" category="text-color">#80ffffff</color>
<color name="COLOR_TEXT_ICON_DEFAULT_HINT_BORDERLESS" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_ICON_DEFAULT_HOVER" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_ICON_DEFAULT_ACTIVE" category="text-color">#ff00396b</color>
<color name="COLOR_TEXT_ICON_DEFAULT_DISABLED" category="text-color">#ffd8dde6</color>
<color name="COLOR_TEXT_ICON_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_ICON_INVERSE_HOVER" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_ICON_INVERSE_ACTIVE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_ICON_INVERSE_DISABLED" category="text-color">#26ffffff</color>
<color name="COLOR_TEXT_ICON_INVERSE_HINT_HOVER" category="text-color">#bfffffff</color>
<color name="COLOR_TEXT_LABEL" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_PLACEHOLDER" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_PLACEHOLDER_INVERSE" category="text-color">#ffe0e5ee</color>
<color name="COLOR_TEXT_REQUIRED" category="text-color">#ffc23934</color>
<color name="COLOR_TEXT_PILL" category="text-color">#ff0070d2</color>
<color name="COLOR_TEXT_SUCCESS" category="text-color">#ff028048</color>
<color name="COLOR_TEXT_SUCCESS_INVERSE" category="text-color">#ff4bca81</color>
<property name="TEXT_TRANSFORM" category="text-transform">none</property>
<property name="OPACITY_5" category="opacity">0.5</property>
<property name="OPACITY_8" category="opacity">0.8</property>
<property name="DURATION_INSTANTLY" category="time">0s</property>
<property name="DURATION_IMMEDIATELY" category="time">0.05s</property>
<property name="DURATION_QUICKLY" category="time">0.1s</property>
<property name="DURATION_PROMPTLY" category="time">0.2s</property>
<property name="DURATION_SLOWLY" category="time">0.4s</property>
<property name="DURATION_PAUSED" category="time">3.2s</property>
<property name="DURATION_TOAST_SHORT" category="time">4.8s</property>
<property name="DURATION_TOAST_MEDIUM" category="time">9.6s</property>
<property name="Z_INDEX_TOAST" category="z-index">10000</property>
<property name="Z_INDEX_MODAL" category="z-index">9000</property>
<property name="Z_INDEX_OVERLAY" category="z-index">8000</property>
<property name="Z_INDEX_DROPDOWN" category="z-index">7000</property>
<property name="Z_INDEX_DIALOG" category="z-index">6000</property>
<property name="Z_INDEX_POPUP" category="z-index">5000</property>
<property name="Z_INDEX_STICKY" category="z-index">100</property>
<property name="Z_INDEX_DEFAULT" category="z-index">1</property>
<property name="Z_INDEX_DOCKED" category="z-index">4</property>
<property name="Z_INDEX_DEEPDIVE" category="z-index">-99999</property>
<color name="COLOR_BACKGROUND_BUTTON_BRAND" category="background-color">#ff0070d2</color>
<color name="COLOR_BACKGROUND_BUTTON_BRAND_ACTIVE" category="background-color">#ff00396b</color>
<color name="COLOR_BACKGROUND_BUTTON_BRAND_HOVER" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_BUTTON_BRAND_DISABLED" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_BUTTON_DEFAULT" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_BUTTON_DEFAULT_HOVER" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_BUTTON_DEFAULT_FOCUS" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_BUTTON_DEFAULT_ACTIVE" category="background-color">#ffeef1f6</color>
<color name="COLOR_BACKGROUND_BUTTON_DEFAULT_DISABLED" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_BUTTON_ICON" category="background-color">#00000000</color>
<color name="COLOR_BACKGROUND_BUTTON_ICON_HOVER" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_BUTTON_ICON_FOCUS" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_BUTTON_ICON_ACTIVE" category="background-color">#ffeef1f6</color>
<color name="COLOR_BACKGROUND_BUTTON_ICON_DISABLED" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_BUTTON_INVERSE" category="background-color">#00000000</color>
<color name="COLOR_BACKGROUND_BUTTON_INVERSE_ACTIVE" category="background-color">#3d000000</color>
<color name="COLOR_BACKGROUND_BUTTON_INVERSE_DISABLED" category="background-color">#00000000</color>
<property name="LINE_HEIGHT_BUTTON" category="line-height">30</property>
<property name="LINE_HEIGHT_BUTTON_SMALL" category="line-height">28</property>
<color name="CARD_COLOR_BACKGROUND" category="background-color">#ffffffff</color>
<property name="CARD_SPACING_SMALL" category="spacing">12</property>
<property name="CARD_SPACING_MEDIUM" category="spacing">16</property>
<property name="CARD_SPACING_LARGE" category="spacing">24</property>
<property name="LINE_HEIGHT_TOGGLE" category="line-height">20.8</property>
<property name="SQUARE_TOGGLE_SLIDER" category="sizing">20</property>
<property name="WIDTH_TOGGLE" category="sizing">48</property>
<property name="HEIGHT_TOGGLE" category="sizing">24</property>
<property name="TABLE_SPACING_X_SMALL" category="spacing">8</property>
<color name="COLOR_BACKGROUND_DOCKED_PANEL_HEADER" category="background-color">#fff7f9fb</color>
<property name="HEIGHT_DOCKED_BAR" category="sizing">40</property>
<color name="UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_BADGE" category="background-color">#ffd4504c</color>
<color name="UTILITY_BAR_COLOR_BACKGROUND_NOTIFICATION_FOCUS" category="background-color">#ffa8b7c7</color>
<color name="COLOR_BACKGROUND_ICON_WAFFLE" category="background-color">#ff54698d</color>
<property name="SQUARE_ICON_GLOBAL_IDENTITY_ICON" category="sizing">20</property>
<color name="COLOR_BACKGROUND_CONTEXT_BAR" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_BRAND_ACCENT" category="background-color">#ff00a1df</color>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_ITEM_HOVER" category="background-color">#fff7f9fb</color>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_ITEM_ACTIVE" category="background-color">#fff7f9fb</color>
<color name="COLOR_BACKGROUND_CONTEXT_TAB_BAR_ITEM" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_HOVER" category="background-color">#33ffffff</color>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_INVERSE_ITEM_ACTIVE" category="background-color">#66ffffff</color>
<property name="COLOR_BACKGROUND_CONTEXT_BAR_SHADOW" category="background-color">linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0, rgba(0, 0, 0, 0) 1)</property>
<color name="COLOR_BACKGROUND_CONTEXT_BAR_ACTION_HIGHLIGHT" category="background-color">#33ffffff</color>
<color name="COLOR_BORDER_CONTEXT_BAR_DIVIDER" category="border-color">#33ffffff</color>
<color name="COLOR_BORDER_CONTEXT_BAR_ITEM" category="border-color">#33000000</color>
<color name="COLOR_BORDER_CONTEXT_BAR_INVERSE_ITEM" category="border-color">#33ffffff</color>
<color name="COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT" category="border-color">#ff00a1df</color>
<color name="COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ALT" category="border-color">#ffe4e9f3</color>
<color name="COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_HOVER" category="border-color">#ff0b2399</color>
<color name="COLOR_BORDER_CONTEXT_BAR_THEME_DEFAULT_ACTIVE" category="border-color">#ffe4e9f3</color>
<property name="HEIGHT_CONTEXT_BAR" category="sizing">40</property>
<color name="COLOR_TEXT_CONTEXT_BAR" category="text-color">#ff54698d</color>
<color name="COLOR_TEXT_CONTEXT_BAR_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_CONTEXT_BAR_ACTION_TRIGGER" category="text-color">#66ffffff</color>
<color name="COLOR_BACKGROUND_ANCHOR" category="background-color">#fff4f6f9</color>
<color name="COLOR_BACKGROUND_PAGE_HEADER" category="background-color">#fff7f9fb</color>
<color name="COLOR_BACKGROUND_PATH_COMPLETE" category="background-color">#ff4bca81</color>
<color name="COLOR_BACKGROUND_PATH_COMPLETE_HOVER" category="background-color">#ff04844b</color>
<color name="COLOR_BACKGROUND_PATH_CURRENT" category="background-color">#ff0070d2</color>
<color name="COLOR_BACKGROUND_PATH_CURRENT_HOVER" category="background-color">#ff005fb2</color>
<color name="COLOR_BACKGROUND_PATH_INCOMPLETE" category="background-color">#ffe0e5ee</color>
<color name="COLOR_BACKGROUND_PATH_INCOMPLETE_HOVER" category="background-color">#ffd8dde6</color>
<color name="COLOR_BACKGROUND_PATH_LOST" category="background-color">#ffc23934</color>
<color name="COLOR_BACKGROUND_GUIDANCE" category="background-color">#fffafafb</color>
<color name="COLOR_BORDER_PATH_DIVIDER" category="border-color">#ffffffff</color>
<property name="LINE_HEIGHT_SALESPATH" category="line-height">24</property>
<property name="HEIGHT_SALES_PATH" category="sizing">32</property>
<color name="PROGRESS_COLOR_BACKGROUND" category="background-color">#ffffffff</color>
<color name="PROGRESS_COLOR_BACKGROUND_SHADE" category="background-color">#fff4f6f9</color>
<color name="PROGRESS_BAR_COLOR_BACKGROUND" category="background-color">#ffd8dde6</color>
<color name="PROGRESS_BAR_COLOR_BACKGROUND_FILL" category="background-color">#ff5eb4ff</color>
<color name="PROGRESS_COLOR_BORDER" category="border-color">#ffffffff</color>
<color name="PROGRESS_COLOR_BORDER_SHADE" category="border-color">#fff4f6f9</color>
<color name="PROGRESS_COLOR_BORDER_HOVER" category="border-color">#ff0070d2</color>
<color name="PROGRESS_COLOR_BORDER_ACTIVE" category="border-color">#ff1589ee</color>
<property name="PROGRESS_BAR_HEIGHT" category="sizing">2</property>
<color name="SPLIT_VIEW_COLOR_BACKGROUND" category="background-color">#ffe4e9f3</color>
<color name="SPLIT_VIEW_COLOR_BACKGROUND_ROW_HOVER" category="background-color">#ffeef1f6</color>
<color name="SPLIT_VIEW_COLOR_BORDER" category="border-color">#ffced5e1</color>
<color name="VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_HOVER" category="background-color">#ffeef1f6</color>
<color name="VERTICAL_NAVIGATION_COLOR_BACKGROUND_SHADE_ROW_ACTIVE" category="background-color">#ffe8ecf3</color>
</resources>