UNPKG

@salesforce-ux/design-system

Version:
263 lines 19.6 kB
<?xml version="1.0" encoding="UTF-8"?> <resources> <color name="COLOR_BACKGROUND_ROW_ACTIVE" category="background-color">#ffecebea</color> <color name="COLOR_BACKGROUND_LIGHT" category="background-color">#ffffffff</color> <color name="COLOR_BACKGROUND_ROW_HOVER" category="background-color">#fff3f2f2</color> <color name="COLOR_BACKGROUND_ERROR_DARK" category="background-color">#ffc23934</color> <color name="COLOR_BACKGROUND_INFO" category="background-color">#ff706e6b</color> <color name="COLOR_BACKGROUND_ALT_INVERSE" category="background-color">#ff16325c</color> <color name="COLOR_BACKGROUND_ROW_NEW" category="background-color">#ffd9ffdf</color> <color name="COLOR_BACKGROUND_SUCCESS_DARK" category="background-color">#ff04844b</color> <color name="COLOR_BACKGROUND_STENCIL" category="background-color">#fff3f2f2</color> <color name="COLOR_BACKGROUND_WARNING" category="background-color">#ffffb75d</color> <color name="COLOR_BACKGROUND_HIGHLIGHT_SEARCH" category="background-color">#fffff03f</color> <color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ffa61a14</color> <color name="COLOR_BACKGROUND" category="background-color">#fff3f2f2</color> <color name="COLOR_BRAND_DARK" category="background-color">#ff0070d2</color> <color name="COLOR_BACKGROUND_BACKDROP" category="background-color">#bfffffff</color> <color name="COLOR_BACKGROUND_DARK" category="background-color">#ffecebea</color> <color name="COLOR_BRAND" category="background-color">#ff1589ee</color> <color name="COLOR_BACKGROUND_DESTRUCTIVE" category="background-color">#ffc23934</color> <color name="COLOR_BACKGROUND_SUCCESS" category="background-color">#ff4bca81</color> <color name="COLOR_BACKGROUND_WARNING_DARK" category="background-color">#ffff9e2c</color> <color name="COLOR_BACKGROUND_OFFLINE" category="background-color">#ff3e3e3c</color> <color name="COLOR_BACKGROUND_STENCIL_ALT" category="background-color">#ffecebea</color> <color name="COLOR_BACKGROUND_INVERSE_LIGHT" category="background-color">#ff16325c</color> <color name="COLOR_BACKGROUND_CUSTOMER" category="background-color">#ffff9a3c</color> <color name="COLOR_BACKGROUND_ERROR" category="background-color">#ffd4504c</color> <color name="COLOR_BACKGROUND_ALT" category="background-color">#ffffffff</color> <color name="COLOR_BACKGROUND_SUCCESS_DARKER" category="background-color">#ff004a29</color> <color name="COLOR_BACKGROUND_ROW_SELECTED" category="background-color">#ffecebea</color> <color name="COLOR_BRAND_DARKER" category="background-color">#ff005fb2</color> <color name="COLOR_BACKGROUND_SELECTION" category="background-color">#ffd8edff</color> <color name="COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE" category="background-color">#ff870500</color> <color name="COLOR_BACKGROUND_INVERSE" category="background-color">#ff061c3f</color> <color name="COLOR_BACKGROUND_HIGHLIGHT" category="background-color">#fffaffbd</color> <color name="COLOR_BORDER_ERROR_DARK" category="border-color">#ffea8288</color> <color name="COLOR_BORDER_BRAND_DARK" category="border-color">#ff0070d2</color> <color name="COLOR_BORDER_INFO" category="border-color">#ff706e6b</color> <color name="COLOR_BORDER_WARNING" category="border-color">#ffffb75d</color> <color name="COLOR_BORDER_DESTRUCTIVE_HOVER" category="border-color">#ffa61a14</color> <color name="COLOR_BORDER" category="border-color">#ffdddbda</color> <color name="COLOR_BORDER_SUCCESS_DARK" category="border-color">#ff04844b</color> <color name="COLOR_BORDER_DESTRUCTIVE" category="border-color">#ffc23934</color> <color name="COLOR_BORDER_SEPARATOR_ALT_2" category="border-color">#ffc9c7c5</color> <color name="COLOR_BORDER_OFFLINE" category="border-color">#ff3e3e3c</color> <color name="COLOR_BORDER_SUCCESS" category="border-color">#ff4bca81</color> <color name="COLOR_BORDER_SEPARATOR" category="border-color">#fffafaf9</color> <color name="COLOR_BORDER_BRAND" category="border-color">#ff1589ee</color> <color name="COLOR_BORDER_SELECTION_ACTIVE" category="border-color">#fffafaf9</color> <color name="COLOR_BORDER_ERROR" category="border-color">#ffc23934</color> <color name="COLOR_BORDER_SELECTION_HOVER" category="border-color">#ff1589ee</color> <color name="COLOR_BORDER_ROW_SELECTED_HOVER" category="border-color">#ff1589ee</color> <color name="COLOR_BORDER_CUSTOMER" category="border-color">#ffff9a3c</color> <color name="COLOR_BORDER_SELECTION" category="border-color">#ff0070d2</color> <color name="COLOR_BORDER_ROW_SELECTED" category="border-color">#ff0070d2</color> <color name="COLOR_BORDER_SEPARATOR_ALT" category="border-color">#ffdddbda</color> <color name="COLOR_BORDER_INVERSE" category="border-color">#ff061c3f</color> <color name="COLOR_BORDER_DESTRUCTIVE_ACTIVE" category="border-color">#ff870500</color> <color name="COLOR_BORDER_ERROR_ALT" category="border-color">#ffea8288</color> <color name="COLOR_BORDER_SEPARATOR_INVERSE" category="border-color">#ff2a426c</color> <dimen name="BORDER_RADIUS_SMALL" category="radius">2</dimen> <dimen name="BORDER_RADIUS_MEDIUM" category="radius">4</dimen> <dimen name="BORDER_RADIUS_LARGE" category="radius">8</dimen> <dimen name="BORDER_RADIUS_CIRCLE" category="radius">0.5</dimen> <dimen name="BORDER_WIDTH_THIN" category="border-style">1dp</dimen> <dimen name="BORDER_WIDTH_THICK" category="border-style">2dp</dimen> <property name="SHADOW_ACTIVE" category="shadow">0 0 2px #0070d2</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="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="FONT_FAMILY" category="font">&apos;Salesforce Sans&apos;, Arial, sans-serif</property> <property name="FONT_FAMILY_HEADING" category="font">&apos;Salesforce Sans&apos;, Arial, sans-serif</property> <property name="FONT_FAMILY_MONOSPACE" category="font">Consolas, Menlo, Monaco, Courier, monospace</property> <property name="FONT_SIZE_1" category="font-size">10</property> <property name="FONT_SIZE_2" category="font-size">12</property> <property name="FONT_SIZE_3" category="font-size">13</property> <property name="VAR_FONT_SIZE_10" category="font-size">32</property> <property name="FONT_SIZE_4" category="font-size">14</property> <property name="VAR_FONT_SIZE_11" category="font-size">42</property> <property name="FONT_SIZE_5" category="font-size">16</property> <property name="FONT_SIZE_6" category="font-size">18</property> <property name="FONT_SIZE_7" category="font-size">20</property> <property name="FONT_SIZE_8" category="font-size">24</property> <property name="VAR_FONT_SIZE_1" category="font-size">10</property> <property name="FONT_SIZE_9" category="font-size">28</property> <property name="VAR_FONT_SIZE_2" category="font-size">12</property> <property name="VAR_FONT_SIZE_3" category="font-size">13</property> <property name="FONT_SIZE_10" category="font-size">32</property> <property name="VAR_FONT_SIZE_4" category="font-size">14</property> <property name="FONT_SIZE_11" category="font-size">42</property> <property name="VAR_FONT_SIZE_5" category="font-size">16</property> <property name="VAR_FONT_SIZE_6" category="font-size">18</property> <property name="VAR_FONT_SIZE_7" category="font-size">20</property> <property name="VAR_FONT_SIZE_8" category="font-size">24</property> <property name="VAR_FONT_SIZE_9" category="font-size">28</property> <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> <integer name="LINE_HEIGHT_HEADING" category="line-height">1.25</integer> <integer name="LINE_HEIGHT_TEXT" category="line-height">1.5</integer> <integer name="LINE_HEIGHT_RESET" category="line-height">1</integer> <integer name="VAR_LINE_HEIGHT_TEXT" category="line-height">1.5</integer> <property name="OPACITY_5" category="opacity">0.5</property> <property name="OPACITY_8" category="opacity">0.8</property> <color name="BRAND_HEADER_CONTRAST_WEAK_DISABLED" category="color">#40a6a6a6</color> <color name="COLOR_GRAY_11" category="color">#ff3e3e3c</color> <color name="BRAND_PRIMARY_TRANSPARENT_10" category="color">#1a1589ee</color> <color name="COLOR_GRAY_12" category="color">#ff2b2826</color> <color name="BRAND_BACKGROUND_DARK_TRANSPARENT" category="color">#00195594</color> <color name="COLOR_GRAY_13" category="color">#ff080707</color> <color name="BRAND_HEADER" category="color">#ffffffff</color> <color name="BRAND_LIGHT_ACTIVE" category="color">#ffe3e5ed</color> <color name="BRAND_HEADER_CONTRAST_WARM" category="color">#ffbf0201</color> <color name="BRAND_HEADER_ICON_DISABLED" category="color">#40919191</color> <color name="BRAND_HEADER_CONTRAST_ACTIVE" category="color">#ff505050</color> <color name="BRAND_BACKGROUND_PRIMARY" category="color">#ffb0c4df</color> <color name="BRAND_PRIMARY" category="color">#ff1589ee</color> <color name="BRAND_HEADER_CONTRAST_WEAK_ACTIVE" category="color">#ff818181</color> <color name="BRAND_CONTRAST_ACTIVE" category="color">#ff0d0e12</color> <color name="BRAND_HEADER_CONTRAST_COOL" category="color">#ff005583</color> <color name="BRAND_HEADER_CONTRAST_INVERSE" category="color">#ffffffff</color> <color name="BRAND_DARK" category="color">#ff182337</color> <color name="BRAND_ACCESSIBLE" category="color">#ff0070d2</color> <color name="BRAND_BACKGROUND_DARK" category="color">#ff195594</color> <color name="BRAND_TEXT_LINK_ACTIVE" category="color">#ff005fb2</color> <color name="COLOR_GRAY_1" category="color">#ffffffff</color> <color name="COLOR_GRAY_2" category="color">#fffafaf9</color> <color name="BRAND_HEADER_ICON_ACTIVE" category="color">#ff818181</color> <color name="COLOR_GRAY_3" category="color">#fff3f2f2</color> <color name="BRAND_HEADER_ICON" category="color">#ff919191</color> <color name="BRAND_DISABLED" category="color">#ffc9c7c5</color> <color name="BRAND_TEXT_LINK" category="color">#ff006dcc</color> <color name="COLOR_GRAY_4" category="color">#ffecebea</color> <color name="COLOR_GRAY_5" category="color">#ffdddbda</color> <color name="COLOR_GRAY_6" category="color">#ffc9c7c5</color> <color name="BRAND_ACCESSIBLE_ACTIVE" category="color">#ff005fb2</color> <color name="COLOR_GRAY_7" category="color">#ffb0adab</color> <color name="BRAND_DARK_ACTIVE" category="color">#ff253045</color> <color name="COLOR_GRAY_8" category="color">#ff969492</color> <color name="BRAND_HEADER_CONTRAST_INVERSE_ACTIVE" category="color">#ffeeeeee</color> <color name="BRAND_HEADER_CONTRAST_COOL_ACTIVE" category="color">#ff005583</color> <color name="COLOR_GRAY_9" category="color">#ff706e6b</color> <color name="BRAND_CONTRAST" category="color">#ff1a1b1e</color> <color name="BRAND_HEADER_CONTRAST_WEAK" category="color">#ff919191</color> <color name="BRAND_PRIMARY_ACTIVE" category="color">#ff007add</color> <color name="BRAND_BACKGROUND_PRIMARY_TRANSPARENT" category="color">#00b0c4df</color> <color name="BRAND_HEADER_CONTRAST" category="color">#ff5e5e5e</color> <color name="BRAND_PRIMARY_TRANSPARENT" category="color">#1a1589ee</color> <color name="BRAND_HEADER_CONTRAST_WARM_ACTIVE" category="color">#ffac0000</color> <color name="BRAND_PRIMARY_TRANSPARENT_40" category="color">#661589ee</color> <color name="BRAND_LIGHT" category="color">#fff4f6fe</color> <color name="COLOR_GRAY_10" category="color">#ff514f4d</color> <dimen name="SIZE_X_SMALL" category="sizing">192</dimen> <dimen name="SIZE_XXX_SMALL" category="sizing">48</dimen> <dimen name="SQUARE_ICON_UTILITY_LARGE" category="sizing">24</dimen> <dimen name="SIZE_XX_SMALL" category="sizing">96</dimen> <dimen name="SQUARE_ICON_SMALL_BOUNDARY" category="sizing">24</dimen> <dimen name="SIZE_SMALL" category="sizing">240</dimen> <dimen name="SQUARE_ICON_UTILITY_MEDIUM" category="sizing">20</dimen> <dimen name="SQUARE_ICON_X_SMALL_BOUNDARY" category="sizing">20</dimen> <dimen name="SQUARE_ICON_UTILITY_SMALL" category="sizing">16</dimen> <dimen name="SQUARE_ICON_MEDIUM_BOUNDARY" category="sizing">32</dimen> <dimen name="SQUARE_ICON_LARGE_CONTENT" category="sizing">32</dimen> <dimen name="SQUARE_ICON_LARGE_BOUNDARY" category="sizing">48</dimen> <dimen name="SIZE_MEDIUM" category="sizing">320</dimen> <dimen name="SQUARE_ICON_MEDIUM_CONTENT" category="sizing">16</dimen> <dimen name="SIZE_X_LARGE" category="sizing">640</dimen> <dimen name="SQUARE_ICON_X_SMALL_CONTENT" category="sizing">8</dimen> <dimen name="VAR_SQUARE_ICON_MEDIUM_BOUNDARY" category="sizing">32</dimen> <dimen name="SQUARE_ICON_MEDIUM_BOUNDARY_ALT" category="sizing">36</dimen> <dimen name="SIZE_XX_LARGE" category="sizing">960</dimen> <dimen name="SQUARE_ICON_LARGE_BOUNDARY_ALT" category="sizing">80</dimen> <dimen name="SIZE_LARGE" category="sizing">400</dimen> <dimen name="SQUARE_ICON_SMALL_CONTENT" category="sizing">12</dimen> <dimen name="SQUARE_ICON_XX_SMALL_BOUNDARY" category="sizing">16</dimen> <dimen name="SQUARE_ICON_MEDIUM_CONTENT_ALT" category="sizing">14</dimen> <dimen name="VAR_SPACING_X_LARGE" category="spacing">32</dimen> <dimen name="VAR_SPACING_HORIZONTAL_SMALL" category="spacing">12</dimen> <dimen name="VAR_SPACING_HORIZONTAL_XX_LARGE" category="spacing">48</dimen> <dimen name="SPACING_X_SMALL" category="spacing">8</dimen> <dimen name="SPACING_XXX_SMALL" category="spacing">2</dimen> <dimen name="SPACING_XX_SMALL" category="spacing">4</dimen> <dimen name="VAR_SPACING_VERTICAL_LARGE" category="spacing">24</dimen> <dimen name="VAR_SPACING_LARGE" category="spacing">24</dimen> <dimen name="VAR_SPACING_MEDIUM" category="spacing">16</dimen> <dimen name="VAR_SPACING_VERTICAL_MEDIUM" category="spacing">16</dimen> <dimen name="VAR_SPACING_VERTICAL_X_SMALL" category="spacing">8</dimen> <dimen name="SPACING_SMALL" category="spacing">12</dimen> <dimen name="VAR_SPACING_VERTICAL_XXX_SMALL" category="spacing">2</dimen> <dimen name="VAR_SPACING_X_SMALL" category="spacing">8</dimen> <dimen name="VAR_SPACING_XXX_SMALL" category="spacing">2</dimen> <dimen name="VAR_SPACING_HORIZONTAL_X_LARGE" category="spacing">32</dimen> <dimen name="VAR_SPACING_HORIZONTAL_XX_SMALL" category="spacing">4</dimen> <dimen name="VAR_SPACING_XX_LARGE" category="spacing">48</dimen> <dimen name="SPACING_MEDIUM" category="spacing">16</dimen> <dimen name="VAR_SPACING_VERTICAL_XX_LARGE" category="spacing">48</dimen> <dimen name="VAR_SPACING_VERTICAL_SMALL" category="spacing">12</dimen> <dimen name="VAR_SPACING_SMALL" category="spacing">12</dimen> <dimen name="SPACING_NONE" category="spacing">0</dimen> <dimen name="VAR_SPACING_HORIZONTAL_LARGE" category="spacing">24</dimen> <dimen name="SPACING_X_LARGE" category="spacing">32</dimen> <dimen name="SPACING_XX_LARGE" category="spacing">48</dimen> <dimen name="VAR_SPACING_HORIZONTAL_XXX_SMALL" category="spacing">2</dimen> <dimen name="VAR_SPACING_HORIZONTAL_X_SMALL" category="spacing">8</dimen> <dimen name="VAR_SPACING_XX_SMALL" category="spacing">4</dimen> <dimen name="VAR_SPACING_HORIZONTAL_MEDIUM" category="spacing">16</dimen> <dimen name="VAR_SPACING_VERTICAL_XX_SMALL" category="spacing">4</dimen> <dimen name="VAR_SPACING_VERTICAL_X_LARGE" category="spacing">32</dimen> <dimen name="SPACING_LARGE" category="spacing">24</dimen> <color name="COLOR_TEXT_ACTION_LABEL" category="text-color">#ff3e3e3c</color> <color name="COLOR_TEXT_LINK_INVERSE" category="text-color">#ffffffff</color> <color name="COLOR_TEXT_LINK_INVERSE_ACTIVE" category="text-color">#80ffffff</color> <color name="COLOR_TEXT_ACTION_LABEL_ACTIVE" category="text-color">#ff080707</color> <color name="COLOR_TEXT_WARNING" category="text-color">#ffffb75d</color> <color name="COLOR_TEXT_LINK_FOCUS" category="text-color">#ff005fb2</color> <color name="COLOR_TEXT_DESTRUCTIVE_HOVER" category="text-color">#ffa12b2b</color> <color name="COLOR_TEXT_LINK_DISABLED" category="text-color">#ff16325c</color> <color name="COLOR_TEXT_DEFAULT" category="text-color">#ff080707</color> <color name="COLOR_TEXT_DESTRUCTIVE" category="text-color">#ffc23934</color> <color name="COLOR_TEXT_LINK_HOVER" category="text-color">#ff005fb2</color> <color name="COLOR_TEXT_SUCCESS" category="text-color">#ff027e46</color> <color name="COLOR_TEXT_WEAK" category="text-color">#ff3e3e3c</color> <color name="COLOR_TEXT_PLACEHOLDER_INVERSE" category="text-color">#ffecebea</color> <color name="COLOR_TEXT_LINK" category="text-color">#ff006dcc</color> <color name="COLOR_TEXT_WARNING_ALT" category="text-color">#ff844800</color> <color name="COLOR_TEXT_ICON_DEFAULT" category="text-color">#ff706e6b</color> <color name="COLOR_TEXT_BRAND" category="text-color">#ff1589ee</color> <color name="COLOR_TEXT_ERROR" category="text-color">#ffc23934</color> <color name="COLOR_TEXT_CUSTOMER" category="text-color">#ffff9a3c</color> <color name="COLOR_TEXT_BRAND_PRIMARY" category="text-color">#ffffffff</color> <color name="COLOR_TEXT_LINK_ACTIVE" category="text-color">#ff00396b</color> <color name="COLOR_TEXT_REQUIRED" category="text-color">#ffc23934</color> <color name="COLOR_TEXT_LINK_INVERSE_DISABLED" category="text-color">#26ffffff</color> <color name="COLOR_TEXT_INVERSE" category="text-color">#ffffffff</color> <color name="COLOR_TEXT_PLACEHOLDER" category="text-color">#ff706e6b</color> <color name="COLOR_TEXT_INVERSE_WEAK" category="text-color">#ffb0adab</color> <color name="COLOR_TEXT_LINK_INVERSE_HOVER" category="text-color">#bfffffff</color> <color name="COLOR_TEXT_SUCCESS_INVERSE" category="text-color">#ff4bca81</color> <color name="COLOR_TEXT_LABEL" category="text-color">#ff3e3e3c</color> <dimen name="SQUARE_TAPPABLE" category="touch">44</dimen> <dimen name="SQUARE_TAPPABLE_SMALL" category="touch">32</dimen> <dimen name="SQUARE_TAPPABLE_X_SMALL" category="touch">24</dimen> <dimen name="SQUARE_TAPPABLE_XX_SMALL" category="touch">20</dimen> <dimen name="HEIGHT_TAPPABLE" category="touch">44</dimen> <dimen name="HEIGHT_TAPPABLE_SMALL" category="touch">32</dimen> <property name="Z_INDEX_DROPDOWN" category="z-index">7000</property> <property name="Z_INDEX_DOCKED" category="z-index">4</property> <property name="Z_INDEX_REMINDER" category="z-index">8500</property> <property name="Z_INDEX_SPINNER" category="z-index">9050</property> <property name="Z_INDEX_DEFAULT" category="z-index">1</property> <property name="Z_INDEX_DEEPDIVE" category="z-index">-99999</property> <property name="Z_INDEX_TOAST" category="z-index">10000</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_MODAL" category="z-index">9000</property> <property name="Z_INDEX_STICKY" category="z-index">100</property> <property name="Z_INDEX_OVERLAY" category="z-index">8000</property> </resources>