Merge tag 'v2.22.1' into release/opensource

Dottenpixel · Dottenpixel · commit 97073c21b147 · 2023-11-09T14:25:45.000-08:00
diff --git a/RELEASENOTES.general.md b/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`
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.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"
diff --git a/ui/_config.scss b/ui/_config.scss
@@ -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
diff --git a/ui/components/checkbox/RELEASENOTES.md b/ui/components/checkbox/RELEASENOTES.md
@@ -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
 
diff --git a/ui/components/checkbox/base/_index.scss b/ui/components/checkbox/base/_index.scss
@@ -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,
diff --git a/ui/components/dynamic-icons/RELEASENOTES.md b/ui/components/dynamic-icons/RELEASENOTES.md
@@ -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
diff --git a/ui/components/dynamic-icons/waffle/_index.scss b/ui/components/dynamic-icons/waffle/_index.scss
@@ -100,6 +100,7 @@
     transition: background-color 100ms;
     transform-origin: 50% 50%;
     will-change: scale, background-color;
+    border: 2px solid transparent;
   }
 
   // Positioning
diff --git a/ui/components/progress-indicator/RELEASENOTES.md b/ui/components/progress-indicator/RELEASENOTES.md
@@ -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
diff --git a/ui/components/progress-indicator/vertical/_index.scss b/ui/components/progress-indicator/vertical/_index.scss
@@ -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 {
diff --git a/ui/components/setup-assistant/RELEASENOTES.md b/ui/components/setup-assistant/RELEASENOTES.md
@@ -3,6 +3,11 @@
 # Setup Assistant Release Notes
 
 <!-- ## [Unreleased] -->
+## 2.22.1
+
+### Added
+
+- Matching styles for [dir=rtl] added.
 
 ## 2.16.0
 
diff --git a/ui/components/setup-assistant/base/_index.scss b/ui/components/setup-assistant/base/_index.scss
@@ -63,6 +63,9 @@
  */
 .slds-setup-assistant__step-summary-content {
   margin-right: $spacing-xx-large;
+  @include rtl() {
+    margin-right:$spacing-none;
+  }
 }
 
 /**
@@ -84,4 +87,16 @@
  */
 .slds-setup-assistant__step-detail {
   padding-left: ($square-icon-large-content + $spacing-small);
+  @include rtl() {
+    padding-right: $spacing-large;
+    padding-left: $spacing-medium;
+  }
+  .slds-media_center{
+    @include rtl() {
+      margin-right: $spacing-medium;
+    }
+  }
+}
+.slds-media__figure{
+  margin-left: $spacing-small;
 }
diff --git a/ui/components/summary-detail/RELEASENOTES.md b/ui/components/summary-detail/RELEASENOTES.md
@@ -3,6 +3,10 @@
 # Summary Detail Release Notes
 
 <!-- ## [Unreleased] -->
+## 2.22.1
+### Fixed
+
+- Matching styles for [dir=rtl] added.
 ## 2.22.0
 ### Changed
 - Replaced aria-hidden with hidden attribute for components that show/hide content
diff --git a/ui/components/summary-detail/base/_index.scss b/ui/components/summary-detail/base/_index.scss
@@ -23,6 +23,11 @@
    */
   .slds-summary-detail__action-icon {
     transform: rotate(-90deg);
+
+    @include rtl() {
+      -webkit-transform: rotate(90deg);
+      transform: rotate(90deg);
+    }
   }
 
   /**

Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,7 @@`
`100`	`100`	`transition: background-color 100ms;`
`101`	`101`	`transform-origin: 50% 50%;`
`102`	`102`	`will-change: scale, background-color;`
	`103`	`+ border: 2px solid transparent;`
`103`	`104`	`}`
`104`	`105`
`105`	`106`	`// Positioning`