Merge tag 'v2.22.1' into release/opensource

Author: Dottenpixel

RELEASENOTES.general.md

@@ -1,8 +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.22.0 - August 16, 2023
-
+## 2.22.1 - August 16, 2023
+- Fixed the app launcher button is invisible When windows high contrast is enabled.
+- Fixed the checkbox to high contrast when the focus is placed on it.
 - Updated icons to `v10.7.0`
   - Standard Set:
     - Added `attribute_based_pricing`

package-lock.json

@@ -8,7 +8,7 @@
     "CSS"
   ],
   "homepage": "https://lightningdesignsystem.com",
-  "version": "2.22.0",
+  "version": "2.22.1",
   "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.22.0";
+$app-version: "2.22.1";
 
 /// Debug mode (uncomment to activate)
 /// Turn on to output deprecation warnings during development

ui/_config.scss

@@ -3,6 +3,10 @@
 # Checkbox Release Notes
 
 <!-- ## [Unreleased] -->
+## 2.22.1
+
+### Fixed
+- Fixed the checkbox to high contrast when the focus is placed on it.
 
 ## 2.18.0
 

ui/components/checkbox/RELEASENOTES.md

@@ -106,6 +106,8 @@
       + .slds-checkbox__label .slds-checkbox--faux {
         // @todo consider shared hooks for inputs
 
+        outline: 1px solid var(--slds-g-color-brand-base-80, #{$palette-blue-80});
+        outline-offset: 0px;
         /*! @css-var-fallback border-color */
         --slds-c-checkbox-color-border: var(--slds-c-checkbox-color-border-focus, var(--sds-c-checkbox-color-border-focus, var(--slds-g-color-brand-base-60, #{$color-border-input-active})));
 
@@ -125,6 +127,20 @@
       }
     }
 
+    &:focus-visible {
+
+      + .slds-checkbox_faux,
+      + .slds-checkbox--faux,
+      ~ .slds-checkbox_faux,
+      ~ .slds-checkbox--faux,
+      + .slds-checkbox__label .slds-checkbox_faux,
+      + .slds-checkbox__label .slds-checkbox--faux {
+        // @todo consider shared hooks for inputs
+        outline: 1px solid var(--slds-g-color-brand-base-80, #{$palette-blue-80});
+        outline-offset: 0px;
+      }
+    }
+
     &:indeterminate + .slds-checkbox_faux,
     &:indeterminate + .slds-checkbox--faux,
     &:indeterminate ~ .slds-checkbox_faux,

ui/components/checkbox/base/_index.scss

@@ -6,6 +6,11 @@
 
 <!-- ## [VERSION] -->
 
+## 2.22.1
+
+### Fixed
+- Fixed the app launcher button is invisible When windows high contrast is enabled.
+
 ## 2.19.0
 
 ### Changed

ui/components/dynamic-icons/RELEASENOTES.md

@@ -100,6 +100,7 @@
     transition: background-color 100ms;
     transform-origin: 50% 50%;
     will-change: scale, background-color;
+    border: 2px solid transparent;
   }
 
   // Positioning

ui/components/dynamic-icons/waffle/_index.scss

@@ -1,7 +1,11 @@
 <!-- Release notes authoring guidelines: http://keepachangelog.com/ -->
 
 # Progress Indicator Release Notes
+## 2.22.1
 
+### Fixed
+
+- Matching styles for [dir=rtl] added.
 ## 2.21.0
 
 ### Added

ui/components/progress-indicator/RELEASENOTES.md

@@ -34,11 +34,17 @@
     &:before {
       top: 0;
       bottom: 50%;
+      @include rtl() {
+        right: $spacing-large;
+      }
     }
 
     &:after {
       top: 50%;
       bottom: 0;
+      @include rtl() {
+        right: $spacing-large;
+      }
     }
 
     &:first-child:before,
@@ -83,6 +89,9 @@
     margin-right: $spacing-medium;
     min-width: $square-icon-utility-small;
     z-index: 5;
+    @include rtl() {
+      margin-left: $spacing-medium;
+    }
   }
 
   .slds-progress__marker_icon {