Merge tag 'v2.17.2' of github.com:salesforce-ux/design-system-internal into spring-22-opensource

Author: Dottenpixel

RELEASENOTES.general.md

@@ -1,7 +1,9 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 <!-- On release, add general notes here. In time the legacy release notes will be add to this -->
 
-## 2.17.1 - January 6, 2021
+## 2.17.2 - January 20, 2022
+
+## 2.17.1 - January 6, 2022
 
 ## 2.17.0 - December 16, 2021
 

RELEASENOTES.md

@@ -1,7 +1,20 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 <!-- !!! THIS FILE IS AUTO-GENERATED !!! DO NOT EDIT THIS FILE MANUALLY !!! -->
 
-## Release 2.17.1 - January 6, 2021
+## Release 2.17.2 - January 20, 2022
+
+## Components
+### [Buttons](https://www.lightningdesignsystem.com/components/buttons)
+#### Added
+- Added `--slds-c-icon-color-foreground` Styling Hook to Button with Icon variant to accurately apply icon color updates
+  - Due to how the Lightning Base Component is configured, this is required to allow CSS Custom Property reassignment to function within Button Icons
+
+## Release 2.17.1 - January 6, 2022
+
+## Components
+### [Cards](https://www.lightningdesignsystem.com/components/cards)
+#### Changed
+- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
 
 ## Release 2.17.0 - December 16, 2021
 
@@ -45,8 +58,6 @@
 - Added `slds` as the default namespace with `sds` fallbacks for Styling Hooks.
 - Added reassignment of Styling Hooks for component states.
 - Added clarification about card header icon assistive text.
-#### Changed
-- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
 
 ### [Checkbox](https://www.lightningdesignsystem.com/components/checkbox)
 #### Added

package-lock.json

@@ -8,7 +8,7 @@
     "CSS"
   ],
   "homepage": "https://lightningdesignsystem.com",
-  "version": "2.17.1",
+  "version": "2.17.2",
   "author": "Salesforce",
   "bugs": {
     "url": "https://github.com/salesforce-ux/design-system/issues"

package.json

@@ -9,7 +9,7 @@
 ///
 /// @type String
 /// @access private
-$app-version: "2.17.1";
+$app-version: "2.17.2";
 
 /// Debug mode (uncomment to activate)
 /// Turn on to output deprecation warnings during development

ui/_config.scss

@@ -3,6 +3,8 @@
 
 import React from 'react';
 import ButtonIcon, { HintParent } from '../';
+import {Button} from '../../buttons/base/example';
+import SvgIcon from '../../../shared/svg-icon';
 
 export default [
   {
@@ -57,5 +59,18 @@ export let examples = [
         />
       </HintParent>
     )
+  },
+  {
+    id: 'button-icon-lbc-mismatch',
+    label: 'Button Icon - LBC Mismatch',
+    element: (
+      <Button className="slds-button_icon slds-button_icon-border">
+        <SvgIcon
+          sprite="utility"
+          symbol="clock"
+          className="slds-button__icon slds-icon-text-error"
+        />
+      </Button>
+    )
   }
 ];

ui/components/button-icons/base/example.jsx

@@ -4,11 +4,17 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.2
+
+### Added
+- Added `--slds-c-icon-color-foreground` Styling Hook to Button with Icon variant to accurately apply icon color updates
+  - Due to how the Lightning Base Component is configured, this is required to allow CSS Custom Property reassignment to function within Button Icons
 ## 2.17.0
 
 ### Added
 - Added Styling Hooks for Stateful Button and Dual Stateful Button.
 - Added missing `slds`-namespaced Styling Hooks (originally added in 2.16.0)
+
 ## 2.16.0
 
 ### Added

ui/components/buttons/RELEASENOTES.md

@@ -569,7 +569,8 @@ a.slds-button--inverse:focus {
  */
 .slds-button__icon {
   @include square($square-icon-medium-content-alt);
-  fill: currentColor;
+  // Aura and LBC Button Icon components were created with a mix of approaches: partially with how Button Icon works and partially with Button _with_ Icon. Because of this, state classes (success/warning/error) within a Button Icon would never get the correct color, as this previously was hardcoded to `currentColor`. This is the least-invasive approach for remediation.
+  fill: var(--slds-c-icon-color-foreground, currentColor);
 }
 
 /**

ui/components/buttons/base/_index.scss

@@ -4,6 +4,12 @@
 
 <!-- ## [Unreleased] -->
 
+## 2.17.1
+
+### Changed
+
+- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
+
 ## 2.17.0
 
 ### Added
@@ -12,10 +18,6 @@
 - Added reassignment of Styling Hooks for component states.
 - Added clarification about card header icon assistive text.
 
-### Changed
-
-- Fixed annotation for Einstein themed cards (`.slds-einstein-header__figure`)
-
 ## 2.15.1
 
 ### Added