@salesforce-ux/design-system 2.17.4 → 2.17.5

package/design-tokens/dist/theme-one-salesforce.android.xml

@@ -166,7 +166,7 @@
   <color name="COLOR_BACKGROUND_STENCIL" category="background-color">#fff3f3f3</color>
   <color name="COLOR_BACKGROUND_WARNING" category="background-color">#fffe9339</color>
   <color name="COLOR_BACKGROUND_HIGHLIGHT_SEARCH" category="background-color">#fffff03f</color>
-  <color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ffba0517</color>
+  <color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ff8e030f</color>
   <color name="COLOR_BACKGROUND" category="background-color">#fff3f3f3</color>
   <color name="COLOR_BRAND_DARK" category="background-color">#ff0176d3</color>
   <color name="COLOR_BACKGROUND_BACKDROP" category="background-color">#bfffffff</color>

package/design-tokens/dist/theme-one-salesforce.aura.tokens

@@ -165,7 +165,7 @@
   <aura:token name="colorBackgroundStencil" property="background*,border*,box-shadow,text-shadow" value="rgb(243, 243, 243)"/>
   <aura:token name="colorBackgroundWarning" property="background*,border*,box-shadow" value="rgb(254, 147, 57)"/>
   <aura:token name="colorBackgroundHighlightSearch" property="background*,border*,box-shadow" value="rgb(255, 240, 63)"/>
-  <aura:token name="colorBackgroundDestructiveHover" property="background*,border*,box-shadow" value="rgb(186, 5, 23)"/>
+  <aura:token name="colorBackgroundDestructiveHover" property="background*,border*,box-shadow" value="rgb(142, 3, 15)"/>
   <aura:token name="colorBackground" property="background*,border*,box-shadow" value="rgb(243, 243, 243)"/>
   <aura:token name="colorBrandDark" property="background*,border*,box-shadow" value="rgb(1, 118, 211)"/>
   <aura:token name="colorBackgroundBackdrop" property="background*,border*,box-shadow" value="rgba(255, 255, 255, 0.75)"/>

package/design-tokens/dist/theme-one-salesforce.common.js

@@ -332,7 +332,7 @@ module.exports = {
   /* Background color for highlighting text in search results. */
   colorBackgroundHighlightSearch: "rgb(255, 240, 63)",
   /* Hover color for UI elements related to destructive actions. */
-  colorBackgroundDestructiveHover: "rgb(186, 5, 23)",
+  colorBackgroundDestructiveHover: "rgb(142, 3, 15)",
   /* Default background color for the whole app. */
   colorBackground: "rgb(243, 243, 243)",
   /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/theme-one-salesforce.default.scss

@@ -332,7 +332,7 @@ $color-background-warning: rgb(254, 147, 57) !default;
 /* Background color for highlighting text in search results. */
 $color-background-highlight-search: rgb(255, 240, 63) !default;
 /* Hover color for UI elements related to destructive actions. */
-$color-background-destructive-hover: rgb(186, 5, 23) !default;
+$color-background-destructive-hover: rgb(142, 3, 15) !default;
 /* Default background color for the whole app. */
 $color-background: rgb(243, 243, 243) !default;
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/theme-one-salesforce.ios.json

@@ -2792,7 +2792,7 @@
     {
       "primitive": true,
       "name": "colorBackgroundDestructiveHover",
-      "value": "rgb(186, 5, 23)",
+      "value": "rgb(142, 3, 15)",
       "scope": "global",
       "cssProperties": [
         "background*",

package/design-tokens/dist/theme-one-salesforce.json

@@ -165,7 +165,7 @@
   "COLOR_BACKGROUND_STENCIL": "rgb(243, 243, 243)",
   "COLOR_BACKGROUND_WARNING": "rgb(254, 147, 57)",
   "COLOR_BACKGROUND_HIGHLIGHT_SEARCH": "rgb(255, 240, 63)",
-  "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": "rgb(186, 5, 23)",
+  "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": "rgb(142, 3, 15)",
   "COLOR_BACKGROUND": "rgb(243, 243, 243)",
   "COLOR_BRAND_DARK": "rgb(1, 118, 211)",
   "COLOR_BACKGROUND_BACKDROP": "rgba(255, 255, 255, 0.75)",

package/design-tokens/dist/theme-one-salesforce.less

@@ -332,7 +332,7 @@
 /* Background color for highlighting text in search results. */
 @color-background-highlight-search: rgb(255, 240, 63);
 /* Hover color for UI elements related to destructive actions. */
-@color-background-destructive-hover: rgb(186, 5, 23);
+@color-background-destructive-hover: rgb(142, 3, 15);
 /* Default background color for the whole app. */
 @color-background: rgb(243, 243, 243);
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/theme-one-salesforce.map.scss

@@ -333,7 +333,7 @@ $theme-one-salesforce-map: (
   /* Background color for highlighting text in search results. */
   'color-background-highlight-search': (rgb(255, 240, 63)),
   /* Hover color for UI elements related to destructive actions. */
-  'color-background-destructive-hover': (rgb(186, 5, 23)),
+  'color-background-destructive-hover': (rgb(142, 3, 15)),
   /* Default background color for the whole app. */
   'color-background': (rgb(243, 243, 243)),
   /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/theme-one-salesforce.raw.json

@@ -4104,10 +4104,10 @@
       "comment": "Background color for highlighting text in search results."
     },
     "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": {
-      "originalValue": "{!PALETTE_RED_40}",
+      "originalValue": "{!PALETTE_RED_30}",
       "primitive": true,
       "name": "COLOR_BACKGROUND_DESTRUCTIVE_HOVER",
-      "value": "#ba0517",
+      "value": "#8e030f",
       "scope": "global",
       "cssProperties": [
         "background*",

package/design-tokens/dist/theme-one-salesforce.styl

@@ -332,7 +332,7 @@ $color-background-warning = rgb(254, 147, 57)
 /* Background color for highlighting text in search results. */
 $color-background-highlight-search = rgb(255, 240, 63)
 /* Hover color for UI elements related to destructive actions. */
-$color-background-destructive-hover = rgb(186, 5, 23)
+$color-background-destructive-hover = rgb(142, 3, 15)
 /* Default background color for the whole app. */
 $color-background = rgb(243, 243, 243)
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/ui-force.android.xml

@@ -166,7 +166,7 @@
   <color name="COLOR_BACKGROUND_STENCIL" category="background-color">#fff3f3f3</color>
   <color name="COLOR_BACKGROUND_WARNING" category="background-color">#fffe9339</color>
   <color name="COLOR_BACKGROUND_HIGHLIGHT_SEARCH" category="background-color">#fffff03f</color>
-  <color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ffba0517</color>
+  <color name="COLOR_BACKGROUND_DESTRUCTIVE_HOVER" category="background-color">#ff8e030f</color>
   <color name="COLOR_BACKGROUND" category="background-color">#fff3f3f3</color>
   <color name="COLOR_BRAND_DARK" category="background-color">#ff0176d3</color>
   <color name="COLOR_BACKGROUND_BACKDROP" category="background-color">#bfffffff</color>

package/design-tokens/dist/ui-force.aura.tokens

@@ -167,7 +167,7 @@
   <aura:token name="colorBackgroundStencil" property="background*,border*,box-shadow,text-shadow" value="rgb(243, 243, 243)"/>
   <aura:token name="colorBackgroundWarning" property="background*,border*,box-shadow" value="rgb(254, 147, 57)"/>
   <aura:token name="colorBackgroundHighlightSearch" property="background*,border*,box-shadow" value="rgb(255, 240, 63)"/>
-  <aura:token name="colorBackgroundDestructiveHover" property="background*,border*,box-shadow" value="rgb(186, 5, 23)"/>
+  <aura:token name="colorBackgroundDestructiveHover" property="background*,border*,box-shadow" value="rgb(142, 3, 15)"/>
   <aura:token name="colorBackground" property="background*,border*,box-shadow,text-shadow" value="rgb(243, 243, 243)"/>
   <aura:token name="colorBrandDark" property="background*,border*,box-shadow" value="rgb(1, 118, 211)"/>
   <aura:token name="colorBackgroundBackdrop" property="background*,border*,box-shadow" value="rgba(255, 255, 255, 0.75)"/>

package/design-tokens/dist/ui-force.common.js

@@ -332,7 +332,7 @@ module.exports = {
   /* Background color for highlighting text in search results. */
   colorBackgroundHighlightSearch: "rgb(255, 240, 63)",
   /* Hover color for UI elements related to destructive actions. */
-  colorBackgroundDestructiveHover: "rgb(186, 5, 23)",
+  colorBackgroundDestructiveHover: "rgb(142, 3, 15)",
   /* Default background color for the whole app. */
   colorBackground: "rgb(243, 243, 243)",
   /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/ui-force.default.scss

@@ -332,7 +332,7 @@ $color-background-warning: rgb(254, 147, 57) !default;
 /* Background color for highlighting text in search results. */
 $color-background-highlight-search: rgb(255, 240, 63) !default;
 /* Hover color for UI elements related to destructive actions. */
-$color-background-destructive-hover: rgb(186, 5, 23) !default;
+$color-background-destructive-hover: rgb(142, 3, 15) !default;
 /* Default background color for the whole app. */
 $color-background: rgb(243, 243, 243) !default;
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/ui-force.ios.json

@@ -2799,7 +2799,7 @@
     {
       "primitive": true,
       "name": "colorBackgroundDestructiveHover",
-      "value": "rgb(186, 5, 23)",
+      "value": "rgb(142, 3, 15)",
       "scope": "global",
       "cssProperties": [
         "background*",

package/design-tokens/dist/ui-force.json

@@ -165,7 +165,7 @@
   "COLOR_BACKGROUND_STENCIL": "rgb(243, 243, 243)",
   "COLOR_BACKGROUND_WARNING": "rgb(254, 147, 57)",
   "COLOR_BACKGROUND_HIGHLIGHT_SEARCH": "rgb(255, 240, 63)",
-  "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": "rgb(186, 5, 23)",
+  "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": "rgb(142, 3, 15)",
   "COLOR_BACKGROUND": "rgb(243, 243, 243)",
   "COLOR_BRAND_DARK": "rgb(1, 118, 211)",
   "COLOR_BACKGROUND_BACKDROP": "rgba(255, 255, 255, 0.75)",

package/design-tokens/dist/ui-force.less

@@ -332,7 +332,7 @@
 /* Background color for highlighting text in search results. */
 @color-background-highlight-search: rgb(255, 240, 63);
 /* Hover color for UI elements related to destructive actions. */
-@color-background-destructive-hover: rgb(186, 5, 23);
+@color-background-destructive-hover: rgb(142, 3, 15);
 /* Default background color for the whole app. */
 @color-background: rgb(243, 243, 243);
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/ui-force.map.scss

@@ -333,7 +333,7 @@ $ui-force-map: (
   /* Background color for highlighting text in search results. */
   'color-background-highlight-search': (rgb(255, 240, 63)),
   /* Hover color for UI elements related to destructive actions. */
-  'color-background-destructive-hover': (rgb(186, 5, 23)),
+  'color-background-destructive-hover': (rgb(142, 3, 15)),
   /* Default background color for the whole app. */
   'color-background': (rgb(243, 243, 243)),
   /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/dist/ui-force.raw.json

@@ -2967,10 +2967,10 @@
       "comment": "Background color for highlighting text in search results."
     },
     "COLOR_BACKGROUND_DESTRUCTIVE_HOVER": {
-      "originalValue": "{!PALETTE_RED_40}",
+      "originalValue": "{!PALETTE_RED_30}",
       "primitive": true,
       "name": "COLOR_BACKGROUND_DESTRUCTIVE_HOVER",
-      "value": "#ba0517",
+      "value": "#8e030f",
       "scope": "global",
       "cssProperties": [
         "background*",

package/design-tokens/dist/ui-force.styl

@@ -332,7 +332,7 @@ $color-background-warning = rgb(254, 147, 57)
 /* Background color for highlighting text in search results. */
 $color-background-highlight-search = rgb(255, 240, 63)
 /* Hover color for UI elements related to destructive actions. */
-$color-background-destructive-hover = rgb(186, 5, 23)
+$color-background-destructive-hover = rgb(142, 3, 15)
 /* Default background color for the whole app. */
 $color-background = rgb(243, 243, 243)
 /* Our product brand blue, darkened to meet accessibility color contrast ratios with white text. */

package/design-tokens/primitive/background-color.yml

@@ -109,7 +109,7 @@ props:
     value: '{!PALETTE_RED_40}'
     comment: Color for UI elements related to destructive actions.
   COLOR_BACKGROUND_DESTRUCTIVE_HOVER:
-    value: '{!PALETTE_RED_40}'
+    value: '{!PALETTE_RED_30}'
     comment: Hover color for UI elements related to destructive actions.
   COLOR_BACKGROUND_DESTRUCTIVE_ACTIVE:
     value: '{!PALETTE_RED_30}'

package/metadata/components/buttons/styling-hooks.json

@@ -1 +1 @@
-{"--slds-c-button-stateful-color-background-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-background":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-button-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-button-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-button-line-height":{"fallbackValue":"1.875rem","category":"Text","valueType":"Number"},"--slds-c-button-text-color":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-background-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-text-color-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-button-text-color-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-color-background-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-border-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-focus":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-shadow-focus":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-button-neutral-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-color-background":{"fallbackValue":"rgba(0, 0, 0, 0)","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-color-background":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-active":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-color-background":{"fallbackValue":"#45c65a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border":{"fallbackValue":"#91db8b","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}
+{"--slds-c-button-stateful-color-background-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-border-selected-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-stateful-color-background-selected-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-brand-color-background":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-border-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-spacing-block-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-block-end":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-spacing-inline-start":{"fallbackValue":"0","category":"Spacing","valueType":"Dimension"},"--slds-c-button-color-background":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-color-border":{"fallbackValue":"transparent","category":"Color","valueType":"Color"},"--slds-c-button-sizing-border":{"fallbackValue":"1px","category":"Sizing","valueType":"Dimension"},"--slds-c-button-radius-border":{"fallbackValue":"0.25rem","category":"Radius","valueType":"Dimension"},"--slds-c-button-shadow":{"fallbackValue":"","category":"Box Shadow","valueType":"String"},"--slds-c-button-line-height":{"fallbackValue":"1.875rem","category":"Text","valueType":"Number"},"--slds-c-button-text-color":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-color-border-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-background-hover":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-text-color-hover":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-shadow-focus":{"fallbackValue":"0 0 3px #0176d3","category":"Box Shadow","valueType":"String"},"--slds-c-button-text-color-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-color-background-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-color-border-active":{"fallbackValue":"","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-hover":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-hover":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-focus":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-shadow-focus":{"fallbackValue":"0 0 3px #f3f3f3","category":"Box Shadow","valueType":"String"},"--slds-c-button-neutral-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-neutral-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-neutral-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-brand-color-background-active":{"fallbackValue":"#014486","category":"Color","valueType":"Color"},"--slds-c-button-brand-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-outline-brand-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-border-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-outline-brand-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-inverse-color-background":{"fallbackValue":"rgba(0, 0, 0, 0)","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-color-border-active":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-hover":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-inverse-text-color-active":{"fallbackValue":"#0176d3","category":"Color","valueType":"Color"},"--slds-c-button-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-destructive-color-background":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-hover":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-background-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-color-border-active":{"fallbackValue":"#8e030f","category":"Color","valueType":"Color"},"--slds-c-button-destructive-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-text-destructive-color-background":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color":{"fallbackValue":"#ea001e","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-hover":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-border-hover":{"fallbackValue":"#c9c9c9","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-color-background-active":{"fallbackValue":"#f3f3f3","category":"Color","valueType":"Color"},"--slds-c-button-text-destructive-text-color-active":{"fallbackValue":"#ba0517","category":"Color","valueType":"Color"},"--slds-c-button-success-spacing-inline-start":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-spacing-inline-end":{"fallbackValue":"1rem","category":"Spacing","valueType":"Dimension"},"--slds-c-button-success-color-background":{"fallbackValue":"#45c65a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border":{"fallbackValue":"#91db8b","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color":{"fallbackValue":"#181818","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-hover":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-background-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-color-border-active":{"fallbackValue":"#2e844a","category":"Color","valueType":"Color"},"--slds-c-button-success-text-color-active":{"fallbackValue":"white","category":"Color","valueType":"Color"},"--slds-c-icon-color-foreground":{"fallbackValue":"currentColor","category":"Color","valueType":"Color"}}

package/package.json

@@ -17,7 +17,7 @@
     "dependencies": {
       "@salesforce-ux/design-system-parser": "^1.1.1",
       "@salesforce-ux/build-server-api": "2.1.7",
-      "@salesforce-ux/design-system-primitive-tokens": "0.3.4",
+      "@salesforce-ux/design-system-primitive-tokens": "0.3.5",
       "@salesforce-ux/instant-vrt": "2.0.0",
       "@salesforce-ux/postcss-annotations-parser": "0.1.1",
       "@salesforce-ux/scss-parser-aura": "^3.1.1",
@@ -62,7 +62,7 @@
       "@salesforce/slds/legacy"
     ]
   },
-  "version": "2.17.4",
+  "version": "2.17.5",
   "jest": {
     "testURL": "http://localhost/",
     "testRegex": "(/__tests__/.*(test|spec))\\.jsx?$",

package/scss/_config.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 
@@ -10,7 +10,7 @@
 ///
 /// @type String
 /// @access private
-$app-version: "2.17.4";
+$app-version: "2.17.5";
 
 /// Debug mode (uncomment to activate)
 /// Turn on to output deprecation warnings during development

package/scss/_design-tokens.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/_init.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/_index.sanitized.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/_kinetics.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/_touch.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/accordion/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/accordion/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/accordion/base/_touch.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 .slds-button.slds-accordion__summary-action {
   line-height: $line-height-button;
 }

package/scss/components/activity-timeline/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/activity-timeline/base/_deprecate.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/activity-timeline/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/alert/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/alert/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/app-launcher/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/app-launcher/base/_deprecate.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/app-launcher/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/avatar/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/avatar/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/avatar-group/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/avatar-group/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 @use "sass:math";

package/scss/components/avatar-group/mixins/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 /// Calculate the scaled value of a User Initial Avatar's content
 ///
 /// @require $size

package/scss/components/badges/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/badges/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/brand-band/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/brand-band/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/breadcrumbs/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/breadcrumbs/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/breadcrumbs/kinetics/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Styles specific to Kinetic Breadcrumbs
 [kx-scope='breadcrumbs-item'][kx-type='underline'] {
 

package/scss/components/builder-header/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/builder-header/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/button-groups/_doc.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/button-groups/base/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/button-groups/list/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license
 

package/scss/components/button-groups/row/_index.scss

@@ -1,4 +1,4 @@
-// Lightning Design System 2.17.4
+// Lightning Design System 2.17.5
 // Copyright (c) 2015-present, salesforce.com, inc. All rights reserved
 // Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license